/* Masquer le compteur de mots et le powered by */
#id_content_script-word-count {
    display: none !important;
}

.ck-powered-by {
    display: none !important;
}

/* Style global pour forcer le thème sombre sur tous les éléments CKEditor */
.ck {
    color-scheme: dark !important;
}

.ck * {
    color-scheme: dark !important;
}

/* Style de l'éditeur CKEditor - Thème sombre */
.ck-editor__editable {
    background: rgba(0, 0, 0, 0.5) !important;
    color: #E5DCC5 !important;
    min-height: 400px !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 8px !important;
}

.ck-editor__editable:focus {
    border-color: rgba(212, 175, 55, 0.5) !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.2) !important;
}

/* Forcer la couleur du texte dans l'éditeur (évite les problèmes de dark mode) */
.ck-editor__editable p,
.ck-editor__editable h1,
.ck-editor__editable h2,
.ck-editor__editable h3,
.ck-editor__editable h4,
.ck-editor__editable ul,
.ck-editor__editable ol,
.ck-editor__editable li,
.ck-editor__editable blockquote,
.ck-editor__editable a,
.ck-editor__editable strong,
.ck-editor__editable em,
.ck-editor__editable code,
.ck-editor__editable pre {
    color: #E5DCC5 !important;
}

.ck-editor__editable h2,
.ck-editor__editable h3,
.ck-editor__editable h4 {
    color: #D4AF37 !important;
}

.ck-editor__editable a {
    color: #D4AF37 !important;
}

.ck-editor__editable a:hover {
    color: #FFD700 !important;
}

.ck-editor__editable blockquote {
    color: #D4AF37 !important;
}

/* Tous les éléments CKEditor avec fond blanc doivent être sombres */
.ck,
.ck * {
    color-scheme: dark !important;
}

/* Overlay et backdrop */
.ck-balloon-rotator__content {
    background: rgba(10, 10, 10, 0.98) !important;
}

/* Form elements dans CKEditor */
.ck-form__row input,
.ck-form__row textarea,
.ck-form__row select {
    background: rgba(0, 0, 0, 0.6) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    color: #E5DCC5 !important;
}

.ck-form__row input:focus,
.ck-form__row textarea:focus,
.ck-form__row select:focus {
    border-color: rgba(212, 175, 55, 0.6) !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.2) !important;
}

/* File upload button */
.ck-file-dialog-button {
    background: rgba(212, 175, 55, 0.2) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    color: #D4AF37 !important;
}

.ck-file-dialog-button:hover {
    background: rgba(212, 175, 55, 0.3) !important;
    border-color: rgba(212, 175, 55, 0.6) !important;
    color: #FFD700 !important;
}

/* Tous les éléments CKEditor qui peuvent être blancs */
.ck.ck-editor,
.ck.ck-editor__main,
.ck.ck-editor__editable,
.ck.ck-toolbar,
.ck.ck-toolbar__separator,
.ck.ck-button,
.ck.ck-dropdown,
.ck.ck-dropdown__panel,
.ck.ck-list,
.ck.ck-list__item,
.ck.ck-balloon-panel,
.ck.ck-dialog,
.ck.ck-input-text,
.ck.ck-form,
.ck.ck-form__row {
    color-scheme: dark !important;
}

/* Forcer le fond sombre sur tous les éléments CKEditor */
.ck * {
    color-scheme: dark !important;
}

/* Spécifiquement pour les menus déroulants d'images */
.ck-image-insert__panel {
    background: rgba(10, 10, 10, 0.98) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

.ck-image-insert__panel .ck-list {
    background: rgba(10, 10, 10, 0.98) !important;
}

.ck-image-insert__panel .ck-list__item {
    color: #E5DCC5 !important;
    background: transparent !important;
}

.ck-image-insert__panel .ck-list__item:hover {
    background: rgba(212, 175, 55, 0.15) !important;
    color: #FFD700 !important;
}

.ck-image-insert__panel .ck-list__item .ck-button {
    color: #E5DCC5 !important;
    background: transparent !important;
}

.ck-image-insert__panel .ck-list__item:hover .ck-button {
    color: #FFD700 !important;
}

/* Style global pour tous les panels et menus CKEditor */
[class*="ck-panel"],
[class*="ck-dropdown"],
[class*="ck-balloon"],
[class*="ck-dialog"],
[class*="ck-menu"] {
    background: rgba(10, 10, 10, 0.98) !important;
    border-color: rgba(212, 175, 55, 0.3) !important;
    color: #E5DCC5 !important;
}

/* Tous les éléments de liste dans les menus */
[class*="ck-list"] {
    background: rgba(10, 10, 10, 0.98) !important;
}

[class*="ck-list__item"] {
    color: #E5DCC5 !important;
    background: transparent !important;
}

[class*="ck-list__item"]:hover {
    background: rgba(212, 175, 55, 0.15) !important;
    color: #FFD700 !important;
}

/* Tous les boutons dans les menus */
[class*="ck-button"] {
    color: #E5DCC5 !important;
}

[class*="ck-button"]:hover {
    background: rgba(212, 175, 55, 0.15) !important;
    color: #FFD700 !important;
}

/* Tous les inputs dans CKEditor */
[class*="ck-input"] {
    background: rgba(0, 0, 0, 0.6) !important;
    border-color: rgba(212, 175, 55, 0.3) !important;
    color: #E5DCC5 !important;
}

[class*="ck-input"]:focus {
    border-color: rgba(212, 175, 55, 0.6) !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.2) !important;
}

/* Forcer le fond sombre sur tous les panels */
.ck-panel,
.ck-panel__content {
    background: rgba(10, 10, 10, 0.98) !important;
    color: #E5DCC5 !important;
}

/* Menu contextuel */
.ck-contextual-balloon {
    background: rgba(10, 10, 10, 0.98) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

.ck-contextual-balloon .ck-button {
    color: #E5DCC5 !important;
}

.ck-contextual-balloon .ck-button:hover {
    background: rgba(212, 175, 55, 0.15) !important;
    color: #FFD700 !important;
}

/* Input URL dans les dialogues */
.ck-input-url {
    background: rgba(0, 0, 0, 0.6) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    color: #E5DCC5 !important;
}

.ck-input-url:focus {
    border-color: rgba(212, 175, 55, 0.6) !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.2) !important;
}

/* Labels dans les formulaires CKEditor */
.ck-label,
.ck-form__label {
    color: #D4AF37 !important;
}

/* Tous les textes dans les menus */
.ck-dropdown__panel *,
.ck-balloon-panel *,
.ck-dialog * {
    color: #E5DCC5 !important;
}

.ck-dropdown__panel .ck-button__label,
.ck-balloon-panel .ck-button__label {
    color: #E5DCC5 !important;
}

.ck-dropdown__panel .ck-button:hover .ck-button__label,
.ck-balloon-panel .ck-button:hover .ck-button__label {
    color: #FFD700 !important;
}

/* Forcer le fond sombre sur TOUS les éléments CKEditor */
.ck-dropdown__panel,
.ck-dropdown__panel .ck-list,
.ck-dropdown__panel .ck-list__item,
.ck-dropdown__panel .ck-button,
.ck-image-insert__panel,
.ck-image-insert__panel .ck-list,
.ck-image-insert__panel .ck-list__item,
.ck-image-insert__panel .ck-button,
.ck-media-embed__panel,
.ck-media-embed__panel .ck-list,
.ck-media-embed__panel .ck-list__item,
.ck-media-embed__panel .ck-button {
    background-color: rgba(10, 10, 10, 0.98) !important;
    color: #E5DCC5 !important;
}

/* Tous les menus déroulants */
.ck-dropdown__panel {
    background: rgba(10, 10, 10, 0.98) !important;
}

.ck-dropdown__panel .ck-list__item {
    background: transparent !important;
}

.ck-dropdown__panel .ck-list__item:hover {
    background: rgba(212, 175, 55, 0.15) !important;
}

/* Spécifique pour le menu d'insertion d'image - Styles renforcés */
.ck-image-insert__panel {
    background: rgba(10, 10, 10, 0.98) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

.ck-image-insert__panel .ck-list {
    background: rgba(10, 10, 10, 0.98) !important;
}

.ck-image-insert__panel .ck-list__item {
    color: #E5DCC5 !important;
    background: transparent !important;
}

.ck-image-insert__panel .ck-list__item .ck-button {
    color: #E5DCC5 !important;
    background: transparent !important;
}

.ck-image-insert__panel .ck-list__item:hover {
    background: rgba(212, 175, 55, 0.15) !important;
}

.ck-image-insert__panel .ck-list__item:hover .ck-button {
    color: #FFD700 !important;
}

.ck-image-insert__panel .ck-button__label {
    color: #E5DCC5 !important;
}

.ck-image-insert__panel .ck-list__item:hover .ck-button__label {
    color: #FFD700 !important;
}

/* Toolbar sombre */
.ck-toolbar {
    background: rgba(10, 10, 10, 0.95) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 8px 8px 0 0 !important;
}

.ck-toolbar__separator {
    background: rgba(212, 175, 55, 0.2) !important;
}

.ck-button {
    color: #E5DCC5 !important;
}

.ck-button:hover {
    background: rgba(212, 175, 55, 0.1) !important;
}

.ck-button.ck-on {
    background: rgba(212, 175, 55, 0.2) !important;
    color: #FFD700 !important;
}

/* Dropdowns et menus CKEditor - Thème sombre */
.ck-dropdown__panel {
    background: rgba(10, 10, 10, 0.98) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.8) !important;
}

.ck-dropdown__panel .ck-list {
    background: rgba(10, 10, 10, 0.98) !important;
}

.ck-list {
    background: rgba(10, 10, 10, 0.98) !important;
}

.ck-list__item {
    color: #E5DCC5 !important;
    background: transparent !important;
}

.ck-list__item:hover,
.ck-list__item.ck-on {
    background: rgba(212, 175, 55, 0.15) !important;
    color: #FFD700 !important;
}

.ck-list__item .ck-button {
    color: #E5DCC5 !important;
    background: transparent !important;
}

.ck-list__item:hover .ck-button,
.ck-list__item.ck-on .ck-button {
    color: #FFD700 !important;
    background: transparent !important;
}

/* Menu déroulant pour les images */
.ck-dropdown__panel .ck-list__item {
    color: #E5DCC5 !important;
}

.ck-dropdown__panel .ck-list__item:hover {
    background: rgba(212, 175, 55, 0.15) !important;
    color: #FFD700 !important;
}

.ck-dropdown__panel .ck-list__item .ck-button {
    color: #E5DCC5 !important;
}

.ck-dropdown__panel .ck-list__item:hover .ck-button {
    color: #FFD700 !important;
}

/* Inputs dans les dropdowns CKEditor */
.ck-input-text {
    background: rgba(0, 0, 0, 0.6) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    color: #E5DCC5 !important;
    border-radius: 6px !important;
}

.ck-input-text:focus {
    border-color: rgba(212, 175, 55, 0.6) !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.2) !important;
}

/* Balloon panels (menus contextuels) */
.ck-balloon-panel {
    background: rgba(10, 10, 10, 0.98) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.8) !important;
}

.ck-balloon-panel .ck-button {
    color: #E5DCC5 !important;
}

.ck-balloon-panel .ck-button:hover {
    background: rgba(212, 175, 55, 0.15) !important;
    color: #FFD700 !important;
}

/* Tooltip */
.ck-tooltip {
    background: rgba(10, 10, 10, 0.95) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    color: #E5DCC5 !important;
}

.ck-tooltip__text {
    color: #E5DCC5 !important;
}

/* Dialogues CKEditor */
.ck-dialog {
    background: rgba(10, 10, 10, 0.98) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.8) !important;
}

.ck-dialog__header {
    background: rgba(0, 0, 0, 0.5) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
    color: #D4AF37 !important;
}

.ck-dialog__body {
    background: rgba(0, 0, 0, 0.3) !important;
}

.ck-dialog__footer {
    background: rgba(0, 0, 0, 0.5) !important;
    border-top: 1px solid rgba(212, 175, 55, 0.2) !important;
}

.ck-dialog__body input,
.ck-dialog__body textarea {
    background: rgba(0, 0, 0, 0.6) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    color: #E5DCC5 !important;
}

.ck-dialog__body input:focus,
.ck-dialog__body textarea:focus {
    border-color: rgba(212, 175, 55, 0.6) !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.2) !important;
}

/* Boutons dans les dialogues */
.ck-dialog__actions .ck-button {
    background: rgba(212, 175, 55, 0.2) !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    color: #D4AF37 !important;
}

.ck-dialog__actions .ck-button:hover {
    background: rgba(212, 175, 55, 0.3) !important;
    border-color: rgba(212, 175, 55, 0.6) !important;
    color: #FFD700 !important;
}

.ck-dialog__actions .ck-button.ck-button-action {
    background: rgba(212, 175, 55, 0.3) !important;
    color: #FFD700 !important;
}

.ck-dialog__actions .ck-button.ck-button-action:hover {
    background: rgba(212, 175, 55, 0.4) !important;
}

/* Labels dans les dialogues */
.ck-label {
    color: #D4AF37 !important;
}

/* Select dans les dialogues */
.ck-dropdown__button {
    background: rgba(0, 0, 0, 0.6) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    color: #E5DCC5 !important;
}

.ck-dropdown__button:hover {
    background: rgba(0, 0, 0, 0.7) !important;
    border-color: rgba(212, 175, 55, 0.5) !important;
}

/* Contenu de l'article - Style pour l'affichage */
.ck-content {
    font-family: 'Cormorant Garamond', serif !important;
    color: #E5E7EB !important;
    background: transparent !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.ck-content p {
    display: block !important;
    font-size: 1.125rem !important;
    line-height: 1.75 !important;
    margin-bottom: 1.25rem !important;
    color: #E5E7EB !important;
}

/* Titres */
.ck-content h2, .ck-content h3, .ck-content h4 {
    font-weight: 600 !important;
    color: #D4AF37 !important;
    font-family: 'Cormorant Garamond', serif !important;
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
}

.ck-content h2 {
    font-size: 2rem !important;
}

.ck-content h3 {
    font-size: 1.5rem !important;
    color: #FFD700 !important;
}

.ck-content h4 {
    font-size: 1.3rem !important;
}

.ck-content h2:first-child {
    margin-top: 0 !important;
}

/* Listes */
.ck-content ul, .ck-content ol {
    font-size: 1.125rem !important;
    line-height: 1.75 !important;
    margin: 1.25rem 0 !important;
    padding-left: 2rem !important;
    color: #E5E7EB !important;
}

.ck-content ul {
    list-style-type: disc !important;
}

.ck-content ol {
    list-style-type: decimal !important;
}

.ck-content li {
    margin-bottom: 0.5rem !important;
    color: #E5E7EB !important;
}

.ck-content ul ul, .ck-content ol ol, .ck-content ul ol, .ck-content ol ul {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* Citations */
.ck-content blockquote {
    border-left: 4px solid #D4AF37 !important;
    background-color: rgba(212, 175, 55, 0.1) !important;
    border-radius: 6px !important;
    padding: 1rem 1.5rem !important;
    margin: 1.5rem 0 !important;
    font-style: italic !important;
    color: #D4AF37 !important;
    font-size: 1.125rem !important;
}

/* Liens */
.ck-content a {
    color: #D4AF37 !important;
    text-decoration: underline !important;
    transition: color 0.3s ease !important;
}

.ck-content a:hover {
    color: #FFD700 !important;
}

/* Emphase et gras */
.ck-content strong, .ck-content b {
    font-weight: 600 !important;
    color: #FFD700 !important;
}

.ck-content em, .ck-content i {
    font-style: italic !important;
}

/* Style par défaut pour tous les surligneurs */
.ck-content mark {
    padding: 2px 4px !important;
    background-color: rgba(255, 215, 0, 0.3) !important;
    color: #FFD700 !important;
}

/* Stabilo */
mark.marker-pink {
    background-color: rgba(255, 105, 180, 0.3) !important;
    color: #FF69B4 !important;
    padding: 2px 4px !important;
}

mark.marker-yellow {
    background-color: rgba(255, 215, 0, 0.3) !important;
    color: #FFD700 !important;
    padding: 2px 4px !important;
}

mark.marker-green {
    background-color: rgba(144, 238, 144, 0.3) !important;
    color: #90EE90 !important;
    padding: 2px 4px !important;
}

mark.marker-blue {
    background-color: rgba(135, 206, 235, 0.3) !important;
    color: #87CEEB !important;
    padding: 2px 4px !important;
}

mark.marker-red {
    background-color: rgba(255, 107, 107, 0.3) !important;
    color: #FF6B6B !important;
    padding: 2px 4px !important;
}

/* Code */
.ck-content code {
    background-color: rgba(0, 0, 0, 0.5) !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    font-family: 'Consolas', 'Monaco', monospace !important;
    font-size: 0.9em !important;
    color: #FFD700 !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
}

.ck-content pre {
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: rgba(0, 0, 0, 0.5) !important;
    padding: 1rem !important;
    border-radius: 5px !important;
    margin: 1rem 0 !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
}

.ck-content pre code {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Séparateurs */
.ck-content hr {
    border: none !important;
    border-top: 2px solid rgba(212, 175, 55, 0.3) !important;
    margin: 2rem 0 !important;
}

/* Tableaux améliorés */
.ck-content table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
    border-collapse: collapse !important;
    margin: 1.5rem 0 !important;
}

.ck-content th, .ck-content td {
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    padding: 0.75rem !important;
    text-align: left !important;
    color: #E5E7EB !important;
}

.ck-content th {
    background-color: rgba(212, 175, 55, 0.1) !important;
    font-weight: 600 !important;
    color: #D4AF37 !important;
}

.ck-content td {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

/* Images */
.ck-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1.5rem auto;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

/* Iframes */
.ck-content iframe {
    max-width: 100%;
    border-radius: 8px;
}

/* Styles pour les médias intégrés */
.ck-content figure.media,
.ck-content figure.media.ck-widget {
    margin: 1.5rem 0;
    width: 100%;
    max-width: 100%;
    position: relative;
    display: block !important;
    min-height: 270px;
}

.ck-content .ck-media__wrapper {
    position: relative;
    width: 100%;
    margin: 0;
}

.ck-content .ck-media__wrapper > div {
    position: relative !important;
    height: 0 !important;
    padding-bottom: 56.25% !important;
}

.ck-content .ck-media__wrapper iframe {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    border: 0 !important;
    border-radius: 8px;
}

.ck-content .ck-reset_all,
.ck-content .ck-widget__type-around {
    display: none !important;
}

/* Styles pour oembed */
.ck-content figure.media oembed,
.ck-content figure.media div[data-oembed-url] {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.ck-content figure.media [data-oembed-url],
.ck-content figure.media [data-oembed-url*="dai.ly"],
.ck-content figure.media [data-oembed-url*="dailymotion.com"],
.ck-content figure.media [data-oembed-url*="youtube.com"],
.ck-content figure.media [data-oembed-url*="youtu.be"],
.ck-content figure.media [data-oembed-url*="vimeo.com"] {
    position: relative;
    display: block;
    width: 100%;
    min-height: 270px;
}

body:not(.ck-editor) .media {
    display: block !important;
    clear: both;
    margin: 1em 0;
    min-height: 270px;
}

.ck-content figure.media oembed[url],
figure.media oembed[url] {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.ck-content figure.media oembed[url*="dai.ly"]::before,
.ck-content figure.media oembed[url*="dailymotion.com"]::before,
figure.media oembed[url*="dai.ly"]::before,
figure.media oembed[url*="dailymotion.com"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.ck-content figure.media oembed[url*="dai.ly"],
.ck-content figure.media oembed[url*="dailymotion.com"],
figure.media oembed[url*="dai.ly"],
figure.media oembed[url*="dailymotion.com"] {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.ck-content figure.media oembed[url*="dai.ly"]::after,
.ck-content figure.media oembed[url*="dailymotion.com"]::after,
figure.media oembed[url*="dai.ly"]::after,
figure.media oembed[url*="dailymotion.com"]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFD700'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 64px;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    z-index: 2;
}

.ck-content figure.media:has(oembed[url*="dai.ly"]),
.ck-content figure.media:has(oembed[url*="dailymotion.com"]),
figure.media:has(oembed[url*="dai.ly"]),
figure.media:has(oembed[url*="dailymotion.com"]) {
    position: relative;
    width: 100%;
    min-height: 300px;
    display: block;
    margin: 1em 0;
    cursor: pointer;
}

/* Responsive font sizes */
@media (max-width: 640px) {
    .ck-content h1 {
        font-size: 1.875rem !important;
        margin-top: 15px !important;
    }
    
    .ck-content h2 {
        font-size: 1.5rem !important;
        margin-top: 12px !important;
    }
    
    .ck-content h3 {
        font-size: 1.25rem !important;
        margin-top: 10px !important;
    }

    .ck-content p {
        font-size: 1rem !important;
    }
    
    .ck-content ul, .ck-content ol {
        font-size: 1rem !important;
        padding-left: 1.5rem !important;
    }
    
    .ck-content blockquote {
        padding-left: 1rem !important;
        font-size: 1rem !important;
    }
}