.ckeditor-output {
    font-family: inherit !important;
    font-size: 18px !important;
    color: #0e101a;
    line-height: 1.8;
    text-align: justify;
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
}

.ckeditor-output a {
    color: #0174f3 !important;
    font-weight: bold;
    text-decoration: underline;
}

.ckeditor-output p,
.ckeditor-output ul,
.ckeditor-output ol,
.ckeditor-output li,
.ckeditor-output blockquote {
    font-size: 18px !important;
    line-height: 1.8;
    text-align: justify;
    color: inherit;
}

.ckeditor-output h1,
.ckeditor-output h2,
.ckeditor-output h3,
.ckeditor-output h4,
.ckeditor-output h5,
.ckeditor-output h6 {
    font-weight: bold !important;
    color: inherit;
    line-height: 1.4;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.ckeditor-output a {
    color: #007bff !important;
    text-decoration: underline;
    word-break: break-word;
}

.ckeditor-output img {
    max-width: 100%;
    height: auto;
    margin: 1rem 0;
    display: block;
}

.ckeditor-output ul,
.ckeditor-output ol {
    padding-left: 1.5em;
    margin-bottom: 1em;
}

    .ckeditor-output ul li:not(:last-child),
    .ckeditor-output ol li:not(:last-child) {
        margin-bottom: 10px;
    }

    .ckeditor-output ul li strong:first-child {
        font-weight: 700;
        display: inline-block;
        margin-right: 5px;
        color: #000;
        text-transform: none;
    }

@media (max-width: 576px) {
    .ckeditor-output {
        font-size: 16px !important;
        padding: 15px;
    }

        .ckeditor-output h1 {
            font-size: 1.6rem;
        }

        .ckeditor-output h2 {
            font-size: 1.4rem;
        }

        .ckeditor-output h3 {
            font-size: 1.2rem;
        }
}