/* Shared formatting for editing, previewing, and published articles. */
:is(.rich-editor, .preview-content, .article-body) { font-size:18px; line-height:1.78; }
:is(.rich-editor, .preview-content, .article-body) .text-small { font-size:16px; }
:is(.rich-editor, .preview-content, .article-body) .text-normal { font-size:18px; }
:is(.rich-editor, .preview-content, .article-body) .text-large { font-size:22px; }
:is(.rich-editor, .preview-content, .article-body) .text-xlarge { font-size:28px; }
:is(.rich-editor, .preview-content, .article-body) .font-body { font-family:"Work Sans",system-ui,sans-serif; }
:is(.rich-editor, .preview-content, .article-body) .font-serif { font-family:"Cormorant Garamond",Georgia,serif; }
:is(.rich-editor, .preview-content, .article-body) img { width:auto; max-width:100%; height:auto; max-height:420px; object-fit:contain; }
:is(.rich-editor, .preview-content, .article-body) img.image-small { max-width:min(100%,280px); max-height:240px; }
:is(.rich-editor, .preview-content, .article-body) img.image-medium { max-width:min(100%,480px); max-height:360px; }
:is(.rich-editor, .preview-content, .article-body) img.image-large { max-width:100%; max-height:540px; }
.rich-editor font[size="2"] { font-size:16px; }
.rich-editor font[size="3"] { font-size:18px; }
.rich-editor font[size="4"] { font-size:22px; }
.rich-editor font[size="5"] { font-size:28px; }
/* A single reading rhythm for the editor, its preview, and public articles. */
:is(.rich-editor, .preview-content, .article-body) { color:var(--color-body); font-family:var(--font-sans); font-weight:400; overflow-wrap:anywhere; }
:is(.rich-editor, .preview-content, .article-body) p { margin:0 0 1.25rem; }
:is(.rich-editor, .preview-content, .article-body) h2 { margin:2rem 0 .8rem; color:var(--color-navy); font:500 2rem/1.2 var(--font-serif); }
:is(.rich-editor, .preview-content, .article-body) h3 { margin:1.75rem 0 .65rem; color:var(--color-navy); font:500 1.6rem/1.25 var(--font-serif); }
:is(.rich-editor, .preview-content, .article-body) :is(ul,ol) { padding-left:1.4em; margin:0 0 1.5rem; }
:is(.rich-editor, .preview-content, .article-body) li { margin-bottom:.7rem; }
:is(.rich-editor, .preview-content, .article-body) li p { margin:0; }
:is(.rich-editor, .preview-content, .article-body) blockquote { margin:1.75rem 0; padding:.25rem 0 .25rem 1.25rem; border-left:3px solid var(--color-gold); color:var(--color-navy); font:italic 1.4rem/1.5 var(--font-serif); }
:is(.rich-editor, .preview-content, .article-body) a { color:var(--color-blue-2); text-underline-offset:.2em; }
:is(.rich-editor, .preview-content, .article-body) img { display:block; margin:1.75rem auto; border-radius:var(--radius-img); }
:is(.rich-editor, .preview-content, .article-body) strong,
:is(.rich-editor, .preview-content, .article-body) b { font-weight:600; }

:is(.rich-editor, .preview-content, .article-body) > span.font-serif { display:block; margin:2rem 0 .75rem; }