/* Keep the original page, illustration, audio and quiz layout. */
.reading-switch {display:flex;justify-content:flex-end;gap:4px;padding:8px 16px;border-top:1px solid var(--line);}
.reading-switch button {width:36px;height:32px;padding:0;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;}
.reading-switch button[aria-pressed="true"] {background:var(--green);border-color:var(--green);color:#fff;}
.reading-switch button:focus-visible,#storyReader:focus-visible {outline:2px solid var(--gold);outline-offset:-2px;}
#storyReader,#prologueReader {height:auto;max-height:50vh;max-height:50dvh;overflow-y:auto;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;padding:0;}
.comic-card > #storyReader {padding-left:0;padding-right:0;}
#storyReader > p {padding-left:16px;padding-right:16px;}
#prologueReader [hidden] {display:none !important;}
#prologueReader > p {color:#454b48;line-height:1.75;text-indent:2em;}
#prologueReader .prologue-english {margin:0;padding:0;border:0;}
#prologueReader .prologue-language-label {display:none;}
#storyReader:lang(en) .text-paragraph {text-indent:0;}
/* Compact spacing without changing source typography or media order. */
.prologue-block {margin-top:10px;padding-top:12px;padding-bottom:12px;}
.prologue-block h2 {margin-bottom:6px;}
.reading-switch {padding-top:5px;padding-bottom:5px;}
.prologue-media {margin-top:8px;gap:8px;}
.characters-block,.journey-block {padding-top:14px;}
.map-panel {padding-top:12px;}
.quiz-panel,.special-panel {margin-top:10px;}
#prologueReader > p {margin-bottom:8px;}
#prologueReader blockquote {margin-top:8px;}
/* Leave breathing room between the scroll boundary and the following media. */
#storyReader {margin-bottom:14px;}
#prologueReader + .prologue-media {margin-top:14px;}
#storyReader,#prologueReader {padding-bottom:8px;position:relative;isolation:isolate;}

#storySummary:empty,#storySubtitle:empty {display:none;}

[data-screen="story"] .scan-strip {grid-template-columns:72px minmax(0,1fr);gap:12px;}
.scan-qr {display:block;width:72px;height:72px;object-fit:contain;background:#fff;flex-shrink:0;}

