/* Shared typography for imported stories and stories written in the dashboard. */
:root{--story-text-size:18px}
html[data-reading-size="large"]{--story-text-size:21px}
html[data-reading-size="largest"]{--story-text-size:24px}
html:not([data-reading-size]) body:has([name="reading-size"][value="large"]:checked){--story-text-size:21px}
html:not([data-reading-size]) body:has([name="reading-size"][value="largest"]:checked){--story-text-size:24px}
.story-detail .article-body{font-family:Heebo,Arial,sans-serif;font-size:var(--story-text-size);font-weight:400;line-height:1.85}
.story-detail .article-body>p{font:inherit;margin-block:0 1.25em;white-space:pre-line;overflow-wrap:anywhere}
.story-detail .article-body strong{font-weight:600}
.story-reading-tools{display:flex;justify-content:flex-end;margin-block-end:24px}
.reading-size{min-inline-size:0;border:0;padding:0;margin:0;font-family:Heebo,Arial,sans-serif}
.reading-size-row{display:flex;align-items:center;gap:10px}
.reading-size-label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:400;line-height:1.5;color:var(--muted);white-space:nowrap}
.reading-size-options{display:flex;align-items:center;gap:2px}
.reading-size-options label{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;cursor:pointer}
.reading-size-options input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.reading-size-options span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid transparent;border-radius:5px;font-size:14px;line-height:1;color:var(--muted)}
.reading-size-options input[value="large"]+span{font-size:18px}
.reading-size-options input[value="largest"]+span{font-size:22px}
.reading-size-options input:checked+span{border-color:var(--line);background:#eef0fb;color:var(--accent)}
.reading-size-options input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
.reading-size-options label:hover span{color:var(--accent);border-color:var(--line)}
@media(pointer:coarse){.reading-size-options label{width:44px;height:44px}}
@media(forced-colors:active){.reading-size-options span{border-color:ButtonText}.reading-size-options input:checked+span{background:Highlight;color:HighlightText;border-color:Highlight}.reading-size-options input:focus-visible+span{outline-color:Highlight}}
@media print{.story-reading-tools{display:none!important}.story-detail .article-body{font-size:12pt}}
.story-detail .article-body>.article-quotation{font:inherit;white-space:pre-line;overflow-wrap:anywhere;border-inline-start:3px solid var(--accent);padding-inline-start:24px;margin:1.5em 0}
.story-detail .article-body>.article-quotation p{font:inherit;margin:0}
.story-detail--chapters .article-body .article-subheading{font-size:1.25em;margin-block:2em .8em;border:0;padding-top:0}
.story-contents li.contents-subheading{padding-inline-start:16px}