/* Shared by the writing canvas, reader preview, React/Next readers and PHP fallback. */
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) {
  --article-ink:#243347;
  display:flow-root; min-width:0; max-width:76ch; margin-inline:auto;
  color:var(--article-ink); font-size:clamp(1rem,.96rem + .2vw,1.125rem); line-height:1.78;
  overflow-wrap:anywhere; text-align:start;
}
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) :is(p,ul,ol,blockquote,pre,table) { margin:0 0 1.25em; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) :is(h2,h3,h4) { clear:both; color:#12263e; font-weight:750; line-height:1.3; letter-spacing:-.025em; margin:1.8em 0 .65em; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) h2 { font-size:clamp(1.5rem,1.25rem + 1vw,2rem); }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) h3 { font-size:clamp(1.3rem,1.15rem + .65vw,1.6rem); }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) h4 { font-size:1.15em; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) :is(ul,ol) { padding-inline-start:1.7em; list-style-position:outside; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) ul { list-style-type:disc; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) ol { list-style-type:decimal; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) li { display:list-item; margin:.5em 0; padding-inline-start:.25em; line-height:1.78; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) li :is(p,ul,ol) { margin:.35em 0; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) ul ul { list-style-type:circle; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) a { color:#185ac2; text-decoration:underline; text-underline-offset:3px; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) blockquote { border-inline-start:3px solid #6296db; padding:1em 1.4em; background:#f0f6ff; border-radius:0 12px 12px 0; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) .learning-image { max-width:100%; margin-block:1.8em; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) img { display:block; max-width:100%; height:auto; border-radius:12px; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) figcaption { margin-top:.7em; color:#52657b; font-size:.82em; line-height:1.5; text-align:center; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) .learning-image[data-wrap="left"] { float:left; max-width:45%; margin:0 1.5em 1em 0; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) .learning-image[data-wrap="right"] { float:right; max-width:45%; margin:0 0 1em 1.5em; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) .learning-image:is([data-ratio="16/9"],[data-ratio="4/3"],[data-ratio="1/1"]) img { height:auto !important; object-fit:cover !important; width:100%; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) .learning-image[data-ratio="16/9"] img { aspect-ratio:16/9; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) .learning-image[data-ratio="4/3"] img { aspect-ratio:4/3; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) .learning-image[data-ratio="1/1"] img { aspect-ratio:1; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) .learning-callout { clear:both; margin:1.5em 0; padding:1.25em; border:1px solid #c8dcf5; border-radius:14px; background:#f1f7ff; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) .learning-callout-warning { background:#fff8e8; border-color:#f1d894; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) .learning-callout p { margin:.75em 0; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) pre { max-width:100%; overflow-x:auto; padding:1.2em; border-radius:12px; background:#102238; color:#edf4ff; white-space:pre; overflow-wrap:normal; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) :is(th,td) { min-width:120px; border:1px solid #d8e2ee; padding:.7em 1em; text-align:start; }
:is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) th { background:#eef4fb; font-weight:700; }
.modern-editor__preview-cover { margin:24px 0 32px; }
.modern-editor__preview-cover img { width:100%; max-height:460px; object-fit:contain; border-radius:16px; }
.modern-editor__node-inspector { flex-wrap:wrap; max-height:40vh; overflow-y:auto; }
@media(max-width:640px) {
  :is(.ll-rich-copy,.lln-prose,.ll-shell-fallback__body,.modern-editor__prosemirror,.modern-editor__preview-body) .learning-image:is([data-wrap],:not([data-wrap])) { float:none; width:100% !important; max-width:100%; margin:1.4em 0 !important; }
}