:root{--ground:#f2f5f1;--surface:#fff;--surface-2:#e9eee9;--ink:#131f1b;--ink-2:#43534c;--ink-3:#5f7169;--line:#dbe2dc;--line-strong:#bfcac3;--deep:#14554f;--deep-strong:#0e403b;--deep-soft:#dcebe7;--deep-ink:#0d3f3a;--accent:#ab4711;--accent-strong:#8a380b;--accent-soft:#fbe9dd;--accent-ink:#8a380b;--shadow-sm:0 1px 2px #131f1b0d;--shadow:0 1px 2px #131f1b0d, 0 6px 16px -12px #131f1b59;--shadow-lg:0 2px 4px #131f1b0f, 0 16px 40px -24px #131f1b73;--shadow-card:var(--shadow);--ar:system-ui, "Segoe UI", "Noto Sans Arabic", Tahoma, sans-serif;--nl:Georgia, "Iowan Old Style", "Times New Roman", serif;--ui:ui-sans-serif, system-ui, "Segoe UI", sans-serif;--t-xs:12.5px;--t-sm:14px;--t-base:16.5px;--t-md:18px;--t-lg:21px;--t-xl:clamp(22px, 4.4vw, 27px);--t-2xl:clamp(27px, 6vw, 38px);--lh:1.8;--lh-tight:1.35;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:44px;--r-sm:8px;--r:12px;--r-lg:16px;--r-pill:999px;--fast:.12s ease;--slow:.22s cubic-bezier(.2, .8, .2, 1);--tap:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ground:#0d1412;--surface:#161e1b;--surface-2:#1e2825;--ink:#e8efea;--ink-2:#aec0b7;--ink-3:#8a9c94;--line:#27332f;--line-strong:#3a4a45;--deep:#5fbfb2;--deep-strong:#7fd3c7;--deep-soft:#15302d;--deep-ink:#9adcd0;--accent:#e8905a;--accent-strong:#f0a878;--accent-soft:#33221a;--accent-ink:#f0ab7c;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 2px #0006, 0 6px 16px -12px #000000e6;--shadow-lg:0 2px 6px #00000080, 0 16px 40px -24px #000;--shadow-card:var(--shadow)}}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{background:var(--ground);color:var(--ink);font-family:var(--ar);line-height:var(--lh);font-size:var(--t-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}button,input,textarea,select{font:inherit;color:inherit}::selection{background:var(--deep-soft);color:var(--deep-ink)}.wrap{max-width:760px;padding:0 var(--s5) var(--s8);margin:0 auto}.skip{inset-inline-start:-9999px;top:var(--s2);z-index:20;background:var(--deep);color:#fff;padding:var(--s3) var(--s5);border-radius:var(--r-sm);font-family:var(--ui);text-decoration:none;position:absolute}.skip:focus{inset-inline-start:var(--s4)}h1{font-size:var(--t-2xl);line-height:var(--lh-tight);margin:var(--s6) 0 var(--s3);letter-spacing:-.01em;text-wrap:balance}h2{font-size:var(--t-lg);margin:var(--s7) 0 var(--s3);letter-spacing:-.005em;text-wrap:balance;line-height:1.45}h3{font-size:var(--t-md);margin:var(--s5) 0 var(--s2);line-height:1.5}p{margin:0 0 var(--s3)}ol{list-style-type:arabic-indic}a{color:var(--deep);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--deep-strong)}main p,main li{max-width:68ch}.lead{font-size:var(--t-md);color:var(--ink-2);max-width:60ch}.muted{color:var(--ink-3);font-size:var(--t-sm)}.nl{font-family:var(--nl);direction:ltr;unicode-bidi:isolate}[dir=ltr]{unicode-bidi:isolate}hr.rule{border:0;border-top:1px solid var(--line);margin:var(--s7) 0}.site-header{z-index:10;background:var(--ground);border-bottom:1px solid var(--line);margin:0 calc(var(--s5) * -1) var(--s5);padding:0 var(--s5);flex-wrap:wrap;align-items:center;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--s3);padding:var(--s3) 0 var(--s2);color:var(--ink);flex:auto;min-width:0;text-decoration:none;display:flex}.site-header nav.tabs{flex:1 0 100%}.brand-mark{border-radius:9px;flex:0 0 30px;width:30px;height:30px}.brand-name{font-family:var(--ui);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.brand-note{font-family:var(--ui);font-size:var(--t-xs);color:var(--ink-3);text-align:end;white-space:nowrap;margin-inline-start:auto;display:none}@media (min-width:620px){.brand-note{display:block}}nav.tabs{gap:var(--s1);padding:0 0 var(--s2);scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;display:flex;overflow-x:auto}nav.tabs::-webkit-scrollbar{display:none}@media (max-width:560px){[dir=rtl] nav.tabs{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 20px);mask-image:linear-gradient(90deg,#0000 0,#000 20px)}[dir=ltr] nav.tabs{-webkit-mask-image:linear-gradient(270deg,#0000 0,#000 20px);mask-image:linear-gradient(270deg,#0000 0,#000 20px)}}nav.tabs a{scroll-snap-align:start;white-space:nowrap;font-family:var(--ui);font-size:var(--t-sm);min-height:38px;padding:0 var(--s4);border-radius:var(--r-pill);color:var(--ink-2);transition:background var(--fast), color var(--fast);background:0 0;border:1px solid #0000;flex:none;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}nav.tabs a:hover{background:var(--surface-2);color:var(--ink)}nav.tabs a[aria-current=page]{background:var(--ink);color:var(--ground);font-weight:600}.resume{align-items:center;gap:var(--s3);min-height:var(--tap);padding:var(--s3) var(--s4);margin:0 0 var(--s6);background:var(--surface);border:1px solid var(--line);border-inline-start:3px solid var(--deep);border-radius:var(--r);box-shadow:var(--shadow-sm);color:var(--ink);transition:border-color var(--fast), box-shadow var(--fast), transform var(--fast);text-decoration:none;display:flex}.resume:hover{border-color:var(--line-strong);border-inline-start-color:var(--deep);box-shadow:var(--shadow);color:var(--ink)}.resume:active{transform:translateY(1px)}.resume-body{flex:1;min-width:0}.resume-label{font-family:var(--ui);font-size:15px;font-weight:600;display:block}.resume-where{font-size:var(--t-xs);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.resume-go{color:var(--deep);flex:none;font-size:18px;line-height:1}footer.foot{margin-top:var(--s8);padding-top:var(--s5);border-top:1px solid var(--line);font-family:var(--ui);font-size:var(--t-xs);color:var(--ink-3)}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:var(--tap);font-family:var(--ui);background:var(--deep);color:#fff;border-radius:var(--r);padding:var(--s3) var(--s6);cursor:pointer;text-align:center;box-shadow:var(--shadow-sm);transition:background var(--fast), transform var(--fast), box-shadow var(--fast);border:1px solid #0000;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--deep-strong);color:#fff;box-shadow:var(--shadow)}.btn:active{box-shadow:var(--shadow-sm);transform:translateY(1px)}.btn[disabled],.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (prefers-color-scheme:dark){.btn,.btn:hover{color:#08201e}}.btn.ghost{color:var(--deep);border-color:var(--deep);box-shadow:none;background:0 0}.btn.ghost:hover{background:var(--deep-soft);color:var(--deep-ink)}.btn.quiet{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn.quiet:hover{background:var(--surface-2);color:var(--ink)}.btn.block{width:100%;display:flex}.btn.sm{min-height:38px;font-size:var(--t-sm);padding:var(--s2) var(--s4);border-radius:var(--r-sm)}.chip{align-items:center;gap:var(--s2);min-height:var(--tap);font-family:var(--ui);font-size:var(--t-sm);padding:var(--s2) var(--s4);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);transition:border-color var(--fast), background var(--fast), color var(--fast);text-decoration:none;display:inline-flex}button.chip{cursor:pointer}a.chip.is-open{border-color:var(--line-strong);color:var(--ink);font-weight:600}a.chip.is-open:hover{border-color:var(--deep);background:var(--deep-soft);color:var(--deep-ink)}a.chip.is-locked{color:var(--ink-3);background:0 0}a.chip.is-locked:hover{border-color:var(--ink-3);color:var(--ink-2)}.chip.is-pending{opacity:.55;background:0 0;border-style:dashed}.tag{align-items:center;gap:var(--s1);font-family:var(--ui);font-size:var(--t-xs);padding:3px var(--s2);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-3);white-space:nowrap;border:1px solid #0000;display:inline-flex}.tag.strong{background:var(--deep-soft);color:var(--deep-ink);font-weight:600}.ctl{justify-content:center;align-items:center;gap:var(--s2);min-height:38px;padding:0 var(--s4);border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-family:var(--ui);font-size:var(--t-sm);cursor:pointer;white-space:nowrap;transition:background var(--fast), border-color var(--fast), color var(--fast);font-weight:500;display:inline-flex}.ctl:hover{border-color:var(--deep);color:var(--deep-ink);background:var(--deep-soft)}.ctl.is-on{background:var(--deep);border-color:var(--deep);color:#fff}@media (prefers-color-scheme:dark){.ctl.is-on{color:#08201e}}.ctl.rec.is-on{background:var(--accent);border-color:var(--accent);color:#fff}.ctl-row{gap:var(--s2);margin-top:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.field{background:var(--surface);width:100%;color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r);padding:var(--s3) var(--s4);transition:border-color var(--fast), box-shadow var(--fast);font-size:16px;line-height:1.7}.field:focus{border-color:var(--deep);box-shadow:0 0 0 3px var(--deep-soft);outline:none}textarea.field{resize:vertical;min-height:160px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);margin-bottom:var(--s4);box-shadow:var(--shadow-sm)}a.card,.card.tappable{color:inherit;transition:border-color var(--fast), box-shadow var(--fast), transform var(--fast);text-decoration:none;display:block}a.card:hover,.card.tappable:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}a.card:active{transform:translateY(1px)}.note,.good,.panel{border-radius:var(--r);padding:var(--s4) var(--s5);margin-bottom:var(--s4);border:1px solid #0000;border-inline-start:3px solid}.note{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 22%, transparent);border-inline-start-color:var(--accent)}.good{background:var(--deep-soft);border-color:color-mix(in srgb, var(--deep) 22%, transparent);border-inline-start-color:var(--deep)}.panel{background:var(--surface-2);border-color:var(--line);border-inline-start-color:var(--line-strong)}.note>:last-child,.good>:last-child,.panel>:last-child,.card>:last-child{margin-bottom:0}.section-head{align-items:baseline;gap:var(--s3);margin:var(--s7) 0 var(--s3);display:flex}.section-head h2,.section-head h3{margin:0}.section-head:after{content:"";background:var(--line);flex:1;height:1px}ul.ticks{margin:0 0 var(--s4);gap:var(--s2);padding:0;list-style:none;display:grid}ul.ticks li{border-inline-start:2px solid color-mix(in srgb, var(--deep) 35%, var(--ground));padding-inline-start:var(--s3);line-height:1.65}.stack{gap:var(--s3);display:grid}.stack.tight{gap:var(--s2)}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--s4);overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:var(--t-sm)}.table-wrap td,.table-wrap th{padding:var(--s3) var(--s4);text-align:start;vertical-align:top}.table-wrap tr+tr td{border-top:1px solid var(--line)}.table-wrap tbody tr:hover td{background:var(--surface-2)}.map{gap:var(--s2);margin:var(--s4) 0 var(--s2);flex-wrap:wrap;display:flex}.step{border-radius:var(--r-sm);width:40px;height:40px;font-family:var(--ui);font-size:var(--t-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink-3);place-items:center;font-weight:600;display:grid}.step.done{background:var(--deep-soft);border-color:var(--deep);color:var(--deep-ink)}.step.current{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow)}.step.upcoming{opacity:.55}.map-summary{font-family:var(--ui);font-size:var(--t-sm);color:var(--deep-ink);font-weight:600}a.step{transition:transform var(--fast), border-color var(--fast), background var(--fast);text-decoration:none}a.step:hover{border-color:var(--deep);color:var(--deep-ink);transform:translateY(-2px)}a.step.current:hover{color:#fff}.stepper{gap:var(--s2);scrollbar-width:none;padding-bottom:var(--s2);margin-bottom:var(--s5);display:flex;overflow-x:auto}.stepper::-webkit-scrollbar{display:none}.stepper>a,.stepper>span{align-items:center;gap:var(--s2);min-height:38px;padding:0 var(--s3);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);font-family:var(--ui);font-size:var(--t-xs);color:var(--ink-3);white-space:nowrap;flex:none;text-decoration:none;display:inline-flex}.stepper>a:hover{border-color:var(--deep);color:var(--deep-ink)}.stepper .is-here{background:var(--ink);border-color:var(--ink);color:var(--ground);font-weight:600}.stepper .is-here:hover{color:var(--ground)}.stepper .is-locked{opacity:.6}.step-num{border-radius:var(--r-pill);background:var(--surface-2);width:20px;height:20px;color:var(--ink-3);place-items:center;font-size:11px;font-weight:700;display:inline-grid}.stepper .is-here .step-num{color:var(--ground);background:#fff3}.unit-row{align-items:center;gap:var(--s3);margin-bottom:var(--s3);display:flex}.unit-num{border-radius:var(--r-sm);background:var(--surface-2);height:34px;color:var(--ink-2);font-family:var(--ui);font-weight:700;font-size:var(--t-sm);flex:0 0 34px;place-items:center;display:grid}.unit-num.open{background:var(--deep-soft);color:var(--deep-ink)}.unit-title{font-size:var(--t-md);font-weight:600;line-height:1.3}.tekst{font-family:var(--nl);text-align:left;font-size:var(--t-md);direction:ltr;unicode-bidi:isolate;margin:0;line-height:1.75}.tekst span{display:block}.gloss{font-size:var(--t-sm);color:var(--ink-3);margin:var(--s2) 0 0;border-inline-start:2px solid var(--line);padding-inline-start:var(--s3);line-height:1.7}.gloss span{display:block}.pair+.pair{margin-top:var(--s5)}.turn{border-inline-start:3px solid var(--line-strong);margin-bottom:var(--s4);padding-inline-start:var(--s3)}.turn.mine{border-inline-start-color:var(--accent)}.turn.alt{border-inline-start-color:var(--deep)}.turn.alt .turn-speaker{color:var(--deep-ink)}.turn-speaker{font-family:var(--ui);font-size:var(--t-xs);color:var(--ink-2);letter-spacing:.01em;font-weight:700}.turn.mine .turn-speaker{color:var(--accent-ink)}.turn-nl{font-family:var(--nl);text-align:left;font-size:var(--t-md);direction:ltr;unicode-bidi:isolate;line-height:1.6}.turn-ar{font-size:var(--t-sm);color:var(--ink-3)}.q{margin-bottom:var(--s6)}.q-prompt{margin-bottom:var(--s1);font-size:15.5px;font-weight:600;display:block}.q-opts{gap:var(--s2);margin-top:var(--s3);display:grid}.q-opt{align-items:center;gap:var(--s3);width:100%;min-height:var(--tap);text-align:start;padding:var(--s2) var(--s4);border-radius:var(--r);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;transition:border-color var(--fast), background var(--fast), opacity var(--fast);display:flex}.q-opt:hover:not(:disabled){border-color:var(--deep);background:var(--deep-soft)}.q-opt:disabled{cursor:default}.q-mark{border-radius:var(--r-pill);border:1px solid var(--line-strong);flex:0 0 22px;place-items:center;height:22px;font-size:13px;font-weight:700;line-height:1;display:grid}.q-opt.is-right{border-color:var(--deep);background:var(--deep-soft);color:var(--deep-ink);font-weight:600}.q-opt.is-right .q-mark{background:var(--deep);border-color:var(--deep);color:var(--surface)}.q-opt.is-wrong{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.q-opt.is-wrong .q-mark{background:var(--accent);border-color:var(--accent);color:#fff}.q-opt.is-out{opacity:.45}.next-up{align-items:center;gap:var(--s4);margin-top:var(--s7);padding:var(--s4) var(--s5);border-radius:var(--r-lg);background:var(--deep-soft);border:1px solid color-mix(in srgb, var(--deep) 25%, transparent);color:var(--deep-ink);transition:transform var(--fast), box-shadow var(--fast);text-decoration:none;display:flex}.next-up:hover{color:var(--deep-ink);box-shadow:var(--shadow)}.next-up:active{transform:translateY(1px)}.next-up-label{font-family:var(--ui);font-size:var(--t-xs);opacity:.85;display:block}.next-up-title{font-weight:700;font-size:var(--t-md);display:block}.line{gap:var(--s3);padding:var(--s3);border-radius:var(--r);cursor:pointer;text-align:start;width:100%;color:inherit;font-size:inherit;background:0 0;border:1px solid #0000;display:flex}.line:hover{background:var(--surface-2)}.line.active{background:var(--deep-soft);border-color:var(--deep)}.spk{font-family:var(--nl);color:var(--deep-ink);flex:0 0 78px;font-size:15px;font-style:italic}.line-body{flex:1}.line-nl{font-family:var(--nl);text-align:left;direction:ltr;unicode-bidi:isolate;font-size:17px}.line-ar{font-size:var(--t-sm);color:var(--ink-3);margin-top:2px}.why{font-family:var(--ui);font-size:var(--t-xs);color:var(--accent-ink);border:1px solid var(--accent);border-radius:var(--r-sm);padding:2px var(--s2);cursor:pointer;background:0 0;flex:none;align-self:center}.door{background:var(--surface-2);border-inline-start:3px solid var(--accent);border-radius:var(--r);padding:var(--s4);margin:var(--s2) 0 var(--s3)}.door h3{margin:0 0 var(--s1);font-size:16px}.door .vb{font-family:var(--nl);text-align:left;margin-top:var(--s2);direction:ltr;unicode-bidi:isolate;font-size:15px}.player-bar{align-items:center;gap:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3) var(--s4);margin-bottom:var(--s2);display:flex}.opt{width:100%;min-height:var(--tap);text-align:start;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r);padding:var(--s3) var(--s4);margin-bottom:var(--s2);font-size:var(--t-base);cursor:pointer;color:var(--ink);font-family:var(--ar);transition:border-color var(--fast), background var(--fast), transform var(--fast);align-items:center;display:flex}.opt:hover{border-color:var(--deep);background:var(--deep-soft)}.opt:active{transform:translateY(1px)}.progress-dots{gap:var(--s1);margin-bottom:var(--s4);display:flex}.dot{background:var(--line);border-radius:3px;width:26px;height:5px}.dot.on{background:var(--deep)}details.ref{border-top:1px solid var(--line)}details.ref>summary{cursor:pointer;min-height:var(--tap);align-items:center;gap:var(--s2);font-size:15px;font-weight:600;list-style:none;display:flex}details.ref>summary::-webkit-details-marker{display:none}details.ref>summary:before{content:"‹";color:var(--ink-3);transition:transform var(--fast);font-size:18px}[dir=ltr] details.ref>summary:before{content:"›"}details.ref[open]>summary:before{transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.site-header .doors{gap:var(--s2);flex:none;align-self:center;margin-inline-start:auto;display:flex}.site-header .door{font-family:var(--ui);font-size:var(--t-sm);white-space:nowrap;padding:6px var(--s3);border-radius:var(--r-pill);border:1px solid var(--accent);color:var(--accent);font-weight:600;text-decoration:none}.site-header .door+.door{background:var(--accent);color:var(--ground)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){[style*=animation]{animation:none!important}}