/* Readable at the scene's resting distance; motion and photographs stay intact. */
html{overflow-x:clip}body{font-size:20px;line-height:1.65}
.journey-header{top:18px;gap:24px}
.journey-header::before{content:"";position:absolute;inset:-24px -6vw -14px;z-index:-1;background:linear-gradient(#082b29f5 75%,#082b2900);pointer-events:none}
.in-colonnade .journey-header::before,.at-mihrab .journey-header::before,.still .journey-header::before{position:absolute;inset:-24px -6vw -14px;height:auto;background:linear-gradient(#082b29f5 75%,#082b2900)}
.brand small{font-size:11px;letter-spacing:1px}
.brand-group{min-width:0}.header-reading{display:flex;align-items:center;min-height:44px;font-size:16px;color:#ffe2a6;text-decoration:underline;text-underline-offset:4px;margin-top:3px}
#motion,.journey-header #motion{font-size:16px;opacity:1;min-height:44px;padding:8px 4px}
[data-session-host] .session-status,[data-session-host] [role=status]{font-size:16px}
[data-session-host] .session-status-inner{gap:0}
[data-session-host] .session-status-links{gap:18px}
[data-session-host] a{min-height:44px;display:inline-flex;align-items:center}
[data-session-host] .session-identity{max-width:280px;display:block;line-height:44px}
.chapter .copy,.practice-heading,.exercise{position:relative}
.chapter:not(.program):not(.quran-read):not(.quran-open) .scene-window{isolation:isolate}
.chapter .copy::before,.practice .scene-content::before{content:"";position:absolute;inset:-22px;z-index:-1;background:#082b29e8;border-radius:12px;pointer-events:none}
.chapter .copy,.practice-heading,.exercise{text-shadow:none}
.immersive .chapter:not(.program):not(.quran-open):not(.quran-read){padding:130px 15% 100px 7%}
.immersive .chapter:not(.program):not(.quran-open):not(.quran-read) .scene-window{max-height:calc(100svh - 230px);padding:22px;max-width:760px}
.immersive .practice .scene-window{max-width:1160px}
.immersive .finale .scene-window{max-width:480px;overflow:hidden}
.immersive .finale .copy::before{inset:-22px;filter:none;box-shadow:none;border-radius:12px;background:#082b29ed}
h1{font-size:clamp(44px,5.2vw,76px)}
h2,.immersive h2{font-size:clamp(34px,3.7vw,54px)}
.finale h2,.immersive .finale h2{font-size:clamp(28px,2.7vw,38px);line-height:1.3}
.eyebrow,.immersive .eyebrow,.finale .eyebrow{font-size:16px;letter-spacing:1.2px;line-height:1.5;margin-bottom:20px}
.intro,.chapter .copy>p:not(.eyebrow),.immersive .chapter .copy>p:not(.eyebrow),.practice-heading>p:not(.eyebrow),.copy .detail,.finale .final-thought{font-size:22px!important;line-height:1.65!important;color:#fff8e8;max-width:620px}
.button,.quiet-link,.text-link,.finale .text-link,.finale .quiet-link{font-size:18px;line-height:1.5;opacity:1;min-height:44px}
.quiet-link{display:flex;align-items:center;margin-top:10px;text-decoration:underline;text-underline-offset:5px}
.beginner-link{display:block;margin-top:16px;border:1px solid #ead3a2;border-radius:6px;padding:12px 16px;font-size:20px;line-height:1.45;color:#fff3d5;background:#173e36}
.beginner-link small{display:block;font-size:16px;margin-top:4px;color:#f0e2c4}
.beginner-link:hover{background:#285747}
.steps h3{font-size:24px;line-height:1.4}.steps p{font-size:20px;opacity:1}.steps li>span{font-size:22px}
.exercise h3,.answers button{font-size:20px}.answers button{min-height:48px}.exercise-top,.exercise small{font-size:16px;letter-spacing:0;line-height:1.5}
#feedback{font-size:18px;line-height:1.6;min-height:58px}.practice-heading bdi{font-size:34px}
.route{right:2%;top:24%;gap:3px}.route a{min-height:44px;font-size:16px;opacity:.85}.route span{width:44px;height:44px;background:#082b29ed}.route b{display:none}
.bottom-line{font-size:14px;letter-spacing:0;background:#082b29f5;height:45px;gap:12px}.bottom-line>span:nth-child(2){font-size:14px}
.scroll-cue,.immersive .scroll-cue{font-size:16px;bottom:61px}.scene-caption,.journey-hint{display:none}
.immersive .reading-meter{font-size:16px;letter-spacing:0;bottom:61px;width:min(480px,75%);background:#082b29}
.colonnade-heading .eyebrow,.immersive .colonnade-heading .eyebrow{font-size:16px;letter-spacing:1px}
.immersive .colonnade-heading{top:124px;left:20%;width:60%}
.column-controls{bottom:91px;gap:16px;padding:4px 12px;background:#082b29ed;border-radius:8px}
.column-controls button{min-width:44px;min-height:44px}.column-picker,.to-mihrab{font-size:18px;letter-spacing:0}.column-picker select{min-height:44px;font-size:24px}
.column-status{bottom:49px;font-size:16px;line-height:1.5;background:#082b29ed;left:7%;right:7%;padding:4px}
.column-kicker{font-size:16px;letter-spacing:0}.column-inscription h3{font-size:24px;line-height:1.35}.column-inscription p{font-size:18px;line-height:1.5;color:#244336}.column-inscription a{font-size:18px;min-height:44px;line-height:1.5;margin-top:10px}
/* The foreground column keeps its picture; its inscription can be read at phone width. */
.immersive .lesson-column.is-current .column-inscription{width:74%;background:#fff5dcf5;padding:16px 10px;border:1px solid #b59b68;border-radius:5px;text-shadow:none}
.immersive .lesson-column.is-current .column-number{font-size:40px;margin-bottom:10px}.column-kicker{margin-bottom:6px}
.still .lesson-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.still .lesson-column{height:auto;min-height:300px;padding:28px;background:#fffae9;color:#244336;border:1px solid #b59b68;border-radius:6px}
.still .lesson-column img{right:10px;top:15px;width:68px;height:calc(100% - 30px);opacity:.35}
.still .column-inscription{position:relative;left:auto;top:auto;transform:none;width:100%;text-align:left;padding-right:48px}
.still .colonnade-heading p{font-size:20px;max-width:620px}.still .column-number{font-size:36px;margin-bottom:14px}
.book-controls button{font-size:16px;min-height:44px;padding:8px 14px}.book-controls{bottom:155px}
.opening-note{font-size:18px;letter-spacing:0;line-height:1.6;background:#082b29e8;padding:12px;border-radius:6px}
.quran-conclusion{background:#082b29ed;padding:12px 18px;border-radius:6px}.quran-conclusion h2{font-size:30px}.quran-conclusion .text-link{font-size:18px;white-space:normal}
.still .chapter{padding-top:155px}.still .scene-window{max-width:900px}.still .practice .scene-window{max-width:1160px}
.still .route{display:none}
@media(max-width:760px){
 .journey-header{left:5%;right:5%;top:12px;align-items:flex-start;gap:10px}.journey-header .brand{font-size:24px;letter-spacing:2px;gap:8px}.brand small{font-size:10px;letter-spacing:0;max-width:130px}.brand img{width:28px}
 .journey-header .header-right{gap:0;max-width:58%}.journey-header #motion{font-size:16px;min-height:40px;padding:0}.journey-header [data-session-host] .session-status-links{gap:0 12px;max-width:220px}.journey-header [data-session-host] .session-identity{max-width:180px}
 .immersive .chapter:not(.program):not(.quran-open):not(.quran-read){padding:165px 13% 100px 3%;align-items:center}
 .immersive .chapter:not(.program):not(.quran-open):not(.quran-read) .scene-window{max-height:calc(100svh - 265px);padding:16px}
 .chapter .copy::before,.practice .scene-content::before{inset:-16px}
 .immersive h1{font-size:42px;line-height:1.15;letter-spacing:-1px}.immersive h2{font-size:34px;line-height:1.25;letter-spacing:-.7px}.immersive .finale h2{font-size:28px;line-height:1.35}
 .intro,.chapter .copy>p:not(.eyebrow),.immersive .chapter .copy>p:not(.eyebrow),.practice-heading>p:not(.eyebrow),.copy .detail,.finale .final-thought{font-size:20px!important}
 .button{padding:16px;gap:18px}.steps h3{font-size:22px}.steps p{font-size:20px}.practice .scene-content{display:block}.exercise{padding:12px 0;width:100%;max-width:none}
 .answers{grid-template-columns:repeat(3,minmax(0,1fr))}.answers button{padding:12px 8px}.practice-heading .text-link{font-size:18px}.exercise small{font-size:16px}
 .route{right:0;top:30%;gap:0}.route span{width:40px;height:40px;font-size:16px}.route a{min-height:44px}
 .bottom-line{left:3%;right:3%;font-size:14px}.bottom-line>span:nth-child(2){font-size:0}.bottom-line b{font-size:14px;margin-left:0;white-space:nowrap}
 .immersive .scroll-cue{left:7%;bottom:59px}.immersive .reading-meter{left:7%;bottom:59px;font-size:16px}
 .immersive .colonnade-heading{top:161px;left:5%;width:82%}.immersive .colonnade-heading .eyebrow{font-size:16px;margin:0}
 .column-controls{bottom:105px;gap:6px}.column-picker{font-size:16px}.to-mihrab{display:none}.column-status{bottom:48px;font-size:16px;left:3%;right:3%}
 .column-inscription{top:40%}.column-inscription h3{font-size:22px}.column-inscription p{font-size:18px}.column-inscription a{font-size:18px}.column-kicker{font-size:16px!important}
 .still .chapter{padding:175px 8% 65px;min-height:auto}.still .lesson-columns{grid-template-columns:1fr}.still .lesson-column{max-width:none;margin:0;min-height:280px}
 .still .colonnade-heading h2{font-size:34px}.still .colonnade-heading .eyebrow{font-size:16px}
 .quran-conclusion{bottom:51px;left:4%;right:4%;padding:10px}.quran-conclusion h2{font-size:26px}.quran-conclusion .text-link{font-size:18px;margin-top:6px;min-height:44px}
 .book-controls{bottom:195px;gap:4px;width:92%;justify-content:center;white-space:normal}.book-controls button{font-size:16px;line-height:1.3;padding:9px 8px;flex:1;border-radius:7px}
 .opening-note{font-size:18px;left:5%;right:5%;bottom:65px}
}