/* Typography belongs to the space; no rectangular presentation surfaces. */
.world .shade{background:radial-gradient(ellipse at 24% 49%,#062723c7 0%,#06272375 30%,transparent 68%),linear-gradient(0deg,#061e1d9c,transparent 33%,transparent 78%,#061e1d66);transition:opacity .5s}
.immersive .chapter .panel,.still .chapter .panel{background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0;max-width:590px}
.chapter .copy,.practice-heading{color:#fff9e8;text-shadow:0 2px 6px #06292399,0 8px 35px #062923aa}
.immersive .chapter .copy>p:not(.eyebrow){color:#fff8e8e8}
.eyebrow{color:#efd4a3}.chapter h2 em{color:#edcda0}
.steps li{border:0;padding:14px 0}.steps p{opacity:.9}.steps li>span{color:#ecd1a2}.steps h3{font-family:PT,serif;font-size:19px}
.fine-rule{opacity:.5}.text-link{border-color:#e2cc9d77;text-shadow:0 2px 8px #082523}
.exercise{background:none;box-shadow:none;border:0;color:#fff9e8;padding:0 20px;text-shadow:0 2px 10px #062923}
.exercise-top,.exercise small{opacity:.9}.answers button{color:#fff5db;border:0;border-bottom:1px solid #efe8ce88;background:none}
.answers button:hover{background:#edf3d51c}.answers button.correct{background:#b5d5a52b;border-color:#daebba}.answers button.wrong{background:#c68c5f38;border-color:#efb994}.lesson-link{background:none;padding-left:0;padding-right:0;border-bottom:1px solid #e2cc9d88;color:#ecd1a2}.lesson-link:hover{background:none;color:#fff}
.immersive .practice .scene-window{max-width:1020px}.practice .arabic{color:#ffeac6;text-shadow:0 2px 20px #0d302d}
.immersive .program{padding:0;transform:none!important}
.immersive .program .scene-window{position:absolute;inset:0;max-width:none;max-height:none;height:100%;overflow:visible;background:none;border:0}
.immersive .program .scene-content{height:100%;transform:none!important}
.immersive .colonnade-heading{position:absolute;top:103px;left:30%;width:40%;text-align:center;z-index:35;pointer-events:none;text-shadow:0 3px 20px #082923}
.colonnade-heading h2{font-size:27px;letter-spacing:-.5px;margin:0 0 12px}.colonnade-heading .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:10px}.colonnade-heading p{font-size:10px;line-height:1.7;color:#f4ebd3;max-width:250px;margin:auto}
.immersive .lesson-columns{position:absolute;inset:0;overflow:hidden;pointer-events:none;perspective:1000px}
.lesson-column{position:absolute;width:37svh;height:111svh;left:50%;top:55%;transform-origin:center;will-change:transform;pointer-events:none;list-style:none}
.lesson-column img{position:absolute;width:100%;height:100%;object-fit:contain;filter:drop-shadow(8px 10px 10px #08292338);pointer-events:none}
.column-inscription{position:absolute;left:50%;top:39%;width:39%;transform:translateX(-50%);text-align:center;color:#28483c;text-shadow:0 1px 0 #fff7d9;font-family:PT,serif}
.column-kicker{font:8px Arial,sans-serif;letter-spacing:2px;margin:0 0 12px;color:#7c693d}
.column-number{display:block;font:44px PT,serif;color:#8e713e;letter-spacing:-2px;line-height:1;margin-bottom:22px}
.column-inscription h3{font:18px/1.35 PT,serif;margin:0 0 18px}
.column-inscription p{font:10px/1.6 Arial,sans-serif;margin:0;color:#4c6255}
.column-inscription a{display:inline-block;font:11px Arial,sans-serif;color:#224b39;border-bottom:1px solid #7e8f72;margin-top:20px;padding:8px 0;pointer-events:auto}
.lesson-column.is-current .column-number{color:#80602b}.lesson-column.is-current .column-inscription{filter:drop-shadow(0 0 12px #fff8da80)}
.column-controls{position:absolute;bottom:79px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;z-index:40;white-space:nowrap;color:#fff3d4;text-shadow:0 2px 10px #052b25}
.column-controls button{background:none;border:0;color:#fff4d5;font-size:24px;padding:8px}.column-controls button:disabled{opacity:.3;cursor:default}
.column-picker{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:7px}.column-picker select{background:transparent;border:0;border-bottom:1px solid #d5c59c88;border-radius:0;color:#fff4d5;font:20px PT,serif;padding:4px;cursor:pointer}.column-picker option{background:#153c35;color:#fff}
.to-mihrab{font-size:10px;border-left:1px solid #e9d7a655;padding-left:20px}.column-status{position:absolute;bottom:55px;left:12%;right:12%;z-index:40;text-align:center;color:#f7ead0;font-size:9px;text-shadow:0 2px 8px #051c18;margin:0}
.in-colonnade .world .shade{opacity:.35}.in-colonnade .journey-hint{display:none}.in-colonnade .route b{opacity:0}
.in-colonnade header::before,.at-mihrab header::before{content:'';position:fixed;top:-28px;left:-6vw;right:-6vw;height:145px;background:linear-gradient(#082522db,transparent);z-index:-1;pointer-events:none}
.immersive .colonnade-heading h2,.immersive .colonnade-heading>p:not(.eyebrow){display:none}
.immersive .colonnade-heading .eyebrow{color:#fff0c6;text-shadow:0 2px 4px #052820,0 3px 18px #052820}
.immersive .program .scene-content::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#092820f5,transparent 26%,transparent 75%,#09282088);pointer-events:none;z-index:32}
.immersive .lesson-column:not(.is-current) .column-inscription h3,.immersive .lesson-column:not(.is-current) .column-inscription a,.immersive .lesson-column:not(.is-current) .column-inscription p:not(.column-kicker){visibility:hidden}
.immersive .finale{align-items:flex-end;padding:120px 6% 100px;justify-content:flex-end;text-align:left}
.immersive .finale .scene-window{max-width:320px;overflow:visible}.finale h2{font-size:clamp(32px,3vw,44px)}.final-thought{font-size:13px!important;line-height:1.9!important}.finale .copy>p{margin-left:0}.finale .quiet-link{color:#efe2c1;opacity:.9}
.finale .copy{position:relative}.immersive .finale .copy::before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,#09241be8,transparent 85%);box-shadow:0 0 65px 45px #09241b80;filter:blur(25px);z-index:-1;pointer-events:none}
.at-mihrab .world .shade{opacity:.35}.at-mihrab .journey-hint{display:none}
.at-mihrab .route b{display:none}
.still .colonnade-heading{text-align:left;margin:20px 0 40px}.still .colonnade-heading p{margin:0}.still .lesson-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;position:relative}
.still .lesson-column{position:relative;left:auto!important;top:auto!important;width:100%;height:680px;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto}
.still .column-inscription{width:38%;top:37%}.still .column-controls,.still .column-status{display:none}
.still .finale{background:linear-gradient(#09262255,#092622bb),url('assets/sanctuary-v5.webp') center/cover}
@media(max-width:760px){
 .immersive .chapter .panel{padding:0}.immersive .chapter{padding-left:7%;padding-right:12%}
 .immersive .colonnade-heading{top:86px;left:25%;width:50%}.colonnade-heading h2{font-size:20px}.colonnade-heading p{font-size:9px}.colonnade-heading .eyebrow{font-size:6px;letter-spacing:1.5px}
 .lesson-column{width:42svh;height:126svh}.column-inscription{top:40%;width:38%}.column-number{font-size:37px;margin-bottom:14px}.column-inscription h3{font-size:15px;margin-bottom:12px}.column-inscription p{font-size:9px}.column-inscription a{font-size:10px;margin-top:12px}
 .column-controls{bottom:82px;gap:12px}.to-mihrab{font-size:9px;padding-left:12px}.column-status{bottom:59px;font-size:8px}
 .immersive .finale{padding:100px 9% 100px;text-align:left;align-items:flex-end}.finale h2{font-size:39px}.finale .copy>p{margin-left:0}.final-thought{font-size:13px!important}
 .exercise{padding:10px 0}.practice-heading>p:not(.eyebrow){margin-bottom:12px}.practice-heading .text-link{margin:4px 0 22px}.still .lesson-columns{grid-template-columns:1fr}.still .lesson-column{height:720px;max-width:300px;margin:auto}.still .column-inscription{width:38%}
}
@media(max-height:600px){.immersive .colonnade-heading{top:75px}.colonnade-heading p{display:none}.column-controls{bottom:65px}.column-status{display:none}.column-inscription{top:37%}.column-number{font-size:30px;margin-bottom:10px}.column-inscription h3{font-size:14px}}
@media(max-width:420px){.lesson-column{width:36svh;height:108svh}.column-inscription{top:40%;width:39%}.column-inscription h3{font-size:14px}.column-number{font-size:34px}.column-inscription p{font-size:8px}.column-kicker{font-size:7px}.to-mihrab{display:none}.column-controls{gap:18px}.immersive .colonnade-heading{left:15%;width:70%;top:92px}.colonnade-heading h2{font-size:20px}.colonnade-heading p{font-size:9px}.column-status{left:7%;right:7%}}
@media(max-width:760px){.immersive .finale{padding:70px 9% 78px;justify-content:center}.immersive .finale .scene-window{max-width:390px}.finale h2{font-size:32px;line-height:1.12;margin-bottom:15px}.finale .eyebrow{font-size:8px;margin-bottom:12px}.finale .final-thought{font-size:12px!important;line-height:1.7!important;margin-bottom:0}.finale .text-link{margin-top:17px;font-size:12px}.finale .quiet-link{margin-top:14px;font-size:10px}.immersive .finale .copy::before{box-shadow:0 0 60px 50px #09241b99;background:radial-gradient(ellipse,#09241bf0,transparent 85%);filter:blur(25px)}}