/* Shared article typography: live article body + both admin editors (2026-10-15) */
.article-body-wrapper .content-render, .fn-article-typography, .fn-article-typography .ql-editor {
  font-family: 'Georgia', serif; font-size: 1.2rem; line-height: 1.6; color: #333;
}
.fn-article-typography .ql-editor { padding: 15px 18px; }
.content-render p, .fn-article-typography p { margin: 0 0 1rem; }
.content-render ul, .content-render ol, .fn-article-typography ul, .fn-article-typography ol { margin: 0 0 1rem; padding-left: 2em; }
.content-render li, .fn-article-typography li { margin-bottom: .35rem; }
.content-render ul > li, .fn-article-typography ul > li { list-style-type: disc; }
.content-render ol > li, .fn-article-typography ol > li { list-style-type: decimal; }
.content-render blockquote, .fn-article-typography blockquote { border-left: 4px solid #ccc; margin: 0 0 1rem; padding: .25rem 0 .25rem 1rem; color: #555; font-style: italic; }
.content-render a, .fn-article-typography a { color: #0d6efd; text-decoration: underline; }
.content-render h2, .fn-article-typography h2 { font-size: 1.5rem; margin: 1.5rem 0 .75rem; }
.content-render h3, .fn-article-typography h3 { font-size: 1.3rem; margin: 1.25rem 0 .6rem; }
/* Quill's own list rendering inside editors (Quill 2 uses <ol><li data-list>) */
.fn-article-typography .ql-editor li[data-list="bullet"] { list-style-type: none; }
.fn-article-typography .ql-editor li[data-list="ordered"] { list-style-type: none; }
.fn-article-typography .ql-editor ol { padding-left: 1.5em; }
/* 2026-10-16: admin top.php forces .ql-editor{min-height:200px}, which overflowed the fixed-height
   editor box and covered the Block Editor "Done" button (clicks landed in the editor, nothing saved).
   Let the editor box grow with its content instead. */
.fn-article-typography .ql-container { height: auto !important; }
.fn-article-typography .ql-editor { min-height: 200px; max-height: 70vh; overflow-y: auto; }