:root{--accent:#168874;--pale:#e7f6ef;--ink:#263e3b;--muted:#71817b;--line:#e2e9e3;--paper:#fffefa;--shadow:#d3ddd4;font-family:'Outfit',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #3279db;outline-offset:5px}button{touch-action:manipulation}h1,h2,h3,p{margin:0}p{line-height:1.7}svg{display:block;width:100%;height:auto}button{border:0;background:none}button:disabled{opacity:.65}progress{width:100%;height:12px;border:0;border-radius:20px;overflow:hidden;appearance:none;background:var(--line)}progress::-webkit-progress-bar{background:var(--line);border-radius:20px}progress::-webkit-progress-value{background:var(--accent);border-radius:20px}progress::-moz-progress-bar{background:var(--accent);border-radius:20px}.loading{padding:4rem}.app-shell{max-width:1600px;margin:auto}.sidebar{width:245px;position:fixed;top:0;bottom:0;padding:34px 20px;border-right:2px solid var(--line);background:var(--paper);overflow:auto}.brand{display:flex;align-items:center;color:var(--ink);font-weight:850;font-size:26px;letter-spacing:-1.3px;gap:7px}.brand:hover{text-decoration:none}.brand-mark{background:var(--accent);color:white;width:29px;height:34px;border-radius:9px;display:inline-grid;place-items:center;font-family:Georgia,serif;font-style:italic;font-size:30px}.brand-dot{color:var(--accent);margin-left:-7px}.series-label{font-size:10px;letter-spacing:2.4px;font-weight:800;color:#8c9d92;margin:12px 0 30px 38px}.nav-item{display:flex;gap:11px;align-items:center;width:100%;text-align:left;padding:13px 10px;border:2px solid transparent;border-radius:12px;font-size:12px;font-weight:800;margin-bottom:7px;min-height:48px}.nav-item>span{font-size:23px;line-height:20px}.nav-item b{margin-left:auto;background:white;min-width:20px;border-radius:7px;text-align:center;padding:3px}.nav-item.active{background:var(--pale);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,white)}.nav-item:hover{background:var(--pale)}.sidebar-divider{height:1px;background:var(--line);margin:22px 10px}.tiny-label{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--muted)}.sidebar>.tiny-label{margin:0 10px 15px}.course-link{display:flex;align-items:center;gap:11px;color:#657770;font-size:12px;font-weight:700;border-radius:10px;padding:7px 11px;min-height:43px}.course-link span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--chip) 12%,white);color:var(--chip);font-size:20px}.course-link.current{color:var(--accent);background:var(--pale)}.course-link:hover{text-decoration:none;background:var(--pale)}.sidebar-foot{margin:35px 13px 0;font-size:12px;color:var(--muted);line-height:1.8}.sidebar-foot span{display:block;font-size:9px;margin-top:16px;color:#94a196}.map-layout{margin-left:245px;padding:30px 34px 40px;display:grid;grid-template-columns:minmax(380px,1fr) 270px;gap:30px}.map-main{min-width:0;max-width:820px}.map-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:24px;min-height:32px}.map-topline>span{font-size:9px;letter-spacing:1.8px;color:var(--muted);font-weight:800}.stats{display:flex;align-items:center;gap:19px;font-size:20px;color:var(--accent);white-space:nowrap}.stats b{font-size:15px}.stats small{font-size:9px;color:var(--muted);font-weight:700}.stats button{font-size:20px;color:var(--accent);padding:4px}.hero{background:var(--pale);border:1px solid color-mix(in srgb,var(--accent) 15%,white);border-radius:22px;position:relative;display:flex;align-items:center;min-height:230px;overflow:hidden;padding:29px 28px;isolation:isolate}.hero:after{content:'';position:absolute;width:210px;height:210px;border-radius:100%;background:#fff6;right:-80px;top:-100px;z-index:-1}.hero-copy{flex:1;z-index:1;min-width:0}.eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;font-weight:800;color:var(--accent);line-height:1.6}.hero h1{font-size:clamp(28px,2.6vw,38px);letter-spacing:-1.7px;line-height:1.16;margin:12px 0;max-width:310px}.hero-copy>p:not(.eyebrow){font-size:12px;color:#61736b;max-width:235px}.hero-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;max-width:280px}.hero-chips span{background:#fff9;padding:6px 8px;border:1px solid #fff;border-radius:8px;font-size:9px;font-weight:700;color:#687c70}.hero-art{width:43%;max-width:230px;flex-shrink:0}.path-intro{display:flex;align-items:center;justify-content:space-between;margin:31px 0 22px;gap:15px}.path-intro h2{font-size:19px;letter-spacing:-.6px}.path-intro p{font-size:11px;color:var(--muted);margin-top:7px}.text-btn{color:var(--accent);font-weight:800;font-size:11px;padding:12px 0;line-height:1.5}.text-btn:hover{text-decoration:underline}.path-intro .text-btn{flex-shrink:0}.resume{border:2px solid var(--accent);border-radius:14px;padding:18px;display:flex;align-items:center;gap:20px;margin-bottom:25px;background:var(--pale)}.resume b{font-size:13px}.resume p{font-size:11px;margin-top:7px;color:var(--muted)}.resume .primary{margin-left:auto;font-size:11px;min-height:40px;padding:10px 15px}.unit{margin-bottom:9px}.unit-heading{display:flex;align-items:center;gap:14px;background:#f3f6f0;border:1px solid #e9eee4;padding:17px 20px;border-radius:13px}.unit-heading>span:first-child{font-size:22px;font-weight:800;color:var(--accent);background:white;border-radius:10px;padding:8px 10px;letter-spacing:-1px}.unit-heading small{font-size:9px;letter-spacing:1.3px;color:#899580;font-weight:800}.unit-heading h3{font-size:14px;margin-top:4px}.unit-heading .unit-dots{margin-left:auto;letter-spacing:4px;color:#a4b096}.node-track{position:relative;padding:12px 0 10px;min-height:248px}.node-track:before{content:'';position:absolute;width:58px;left:calc(50% - 145px);top:50px;bottom:55px;border:7px dotted #e2e9dd;border-left:0;border-radius:0 80px 80px 0;transform:rotate(-13deg)}.lesson-node{position:relative;display:flex;align-items:center;gap:22px;min-height:110px;margin-left:calc(50% - 156px);max-width:420px}.lesson-node.right{margin-left:calc(50% - 100px)}.node-button{flex-shrink:0;width:72px;height:64px;display:grid;place-items:center;border-radius:45%;font-size:30px;color:white;background:var(--accent);box-shadow:0 7px 0 color-mix(in srgb,var(--accent) 75%,#17332b);position:relative;transition:transform .15s,box-shadow .15s}.node-button:after{content:'';position:absolute;inset:8px;border-radius:45%;border:2px solid #ffffff2b}.node-button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 10px 0 color-mix(in srgb,var(--accent) 75%,#17332b)}.node-button:not(:disabled):active{transform:translateY(5px);box-shadow:0 2px 0 color-mix(in srgb,var(--accent) 75%,#17332b)}.locked .node-button{background:#e8ede4;color:#adb9a7;box-shadow:0 7px 0 #d5decf;opacity:1}.finished .node-button{background:#e6b34f;box-shadow:0 7px 0 #ba913c;color:#fffbed}.lock-icon{position:relative;display:block;width:20px;height:17px;border-radius:4px;background:#b5c0ae;margin-top:6px}.lock-icon:before{content:'';position:absolute;border:3px solid #b5c0ae;width:14px;height:14px;border-radius:9px 9px 0 0;left:3px;top:-9px}.node-copy{display:flex;flex-direction:column;gap:6px;padding-right:5px}.node-copy b{font-size:13px;line-height:1.45;max-width:235px}.node-copy>span:not(.start-label){font-size:10px;color:#8a9783;line-height:1.5;max-width:220px}.locked .node-copy b{color:#7c8d73}.start-label{font-size:8px;font-weight:850;letter-spacing:1px;color:var(--accent)}.path-flower{position:absolute;right:4%;top:40%;font-size:40px;color:#d7e2c9;z-index:-1}.finish-line{margin:15px auto 0;text-align:center;background:#f7f8f2;padding:28px;border:1px dashed #dce3d4;border-radius:18px}.finish-line>span{font-size:34px;color:var(--accent)}.finish-line h3{font-size:16px;margin-top:12px}.finish-line p{font-size:11px;color:var(--muted);margin:9px 0 16px}.rail{padding-top:56px;min-width:0}.rail>article{border:2px solid var(--line);border-radius:17px;margin-bottom:20px;padding:22px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-heading h2{font-size:14px}.card-heading button{font-size:20px;color:#9bab9c;padding:4px}.goal-meter{display:flex;align-items:center;gap:13px;margin:22px 0 16px}.goal-meter>span{font-size:39px;color:#d79736}.goal-meter b{font-size:12px}.goal-meter p{font-size:9px;color:var(--muted);margin-top:4px}.small{font-size:10px;color:var(--muted);margin-top:12px}.buddy-card{text-align:center;background:#fffef5}.buddy-art{width:135px;margin:-2px auto 4px}.buddy-card h2{font-size:16px;line-height:1.5;letter-spacing:-.35px}.buddy-card p{font-size:11px;color:var(--muted);margin-top:10px}.mastery-card strong{display:block;font-size:32px;margin:14px 0}.mastery-card strong small{font-size:12px;color:var(--muted);font-weight:600}.mini-lessons{display:flex;gap:7px}.mini-lessons span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#edf1e8;color:#ced8c9;font-weight:800}.mini-lessons .done{background:var(--pale);color:var(--accent)}.mastery-card p{font-size:9px;color:var(--muted);margin-top:18px}.save-status{font-size:9px;color:var(--muted);text-align:center;padding:0 8px}.primary,.secondary{border-radius:12px;font-size:12px;text-transform:uppercase;letter-spacing:.7px;font-weight:850;min-height:49px;padding:14px 22px;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;gap:18px}.primary{background:var(--accent);color:white;box-shadow:0 4px 0 color-mix(in srgb,var(--accent) 72%,#133a30);border:1px solid #00000007}.primary:hover:not(:disabled){filter:brightness(1.06)}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--accent)}.primary:disabled{background:#e3e8df;color:#8e9d87;box-shadow:0 4px 0 #d3dbcc;opacity:1}.primary span{font-size:19px}.secondary{border:2px solid var(--line);box-shadow:0 3px 0 var(--line);background:white;color:var(--accent)}.session-shell{max-width:1400px;margin:auto}.session-header{display:flex;align-items:center;gap:22px;max-width:930px;margin:33px auto 0;padding:0 30px}.session-header>div{flex:1}.session-label{display:flex;justify-content:space-between;margin:0 0 9px;font-size:10px;font-weight:800;letter-spacing:1px;color:var(--muted)}.session-header progress{height:15px}.close-btn{font-size:32px;color:#8da083;width:44px;height:44px;line-height:1}.book-btn{font-size:28px;width:44px;height:44px;color:var(--accent)}.learn-page{max-width:950px;margin:50px auto;display:grid;grid-template-columns:240px 1fr;gap:35px;padding:0 30px}.learn-visual{position:sticky;top:35px;align-self:start}.learn-visual span{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:800;display:block;text-align:center;margin-top:12px}.lesson-content>h2,.dialog-body>h2{font-size:28px;line-height:1.3;letter-spacing:-.9px;margin:10px 0 24px}.scenario{border:1px solid var(--line);background:#f7f8f2;border-radius:14px;display:flex;gap:13px;padding:17px 19px;margin:22px 0;color:#586e62}.scenario>span{color:var(--accent);font-size:19px}.scenario p{font-size:13px}.principles>div{display:flex;align-items:flex-start;gap:15px;margin:22px 0}.principles>div>span{display:grid;place-items:center;background:var(--pale);color:var(--accent);border-radius:9px;min-width:29px;height:29px;font-weight:800;font-size:12px}.principles p{font-size:14px}.note{background:#fff6df;border:1px solid #eddfbe;padding:18px;border-radius:12px;font-size:12px;color:#796437;line-height:1.8;margin:23px 0}.note b{font-size:11px;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:6px}.sources{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.sources h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:12px}.sources a{display:block;font-size:12px;padding:6px 0;font-weight:700}.sources p{font-size:10px;color:var(--muted);margin-top:11px}.learn-actions{margin:30px 0 45px;border-top:1px solid var(--line);padding-top:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.learn-actions p{font-size:11px;color:var(--muted)}.quiz-page{max-width:730px;padding:0 30px;margin:55px auto 35px}.question-top{display:flex;gap:22px;align-items:center;margin:22px 0 30px}.mini-buddy{width:95px;flex-shrink:0}.question-top h1{font-size:25px;line-height:1.45;letter-spacing:-.7px}.question-top p{font-size:11px;color:var(--muted);margin-top:10px}.choices{display:grid;gap:11px}.choice{display:flex;text-align:left;align-items:center;gap:17px;min-height:64px;border:2px solid var(--line);border-bottom-width:4px;padding:15px 18px;background:white;border-radius:13px;font-size:14px;line-height:1.5;width:100%}@media (hover:hover){.choice:hover:not(:disabled):not(.selected){background:#f7f9f3}}.choice-key{display:grid;place-items:center;flex-shrink:0;min-width:29px;height:29px;border:2px solid #e5eadf;border-radius:8px;color:#87977e;font-size:12px;font-weight:800}.choice.selected{background:var(--pale);border-color:var(--accent);color:var(--accent)}.choice.selected .choice-key{border-color:var(--accent);color:var(--accent);background:#ffffff99}.choice:disabled{opacity:1}.choice.correct-option{border-color:#65a96b;background:#ecf7e7;color:#38652d}.choice.wrong-option{border-color:#d4a464;background:#fff1df;color:#7c5c29}.quiz-page>.text-btn{margin-top:15px}.order-answer{padding:13px;border:2px dashed #d8e2d0;border-radius:14px;background:#f8faf5;min-height:110px;display:flex;flex-direction:column;gap:8px;margin-bottom:25px}.order-answer>p{font-size:12px;color:#94a18b;text-align:center;margin:auto}.order-answer button{display:flex;align-items:center;text-align:left;gap:12px;border:2px solid var(--accent);border-radius:10px;padding:11px 13px;background:var(--pale);font-size:13px;line-height:1.5;color:var(--accent)}.order-answer button>span{font-weight:800}.order-answer small{margin-left:auto;font-size:20px}.order-bank{display:flex;flex-wrap:wrap;gap:12px}.order-bank button{background:white;border:2px solid var(--line);border-bottom-width:4px;border-radius:12px;padding:13px 16px;min-height:48px;line-height:1.5;font-size:13px}.order-bank button:disabled{color:#b3bda9;background:#f0f3ec;border-color:#e3e9dc;opacity:.55}.answer-footer{border-top:2px solid var(--line);margin-top:45px;padding:24px 30px 30px;position:sticky;bottom:0;background:var(--paper);z-index:3}.answer-inner{max-width:860px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-reminder{font-size:11px;color:var(--muted)}.footer-reminder b{font-weight:650}.answer-inner>.primary{flex-shrink:0;min-width:180px}.is-correct{background:#ecf7e7;border-color:#d1e8c7}.is-wrong{background:#fff4e3;border-color:#f0dcbd}.feedback{display:flex;gap:18px;max-width:630px}.feedback-icon{min-width:39px;height:39px;display:grid;place-items:center;background:white;border-radius:50%;font-size:23px;font-weight:800;color:#538342}.is-wrong .feedback-icon{color:#a57429}.feedback h2{font-size:16px;color:#4a783a;margin-bottom:8px}.is-wrong .feedback h2{color:#926426}.feedback p{font-size:12px;color:#52694b}.is-wrong .feedback p{color:#7f6847}.feedback .answer-key{margin-bottom:9px}.feedback .text-btn{padding-bottom:0;font-size:10px}.result{text-align:center;max-width:760px;padding:35px 30px 50px;margin:auto}.result-art{width:180px;margin:auto}.result>.eyebrow{margin:20px 0 13px}.result h1{font-size:34px;letter-spacing:-1px;margin-bottom:13px}.result>p:not(.eyebrow){font-size:14px;color:var(--muted)}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:35px 0 25px}.result-stats>div{border:2px solid var(--line);border-radius:14px;padding:21px 13px}.result-stats b{display:block;color:var(--accent);font-size:30px}.result-stats span{display:block;font-size:10px;color:var(--muted);margin-top:10px}.result p.result-note{font-size:12px;max-width:540px;margin:0 auto 27px}.result>.text-btn{display:block;margin:17px auto}.prayer{border:1px solid #e3dbcb;border-radius:15px;padding:22px;margin:20px 0;background:#fffef8}.prayer h3{font-size:14px}.prayer .arabic{font-family:Amiri,serif;font-size:29px;line-height:2.1;white-space:pre-line;margin:23px 0;color:#284a40}.prayer .latin{font-size:12px;font-style:italic;white-space:pre-line;color:#7a745f;margin-bottom:18px}.prayer .meaning{font-size:13px;white-space:pre-line}.prayer details{margin-top:20px;font-size:11px;color:var(--muted);line-height:1.8}.prayer summary{cursor:pointer;color:var(--accent);padding:9px 0}.source-copy{white-space:pre-line;font-size:11px;margin:12px 0}.prayer .note{font-size:11px}dialog{color:var(--ink);font-family:inherit;width:min(740px,calc(100vw - 32px));max-height:90dvh;border:1px solid var(--line);padding:0;border-radius:22px;box-shadow:0 25px 100px #1937263b;background:var(--paper)}dialog::backdrop{background:#142d3066;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:2}.dialog-header>span{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;color:var(--muted)}.dialog-header button{font-size:30px;line-height:1;width:42px;height:42px;color:var(--muted)}.dialog-body{padding:28px 34px 36px}.dialog-body>p{font-size:13px;margin:15px 0;color:#64756b}.dialog-body>.primary{margin-top:16px}.goal-options{display:grid;gap:12px;margin-top:25px}.goal-options button{display:flex;justify-content:space-between;align-items:center;padding:18px;border:2px solid var(--line);border-radius:12px}.goal-options .chosen{background:var(--pale);border-color:var(--accent)}.goal-options button span{font-size:12px;color:var(--muted)}.library-list{display:grid;gap:10px;margin-top:25px}.library-list button{display:flex;align-items:center;gap:16px;text-align:left;padding:17px;border:2px solid var(--line);border-radius:12px;font-size:13px;line-height:1.5}.library-list button>span:first-child{color:var(--accent);font-size:18px}.library-list button>span:last-child{margin-left:auto}.empty-review{text-align:center;padding:5px 10px 20px}.empty-review svg{width:140px;margin:auto}.empty-review h2{font-size:24px;margin:16px 0}.empty-review p{font-size:13px;color:var(--muted)}.about-art{width:240px;margin:auto}#notice:empty{display:none}#notice{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);max-width:90vw;border:1px solid #c7d6c0;background:#fffef2;border-radius:12px;box-shadow:0 4px 15px #0001;padding:12px 18px;font-size:12px;z-index:10}#notice{pointer-events:none}
@media(min-width:1600px){.sidebar{left:calc((100vw - 1600px)/2)}}
@media(max-width:1250px){.sidebar{width:205px;padding:28px 12px}.map-layout{margin-left:205px;padding:28px 25px;gap:23px;grid-template-columns:minmax(370px,1fr) 235px}.hero{padding:25px 23px}.hero-art{width:39%}.hero h1{font-size:31px}.rail>article{padding:18px}.stats{gap:10px}.stats small{display:none}.node-copy b{max-width:205px}.path-flower{right:1%}}
@media(max-width:1050px){.rail{display:none}.map-layout{grid-template-columns:1fr;max-width:925px;padding:25px 35px}.hero-art{width:40%;max-width:240px}.map-main{width:100%}.hero h1{font-size:37px}.hero{min-height:245px}.path-flower{right:12%}}
@media(max-width:720px){.sidebar{position:static;width:100%;border-right:0;border-bottom:1px solid var(--line);padding:15px 20px;display:flex;align-items:center;gap:12px;overflow:visible}.brand{font-size:21px}.brand-mark{width:25px;height:29px;font-size:25px}.series-label{display:none}.sidebar .nav-item{width:42px;height:42px;min-height:42px;margin:0;padding:6px;justify-content:center;font-size:0;gap:0}.sidebar .nav-item>span{font-size:23px}.sidebar .nav-item>b{display:none}.sidebar .nav-item.active{margin-left:auto}.sidebar nav,.sidebar-divider,.sidebar>.tiny-label,.sidebar-foot{display:none}.map-layout{margin:0;padding:20px;display:block}.map-topline{margin-bottom:18px}.map-topline>span{font-size:8px;letter-spacing:1px}.stats{gap:13px}.stats small{display:none}.hero{min-height:206px;padding:24px 21px;border-radius:18px}.hero h1{font-size:32px;max-width:230px;letter-spacing:-1.1px}.hero-copy>p:not(.eyebrow){font-size:11px}.hero-art{width:37%}.hero-chips{gap:5px;margin-top:17px}.hero-chips span{font-size:8px;padding:5px 6px}.hero-chips span:last-child{display:none}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.path-intro{margin:27px 0 20px}.path-intro h2{font-size:18px}.path-intro p{max-width:230px;font-size:10px}.path-intro .text-btn{font-size:10px;max-width:67px;text-align:right}.unit-heading{padding:13px 15px;gap:12px}.unit-heading>span:first-child{font-size:20px}.unit-heading h3{font-size:13px}.lesson-node{margin-left:calc(50% - 135px);gap:18px;min-height:115px}.lesson-node.right{margin-left:calc(50% - 110px)}.node-copy b{font-size:12px;max-width:175px}.node-copy>span:not(.start-label){font-size:9px;max-width:170px}.node-button{width:66px;height:59px}.node-track:before{left:calc(50% - 125px);width:34px}.path-flower{right:2%;font-size:30px}.finish-line{padding:25px 17px}.finish-line h3{font-size:14px}.finish-line p{font-size:10px}.resume{padding:14px;gap:12px}.resume .primary{font-size:9px;padding:10px}.resume b{font-size:11px}.resume p{font-size:10px}.session-header{padding:0 14px;margin:20px auto 0;gap:12px}.session-label{font-size:9px}.learn-page{display:block;padding:0 22px;margin:22px auto 0;max-width:580px}.learn-visual{position:static;width:150px;margin:auto auto 27px}.learn-visual span{font-size:8px;margin-top:0}.lesson-content>h2{font-size:26px}.principles p{font-size:13px}.learn-actions{position:sticky;bottom:0;background:var(--paper);padding:17px 0 23px;z-index:2;margin-bottom:0;gap:12px}.learn-actions p{font-size:10px}.learn-actions .primary{font-size:11px;margin-left:auto}.quiz-page{margin:29px auto 24px;padding:0 22px}.question-top{gap:12px;margin:16px 0 25px;align-items:flex-start}.mini-buddy{width:65px;margin-left:-10px}.question-top h1{font-size:21px;line-height:1.5;letter-spacing:-.45px}.question-top p{font-size:10px}.quiz-page>.eyebrow{font-size:9px;line-height:1.8}.choice{padding:13px 14px;gap:12px;font-size:13px;min-height:64px}.choice-key{min-width:26px;height:26px;font-size:11px}.answer-footer{margin-top:24px;padding:17px 22px 24px}.answer-inner{flex-direction:column;align-items:stretch;gap:15px}.answer-inner>.primary{width:100%;font-size:12px;min-height:49px}.footer-reminder{display:none}.feedback{gap:11px}.feedback-icon{min-width:28px;height:28px;font-size:18px}.feedback h2{font-size:14px}.feedback p{font-size:11px;line-height:1.7}.feedback .text-btn{font-size:10px}.order-bank{gap:9px}.order-bank button{font-size:12px;padding:11px 13px}.order-answer button{font-size:12px}.result{padding:20px 22px 40px}.result-art{width:155px}.result h1{font-size:29px;line-height:1.3}.result-stats{gap:8px;margin-top:27px}.result-stats>div{padding:17px 8px}.result-stats b{font-size:24px}.result-stats span{font-size:9px;line-height:1.5}.result>.primary{width:100%}.dialog-body{padding:23px 22px 30px}.dialog-body>h2{font-size:24px}.dialog-header{padding:10px 17px}.prayer{padding:18px}.prayer .arabic{font-size:27px}.prayer .meaning{font-size:12px}.prayer .latin{font-size:11px}}
@media(max-width:380px){.map-layout{padding:16px}.hero-art{width:33%}.hero h1{font-size:28px}.hero{padding:22px 17px}.node-copy b{max-width:152px}.node-copy>span:not(.start-label){max-width:147px}.lesson-node{gap:14px}.path-flower{display:none}.stats{gap:7px}.question-top h1{font-size:19px}.mini-buddy{width:52px}.sidebar{padding:13px 16px}.hero-chips span{font-size:7px}.answer-footer{position:static}}
.stats .course-switch{display:none}.course-picker{display:grid;gap:9px;margin-top:20px}.course-picker .course-link{border:1px solid var(--line);padding:12px;font-size:14px}.course-picker .course-link span{width:35px;height:35px}
@media(max-width:720px){.stats .course-switch{display:block;font-size:22px;min-width:32px;min-height:40px}.map-topline>span{max-width:100px;line-height:1.7}.stats{gap:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Source passages remain expanded in lessons and the lesson book. */
.reference-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin:18px 0;min-width:0;overflow-wrap:anywhere}
.reference-card h4{margin:0 0 14px;font-size:17px;line-height:1.5}.sources .reference-card .reference-label{font-size:11px;color:var(--muted);margin:14px 0 8px;letter-spacing:.03em}.sources .reference-card .reference-arabic{font-family:'Noto Naskh Arabic','Traditional Arabic',serif;font-size:29px;line-height:2.1;color:var(--ink);text-align:right;white-space:pre-line}.sources .reference-card .reference-translation,.sources .reference-card .reference-summary{font-size:14px;line-height:1.9;color:var(--ink);white-space:pre-line}.sources .reference-card .reference-provenance{font-size:10px;overflow-wrap:anywhere}.sources .reference-card a{margin:12px 0 0;font-size:12px}
@media(max-width:720px){.reference-card{padding:17px}.sources .reference-card .reference-arabic{font-size:25px}.reference-card h4{font-size:15px}}