/*
 * Admin-side chrome around the rich-text editor (PRD 10.9).
 * The editing surface itself is styled by public/vendor/article-editor.css,
 * which TinyMCE loads into its iframe; this file only styles the box the
 * editor sits in, so it matches the other admin form fields.
 */
.rich-text-field .tox-tinymce {
    border: 1px solid var(--color-border, #ECECEC);
    border-radius: var(--radius-form, 16px);
    overflow: hidden;
}

.rich-text-field .tox .tox-toolbar__primary {
    background: var(--color-soft-background, #FAFAFC);
}

/* Before TinyMCE boots, the raw textarea is briefly visible. Sizing it like
   the editor avoids a jarring layout jump on load. */
.rich-text-field textarea {
    min-height: 520px;
    font-family: var(--font-mono, monospace);
    font-size: 0.9rem;
}