/* Scoped styles: do not affect complaints or ordinary admin forms. */
.blog-rich-editor { margin: 1.1rem 0 1.5rem; }
.blog-rich-label { display:block; font-weight:700; margin-bottom:.6rem; }
.blog-rich-toolbar { display:flex; flex-wrap:wrap; gap:.4rem; padding:.7rem; border:1px solid #d7dce5; border-radius:12px 12px 0 0; background:#f7f8fa; }
.blog-rich-toolbar button { padding:.45rem .65rem; border:1px solid #cbd2df; border-radius:7px; background:white; color:#172033; font-size:.9rem; cursor:pointer; }
.blog-rich-toolbar button:hover, .blog-rich-toolbar button:focus-visible { background:#e7ebf6; outline:2px solid #6e60b0; outline-offset:1px; }
.blog-rich-content { min-height:360px; max-height:60vh; overflow:auto; padding:1.25rem; border:1px solid #d7dce5; border-top:0; border-radius:0 0 12px 12px; background:#fff; color:#1c2636; line-height:1.8; overflow-wrap:anywhere; }
.blog-rich-content:focus { outline:2px solid #6e60b0; outline-offset:-2px; }
.blog-rich-content h2, .reader-prose h2 { font-size:clamp(1.4rem,2vw,1.85rem); line-height:1.3; font-weight:750; margin:1.8em 0 .65em; letter-spacing:-.025em; }
.blog-rich-content h3, .reader-prose h3 { font-size:clamp(1.15rem,1.6vw,1.42rem); line-height:1.4; font-weight:700; margin:1.5em 0 .6em; }
.blog-rich-content p, .reader-prose p { margin:0 0 1.1em; }
.blog-rich-content ul, .blog-rich-content ol, .reader-prose ul, .reader-prose ol { margin: .7em 0 1.2em; padding-left:1.6em; }
.blog-rich-content li, .reader-prose li { margin: .3em 0; }
.blog-rich-content blockquote, .reader-prose blockquote { border-left:3px solid #7c6ac2; padding:.4em 1em; margin:1.25em 0; background:#f8f7fb; }
.blog-rich-content a, .reader-prose a { color:#5942ab; text-decoration:underline; overflow-wrap:anywhere; }
.reader-prose strong, .reader-prose b, .blog-rich-content strong, .blog-rich-content b { font-weight:750; }
.reader-prose { overflow-wrap:anywhere; }