/* Distance between scenes and reading distance are independent. */
.world{background:#cfc8ad}.journey-view{position:absolute;inset:0;width:100%;height:100%}.world .shade{background:linear-gradient(90deg,#072b2b99,transparent 76%),linear-gradient(0deg,#072b2b9c,transparent 26%,transparent 75%,#072b2b66)}
.route{top:38%;gap:21px}.route b{opacity:.65}.route .active b{color:#ecd8ab;opacity:1}
.scene-window,.scene-content{width:100%}.chapter .panel{max-width:none}.program .copy>p{max-width:490px}.program-note{font-size:12px!important;line-height:1.65!important;color:#e2d5b4!important}
.roadmap-list{list-style:none;margin:32px 0 24px;padding:0}.roadmap-list li{border-top:1px solid #e9e2c128}.roadmap-item{display:flex;align-items:center;gap:22px;padding:20px 0}.roadmap-item>span:first-child{font:23px PT,serif;color:#d9bc84;min-width:30px}.roadmap-item>div{flex:1}.roadmap-item h3{font-size:15px;font-weight:400;margin:0 0 7px}.roadmap-item p{font-size:11px;line-height:1.5;opacity:.65;margin:0}.roadmap-item .status{font-size:9px;letter-spacing:.8px;white-space:nowrap;color:#d9bc84}a.roadmap-item:hover{background:#ffffff09}.roadmap-item.planned{opacity:.65}
.reading-meter{display:none}.practice .scene-content{display:flex;align-items:center;gap:7%}.practice-heading{min-width:0}.exercise{flex-shrink:0}
.still .journey-view{opacity:.45}.still .scene-window{max-width:680px}.still .practice .scene-window{max-width:1050px}.still .scene-content{transform:none!important}.still .chapter{min-height:100svh}.still .scroll-cue,.still .scene-caption{display:none}
body.immersive{overflow-x:hidden}.immersive #story{position:fixed;inset:0;pointer-events:none;perspective:1100px;perspective-origin:50% 55%}
.immersive .chapter{position:absolute;inset:0;min-height:0;height:100%;padding:105px 14% 80px 8%;opacity:0;visibility:hidden;transform-origin:50% 55%;pointer-events:none;will-change:transform,opacity}.immersive .chapter.is-readable{pointer-events:auto}
.immersive .scene-window{position:relative;max-width:640px;max-height:calc(100svh - 195px);overflow:hidden}.immersive .scene-content{will-change:transform}
.immersive .chapter .panel{background:linear-gradient(110deg,#0d302deb,#0d302d9c);backdrop-filter:blur(8px);border:0;border-left:1px solid #e2c59166;box-shadow:none;padding:32px 36px}
.immersive .welcome .scene-window{max-width:750px}.immersive .program .scene-window{max-width:700px;background:#12362de8;border-left:1px solid #e2c59166}.immersive .program .panel{background:none;border:0;backdrop-filter:none}.immersive .practice .scene-window{max-width:1100px}.immersive .practice{flex-wrap:nowrap}
.immersive .scene-caption{bottom:65px;font-size:7px}.immersive .scroll-cue{bottom:85px;left:8%}
.immersive .reading-meter{position:absolute;bottom:58px;left:8%;width:280px;display:flex;gap:18px;align-items:center;color:#e2d5b4;font-size:9px;letter-spacing:1px}.reading-track{height:1px;flex:1;background:#ffffff33}.reading-fill{height:100%;background:#ddc28b;transform-origin:left}
.bottom-line{background:linear-gradient(0deg,#09272488,transparent)}.journey-hint{position:fixed;z-index:6;right:8%;bottom:75px;font-size:9px;color:#e2d5b4;letter-spacing:1px;pointer-events:none}.still .journey-hint{display:none}
@media(min-width:1500px){.immersive .chapter{padding-left:11%}.immersive .scroll-cue,.immersive .reading-meter{left:11%}}
@media(max-width:760px){.immersive .chapter{padding:95px 10% 80px 6%}.immersive .scene-window{max-height:calc(100svh - 180px)}.immersive .chapter .panel{padding:24px}.immersive .eyebrow{margin-bottom:16px}.immersive h1{font-size:44px}.immersive h2{font-size:33px}.immersive .copy>p:not(.eyebrow){font-size:13px;line-height:1.8}.immersive .steps{margin:18px 0}.immersive .steps li{padding:13px 0}.immersive .practice .scene-content,.still .practice .scene-content{display:block}.practice-heading h2{font-size:30px;margin-bottom:15px}.practice-heading>p:not(.eyebrow){font-size:12px!important;line-height:1.6;margin:10px 0 22px}.exercise{width:100%;max-width:400px;padding:20px}.arabic{font-size:60px;margin:8px 0}.answers{grid-template-columns:repeat(3,1fr)}.answers button{padding:12px}.lesson-link{padding:14px}.route{right:2%;gap:19px}.route b{display:none}.roadmap-item{gap:13px;padding:18px 0}.roadmap-item h3{font-size:13px}.roadmap-item .status{font-size:8px}.immersive .reading-meter{left:6%;width:75%;bottom:58px}.immersive .scene-caption,.journey-hint{display:none}.immersive .scroll-cue{left:6%;bottom:64px}.still .scene-window{max-width:100%}}
@media(max-height:650px) and (min-width:761px){.immersive h1{font-size:49px}.immersive h2{font-size:36px}.immersive .chapter .panel{padding:22px 28px}.eyebrow{margin-bottom:15px}.steps{margin:12px 0}.steps li{padding:10px 0}.exercise{padding:18px 25px}.arabic{font-size:55px;margin:5px}}