/**
 * CKEditor editable + preview typography.
 * Filament/Tailwind preflight resets h1–h6; the field adds `prose` but Typography is not loaded.
 */
.ck.ck-editor__editable.ck-content :is(h1, h2, h3, h4, h5, h6),
[x-html].prose :is(h1, h2, h3, h4, h5, h6) {
    font-weight: 700;
    line-height: 1.25;
    margin-top: 1.25em;
    margin-bottom: 0.5em;
}

.ck.ck-editor__editable.ck-content h1,
[x-html].prose h1 {
    font-size: 2.25em;
}

.ck.ck-editor__editable.ck-content h2,
[x-html].prose h2 {
    font-size: 1.875em;
}

.ck.ck-editor__editable.ck-content h3,
[x-html].prose h3 {
    font-size: 1.5em;
}

.ck.ck-editor__editable.ck-content h4,
[x-html].prose h4 {
    font-size: 1.25em;
}

.ck.ck-editor__editable.ck-content h5,
[x-html].prose h5 {
    font-size: 1.125em;
}

.ck.ck-editor__editable.ck-content h6,
[x-html].prose h6 {
    font-size: 1em;
}

.ck.ck-editor__editable.ck-content :is(p, ul, ol, blockquote, pre, table),
[x-html].prose :is(p, ul, ol, blockquote, pre, table) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

.ck.ck-editor__editable.ck-content :is(ul, ol),
[x-html].prose :is(ul, ol) {
    padding-left: 1.5em;
}

.ck.ck-editor__editable.ck-content ul,
[x-html].prose ul {
    list-style-type: disc;
}

.ck.ck-editor__editable.ck-content ol,
[x-html].prose ol {
    list-style-type: decimal;
}

.ck.ck-editor__editable.ck-content blockquote,
[x-html].prose blockquote {
    border-left: 4px solid rgb(209 213 219);
    padding-left: 1em;
    font-style: italic;
    color: rgb(75 85 99);
}

.dark .ck.ck-editor__editable.ck-content blockquote,
.dark [x-html].prose blockquote {
    border-left-color: rgb(75 85 99);
    color: rgb(156 163 175);
}

.ck.ck-editor__editable.ck-content a,
[x-html].prose a {
    color: rgb(37 99 235);
    text-decoration: underline;
}

.dark .ck.ck-editor__editable.ck-content a,
.dark [x-html].prose a {
    color: rgb(96 165 250);
}

.ck.ck-editor__editable.ck-content :is(h1, h2, h3, h4, h5, h6):first-child,
[x-html].prose :is(h1, h2, h3, h4, h5, h6):first-child {
    margin-top: 0;
}