/* Editorial scale: related paragraphs stay together; turns earn their space. */
:root{--space-1:8px;--space-2:16px;--space-3:24px;--space-4:40px;--space-5:64px;--space-6:96px;--reading:680px;--body:clamp(18px,1.4vw,20px)}
.prose{line-height:1.95;text-align:start;overflow-wrap:break-word}
.prose p,.chapter-reading .prose p{line-height:1.95;margin-block:0 var(--space-3);text-wrap:pretty}
.prose p:last-child{margin-bottom:0}
.prose h3,.chapter-reading h3{font-size:clamp(24px,2.2vw,30px);line-height:1.65;margin-block:var(--space-5) var(--space-3);text-wrap:balance}
.chapter{padding-block:var(--space-6) var(--space-4)}
.chapter:not(.wide-scene)>.chapter-heading{padding-block:0;margin-bottom:var(--space-5);width:min(1240px,calc(100% - 96px))}
.chapter:not(.wide-scene)>.chapter-heading h2{font-size:clamp(36px,4.3vw,62px);line-height:1.5;max-width:860px;text-wrap:balance}
.scroll-layout{width:min(1240px,calc(100% - 96px));gap:clamp(48px,6vw,96px);grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
.chapter-reading .prose{max-width:600px}
.chapter-reading .prose+.prose{margin-top:var(--space-4)}
.chapter-reading .editorial-turn{font-family:ThmanyahDisplay,ThmanyahSans;font-size:clamp(25px,2.5vw,33px);line-height:1.75;margin-block:var(--space-5) var(--space-3);text-wrap:balance}
.chapter-reading .editorial-pause{margin-block:var(--space-5) var(--space-4);padding-inline-start:20px;border-inline-start:2px solid var(--accent);font-size:1.08em;line-height:1.9}
.chapter-transition{padding-top:var(--space-4);margin-top:var(--space-5)!important;margin-bottom:0!important}
.chapter-transition .thought{font-size:clamp(25px,2.4vw,32px);line-height:1.8;margin-block:0!important;color:#d8b88f}
.stage-caption{font-size:16px;line-height:1.85;min-height:0;margin-top:var(--space-3)}
.scene-kicker{margin-bottom:var(--space-3)}
.explorer{margin-block:var(--space-5) var(--space-4);padding-block:var(--space-4);max-width:1000px}
.explorer-title{margin-bottom:var(--space-3)}
.explanation{line-height:1.9;max-width:700px}
.documentary-disclosure{margin-block:0 var(--space-4)}
.study-layout{margin-block:var(--space-4)}
.study-layout .visual-statement{font-size:clamp(28px,2.7vw,38px);line-height:1.8}
.quran{margin-block:var(--space-5)!important;padding-block:var(--space-4)}
.quran-text{line-height:2.05;text-wrap:pretty}
.chapter-12 .prose{max-width:680px}
.chapter-12{padding-bottom:var(--space-5)}
.introduction{padding-block:var(--space-5) var(--space-5)}
.introduction .prose>p:first-of-type{font-size:clamp(28px,3vw,38px);line-height:1.85;margin-bottom:var(--space-4)}
.wide-scene .chapter-heading{margin-bottom:var(--space-4)}
.wide-scene .chapter-heading h2{font-size:clamp(38px,4.3vw,62px);line-height:1.5}
.wide-scene .chapter-reading{padding-block:16vh var(--space-5)}
.scroll-ending .prose p{line-height:2;margin-bottom:var(--space-3)}
.sources li{line-height:1.9}
@media(max-width:850px){
 :root{--space-4:32px;--space-5:48px;--space-6:72px}
 .chapter:not(.wide-scene)>.chapter-heading{width:calc(100% - 44px);margin-bottom:var(--space-4)}
 .chapter:not(.wide-scene)>.chapter-heading h2,.wide-scene .chapter-heading h2{font-size:clamp(34px,9.2vw,42px);line-height:1.55}
 .scroll-layout{width:calc(100% - 44px);gap:var(--space-3)}
 .chapter-reading .prose{max-width:100%}
 .chapter-reading .prose p{line-height:1.95;margin-bottom:var(--space-3)}
 .chapter-reading .editorial-turn{font-size:27px;margin-top:var(--space-5)}
 .chapter-reading .editorial-pause{font-size:19px;padding-inline-start:16px}
 .chapter-visual:not(.cinema-visual){max-height:none;min-height:0;padding-block:10px 12px}
 .stage-caption,.visual-1 .stage-caption,.visual-11 .stage-caption{font-size:13px;line-height:1.7;margin-top:8px}
 .stage-notice{font-size:11px;line-height:1.6}
 .scene-kicker{font-size:13px;margin-bottom:8px}
 .stage-diagram{padding-top:4px}
 .stage-diagram .diagram{max-height:15svh}
 .stage-track{margin-top:8px}
 .visual-5 .stage-photo img{height:12svh}
 .visual-5 .stage-photo figcaption{font-size:11px}
 .explorer{width:calc(100% - 44px);padding-inline:0}
 .explorer-title h3{line-height:1.6}
 .chapter-reading .quran,.quran{padding-block:var(--space-4)}
 .quran-text{font-size:26px;line-height:2}
 .wide-scene .chapter-reading,.wide-scene.chapter-6 .chapter-reading{padding-block:14vh var(--space-5)}
 .chapter-transition .thought{font-size:26px}
 .sources summary{align-items:start;flex-wrap:wrap;row-gap:8px}
}
@media(max-width:360px){.stage-caption,.visual-1 .stage-caption,.visual-11 .stage-caption{font-size:12px}.stage-notice{font-size:10px}}
@media(max-height:650px){.chapter-visual:not(.cinema-visual){position:relative;top:auto}}
/* Bound the dream's negative-margin sticky image to its own chapter. */
.wide-scene .scroll-layout{overflow:clip}
.chapter-compass{bottom:12px;right:12px;max-width:260px;font-size:10px;padding:5px 9px}
/* A stable reading edge: text must not show through the navigation. */
.site-header.is-reading{background:var(--bg)}