@font-face{font-family:Cormorant Garamond;src:url(/_astro/CormorantGaramond.CIYZeY4g.woff2)format("woff2");font-weight:500 700;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/_astro/CormorantGaramond-Italic.xmuSqWH4.woff2)format("woff2");font-weight:500 600;font-style:italic;font-display:swap}@font-face{font-family:EB Garamond;src:url(/_astro/EBGaramond.CTat46aL.woff2)format("woff2");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:EB Garamond;src:url(/_astro/EBGaramond-Italic.ChTxFt3H.woff2)format("woff2");font-weight:400 500;font-style:italic;font-display:swap}@font-face{font-family:Amiri;src:url(/_astro/Amiri-Regular.CBXjV0X5.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/_astro/Amiri-Bold.xFK7uIQ_.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:KFGQPC HAFS Uthmanic Script;src:url(/_astro/hafs.18.NB4wlgke.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:KFGQPC SHOUBA Uthmanic Script;src:url(/_astro/shouba.8.DVb_rhEU.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--paper:#fffdf8;--surface:#fbf5e9;--surface-2:#f4ebd8;--ink:#22201c;--muted:#675e50;--lapis:#1c47a6;--on-lapis:#fffdf8;--sky:#eaf0fb;--turquoise:#0b7471;--turquoise-wash:#e1f3f1;--gold:#c3953a;--gold-ink:#87631a;--gold-wash:#faf1dc;--coral:#bf3d29;--coral-wash:#fceae3;--leaf:#2b7349;--leaf-wash:#e4f1e8;--rose:#e9bdb2;--edge:#8a7d66;--hairline:#eadfc8;--error:#9b1c31;--f-display:"Cormorant Garamond", "Cormorant", "EB Garamond", Georgia, serif;--f-text:"EB Garamond", Garamond, Georgia, "Times New Roman", serif;--f-arabic:"Amiri", "Noto Naskh Arabic", "Geeza Pro", serif;--f-quran:"KFGQPC HAFS Uthmanic Script", "Amiri Quran", serif;--f-quran-shouba:"KFGQPC SHOUBA Uthmanic Script", "KFGQPC HAFS Uthmanic Script", serif;--f-bengali:"Tiro Bangla", "Noto Serif Bengali", serif;--f-urdu:"Gulzar", "Noto Nastaliq Urdu", serif;--t-display:clamp(42px, calc(42px + (100vw - 360px) * .02826), 68px);--lh-display:1.02;--fw-display:600;--t-h1:clamp(36px, calc(36px + (100vw - 360px) * .01957), 54px);--lh-h1:1.08;--fw-h1:600;--t-h2:clamp(30px, calc(30px + (100vw - 360px) * .01087), 40px);--lh-h2:1.12;--fw-h2:600;--t-h3:clamp(22px, calc(22px + (100vw - 360px) * .00217), 24px);--lh-h3:1.3;--fw-h3:500;--t-lede:clamp(21px, calc(21px + (100vw - 360px) * .00326), 24px);--lh-lede:1.5;--fw-lede:400;--t-body:clamp(19px, calc(19px + (100vw - 360px) * .00217), 21px);--lh-body:1.6;--fw-body:400;--t-ui:18px;--lh-ui:1.35;--fw-ui:500;--t-small:16px;--lh-small:1.45;--fw-small:400;--t-label:16px;--lh-label:1.3;--fw-label:500;--t-ar-h1:clamp(38px, calc(38px + (100vw - 360px) * .01739), 54px);--lh-ar-h1:1.5;--fw-ar-h1:700;--t-ar-h2:clamp(31px, calc(31px + (100vw - 360px) * .00978), 40px);--lh-ar-h2:1.5;--fw-ar-h2:700;--t-ar-body:clamp(24px, calc(24px + (100vw - 360px) * .00326), 27px);--lh-ar-body:1.85;--fw-ar-body:400;--t-ar-ui:20px;--lh-ar-ui:1.5;--fw-ar-ui:400;--t-quran:clamp(30px, calc(30px + (100vw - 360px) * .0087), 38px);--lh-quran:2.15;--fw-quran:400;--t-quran-practice:clamp(27px, calc(27px + (100vw - 360px) * .00543), 32px);--lh-quran-practice:2.1;--fw-quran-practice:400;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--space-9:112px;--radius-none:0px;--radius-sm:3px;--radius:6px;--radius-pill:999px;--measure:38rem;--margin-column:15rem;--wrap:72rem;--tap:48px;--focus:3px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#121a36;--surface:#18224a;--surface-2:#202c58;--ink:#f6f0e2;--muted:#c9bfa9;--lapis:#a9c0fa;--on-lapis:#121a36;--sky:#1f2d5e;--turquoise:#6fd3cb;--turquoise-wash:#143a43;--gold:#d9b062;--gold-ink:#e8c77a;--gold-wash:#2e2a2a;--coral:#ff9c86;--coral-wash:#3a2230;--leaf:#8fd3a8;--leaf-wash:#173a33;--rose:#b98a84;--edge:#8592bd;--hairline:#2a3766;--error:#ff9da8;color-scheme:dark}}:root[data-theme=dark]{--paper:#121a36;--surface:#18224a;--surface-2:#202c58;--ink:#f6f0e2;--muted:#c9bfa9;--lapis:#a9c0fa;--on-lapis:#121a36;--sky:#1f2d5e;--turquoise:#6fd3cb;--turquoise-wash:#143a43;--gold:#d9b062;--gold-ink:#e8c77a;--gold-wash:#2e2a2a;--coral:#ff9c86;--coral-wash:#3a2230;--leaf:#8fd3a8;--leaf-wash:#173a33;--rose:#b98a84;--edge:#8592bd;--hairline:#2a3766;--error:#ff9da8;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--f-text);font-size:var(--t-body);line-height:var(--lh-body);font-variant-numeric:oldstyle-nums proportional-nums;padding-left:max(var(--space-4), env(safe-area-inset-left,0px));padding-right:max(var(--space-4), env(safe-area-inset-right,0px));-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;font-kerning:normal;margin:0}h1,h2,h3,h4{text-wrap:balance;margin:0}h1,h2{font-family:var(--f-display);font-weight:var(--fw-h1);letter-spacing:-.005em}h1{font-size:var(--t-h1);line-height:var(--lh-h1)}h2{font-size:var(--t-h2);line-height:var(--lh-h2)}h3{font-size:var(--t-h3);line-height:var(--lh-h3);font-weight:var(--fw-h3)}p,figure,blockquote,dl,dd{margin:0}a{color:var(--lapis);text-decoration-line:underline;text-decoration-color:var(--gold);text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{text-decoration-color:var(--lapis)}:focus-visible{outline:var(--focus) solid var(--lapis);outline-offset:3px;border-radius:var(--radius-sm)}img,video,svg{max-width:100%}.wrap{max-width:var(--wrap);margin-inline:auto}.measure{max-width:var(--measure)}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.center{text-align:center}:root:lang(ar) body{font-family:var(--f-arabic);font-size:var(--t-ar-body);line-height:var(--lh-ar-body);font-variant-numeric:normal}:root:lang(ar) h1{font-family:var(--f-arabic);font-size:var(--t-ar-h1);line-height:var(--lh-ar-h1);font-weight:700}:root:lang(ar) h2{font-family:var(--f-arabic);font-size:var(--t-ar-h2);line-height:var(--lh-ar-h2);font-weight:700}:root:lang(ar) h3{font-family:var(--f-arabic);font-size:calc(var(--t-h3) * 1.25);font-weight:700;line-height:1.6}:where(:root:not(:lang(ar))) :where([lang=ar],[lang=ur]){font-family:var(--f-arabic);letter-spacing:0;font-variant:normal;font-size:1.22em;line-height:1.5}:where(:root:lang(ar)) :where([lang=en]){font-family:var(--f-text);font-size:.82em}:where([lang=bn]){font-family:var(--f-bengali)}:where([lang=ur]){font-family:var(--f-urdu)}:where([lang=hi]){font-family:serif}:lang(ar),:lang(ur){font-style:normal!important}.o-gold{fill:var(--gold)}.o-lapis{fill:var(--lapis)}.o-turq{fill:var(--turquoise)}.o-rose{fill:var(--rose)}.o-wash{fill:var(--gold-wash)}.o-paper{fill:var(--paper)}.o-coral{fill:var(--coral)}.o-sky{fill:var(--sky)}.o-none{fill:none}.o-line-gold{stroke:var(--gold);stroke-width:1.1px}.o-line-gold-thick{stroke:var(--gold);stroke-width:3px}.o-line-lapis{stroke:var(--lapis);stroke-width:1px}.o-ray-lapis{stroke:var(--lapis);stroke-width:1.6px;stroke-linecap:round}.o-ray-turq{stroke:var(--turquoise);stroke-width:1.2px;stroke-linecap:round}.o-ray-gold{stroke:var(--gold);stroke-width:1px;stroke-linecap:round}[data-ornament]>svg{width:100%;height:100%;display:block}#riwaq-defs{width:0;height:0;position:absolute;overflow:hidden}.label{font-family:var(--f-text);font-size:var(--t-label);font-weight:var(--fw-label);letter-spacing:.07em;color:var(--gold-ink);font-variant-caps:all-small-caps;line-height:1.3}.meta{font-size:var(--t-small);line-height:var(--lh-small);color:var(--muted);font-style:italic}:root:lang(ar) .label,:root:lang(ar) .meta{font-family:var(--f-arabic);font-size:var(--t-ar-ui);letter-spacing:0;font-style:normal;font-variant-caps:normal}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:52px;font-family:var(--f-text);font-size:var(--t-ui);font-weight:var(--fw-ui);letter-spacing:.01em;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding-inline:28px;line-height:1.2;text-decoration:none;display:inline-flex}:root:lang(ar) .btn{font-family:var(--f-arabic);font-size:var(--t-ar-ui)}.btn--primary{background:var(--lapis);color:var(--on-lapis);border-color:var(--lapis);outline:1px solid var(--gold);outline-offset:-6px}.btn--primary:hover{background:color-mix(in srgb, var(--lapis) 88%, var(--ink))}.btn--secondary{background:var(--paper);color:var(--lapis);border-color:var(--gold)}.btn--secondary:hover{background:var(--sky)}.btn--quiet{color:var(--lapis);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:.22em;background:0 0;padding-inline:12px}.btn--quiet:hover{text-decoration-color:var(--lapis)}.btn[disabled],.btn[aria-disabled=true]{cursor:not-allowed;background:var(--paper);color:var(--muted);border:1px dotted var(--edge);outline:none;font-style:italic}.btn svg{flex:none;width:20px;height:20px}.btn:focus-visible{outline:var(--focus) solid var(--lapis);outline-offset:3px}.more{align-items:center;gap:var(--space-2);min-height:var(--tap);font-size:var(--t-ui);font-style:italic;display:inline-flex}:root:lang(ar) .more{font-style:normal;font-size:var(--t-ar-ui)}.more svg{width:18px;height:18px;color:var(--gold-ink);flex:none}[dir=rtl] .more svg,[dir=rtl] .flip{transform:scaleX(-1)}.chip{width:fit-content;font-size:var(--t-small);letter-spacing:.06em;color:var(--muted);align-items:center;gap:7px;font-variant-caps:all-small-caps;font-weight:500;line-height:1.2;display:inline-flex}.chip:before{content:"";background:var(--gold);flex:none;width:8px;height:8px;transform:rotate(45deg)}:root:lang(ar) .chip{font-family:var(--f-arabic);letter-spacing:0;font-size:17px;font-variant-caps:normal}.chip--done{color:var(--leaf)}.chip--done:before{background:var(--leaf)}.chip--current{color:var(--lapis)}.chip--current:before{background:var(--lapis)}.chip--free{color:var(--turquoise)}.chip--free:before{background:var(--turquoise)}.chip--placeholder{color:var(--muted);letter-spacing:0;font-style:italic;font-variant-caps:normal}.chip--placeholder:before{border:1px solid var(--gold);background:0 0}.headband{background:var(--turquoise-wash);border-block:3px double var(--gold);place-items:center;min-height:64px;display:grid;position:relative;overflow:hidden}.headband>.lattice{width:100%;height:100%;position:absolute;inset:0}.headband--thin{min-height:22px}.cartouche{align-items:stretch;height:52px;display:inline-flex;position:relative}.cartouche__cap{flex:none;width:26px;display:block}.cartouche__cap svg{width:100%;height:100%;display:block}.cartouche__text a{color:inherit;text-decoration:none}.cartouche__text a:hover{text-decoration:underline;text-decoration-color:var(--gold)}.cartouche__text{background:var(--paper);border-block:1px solid var(--gold);font-family:var(--f-display);color:var(--gold-ink);white-space:nowrap;align-items:center;gap:10px;padding-inline:14px;font-size:1.35rem;font-weight:600;display:flex}:root:lang(ar) .cartouche__text{font-family:var(--f-arabic);font-size:1.4rem}.divider{width:min(320px,80%);height:28px;margin-inline:auto;display:block}.sec-head{text-align:center;justify-items:center;gap:6px;margin-block-end:var(--space-7);display:grid}.sec-head__ar{font-family:var(--f-arabic);color:var(--gold-ink);font-size:1.6rem;line-height:1.4}:root:lang(ar) .sec-head__ar{display:none}.sec-head .divider{margin-block-start:var(--space-2)}.sec-intro{color:var(--muted);max-width:34em;margin-inline:auto;font-style:italic}:root:lang(ar) .sec-intro{font-style:normal}.frame{border:3px solid var(--gold);outline:1px solid var(--lapis);outline-offset:-11px;padding:var(--space-7) var(--space-6);position:relative}.frame:before{content:"";border:1px solid var(--ink);opacity:.45;pointer-events:none;position:absolute;inset:-4px}.frame:after{content:"";border:1px solid var(--ink);opacity:.45;pointer-events:none;position:absolute;inset:0}.frame__corner{z-index:1;width:30px;height:30px;position:absolute}.frame__corner svg{width:100%;height:100%;display:block}.frame__corner--ss{inset-inline-start:-16px;top:-16px}.frame__corner--se{inset-inline-end:-16px;top:-16px}.frame__corner--es{inset-inline-start:-16px;bottom:-16px}.frame__corner--ee{inset-inline-end:-16px;bottom:-16px}.recitation{justify-items:center;gap:var(--space-4);text-align:center;display:grid}.shamsa{aspect-ratio:1;width:min(300px,78vw);max-width:100%;position:relative}.shamsa>svg{width:100%;height:100%;display:block}.shamsa .play{cursor:pointer;width:33%;height:33%;color:var(--lapis);background:0 0;border:0;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.shamsa .play svg{width:34%;height:34%}.shamsa .play:hover{background:var(--sky)}.play .i-pause,.play[aria-pressed=true] .i-play{display:none}.play[aria-pressed=true] .i-pause{display:block}.shamsa .play .play__arc{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;rotate:-90deg}.play__arc circle{fill:none;stroke:var(--gold);stroke-width:3px;stroke-linecap:round;stroke-dasharray:289.03;stroke-dashoffset:calc(289.03px * (1 - var(--progress,0)))}@media (prefers-reduced-motion:no-preference){.shamsa:has(.play[aria-pressed=true]) .shamsa-rays{transform-origin:0 0;animation:60s linear infinite turn}@keyframes turn{to{transform:rotate(360deg)}}.play__arc circle{transition:stroke-dashoffset .3s linear}}.recitation__title{font-family:var(--f-display);font-size:1.7rem;font-weight:600;line-height:1.2}:root:lang(ar) .recitation__title{font-family:var(--f-arabic);font-size:1.6rem}.recitation__note{font-size:var(--t-small);color:var(--ink);background:var(--gold-wash);border-radius:var(--radius);padding:8px 14px;font-style:italic}.player{gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.play--rosette{cursor:pointer;width:56px;height:56px;color:var(--lapis);background:0 0;border:0;padding:0;position:relative}.play--rosette>[data-ornament]{position:absolute;inset:0}.play--rosette>.glyph{place-items:center;width:100%;height:100%;display:grid;position:relative}.play--rosette .glyph svg{width:18px;height:18px}.ayah{gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius);display:grid;position:relative}.ayah__text,.quran{font-variant:normal;font-feature-settings:normal}.ayah__text{font-family:var(--f-quran);font-size:var(--t-quran);line-height:var(--lh-quran);text-align:center;letter-spacing:0;color:var(--ink);font-variant:normal;direction:rtl}.ayah--shouba .ayah__text{font-family:var(--f-quran-shouba)}.ayah__translation{max-width:var(--measure);text-align:center;color:var(--ink);margin-inline:auto;font-style:italic}.ayah__name{text-align:center}.ayah__text+.ayah__name{margin-block-start:var(--space-5)}.ayah__source{text-align:center;font-size:var(--t-small);color:var(--muted);font-style:italic}.ayah.is-current{background:var(--coral-wash)}.ayah--follow .ayah__one{cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.32em 3px}.ayah--follow .ayah__one:hover{background:var(--surface)}.ayah--follow .ayah__one.is-reading{background:var(--coral-wash)}.ayah--follow .ayah__one:focus-visible{outline:var(--focus) solid var(--lapis);outline-offset:2px}.ayah__tools{margin-block:var(--space-3) 0;justify-content:center;display:flex}.ayah__tools .btn[aria-pressed=true]{text-decoration-color:var(--lapis);text-decoration-thickness:2px}.ayah.is-current:before{content:"";top:50%;background:var(--coral);width:10px;height:10px;position:absolute;inset-inline-start:-14px;transform:translateY(-50%)rotate(45deg)}.ayah--placeholder{border:1px dotted var(--gold);background:var(--paper);text-align:center;color:var(--muted);font-style:italic}.ayah-pair{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ayah-pair .ayah{background:var(--surface)}.chain{min-width:0;margin:0;padding:0;list-style:none}.chain>li{min-height:40px;padding-block-end:26px;padding-inline-start:52px;position:relative}.chain>li:before{content:"";inset-inline-start:17px;border-inline:1px solid var(--gold);width:6px;position:absolute;top:30px;bottom:-4px}.chain>li:last-child:before{display:none}.chain .node{inset-inline-start:0;width:40px;height:40px;position:absolute;top:0}.chain .who{padding-block-start:6px;font-size:1.1em;font-weight:500;line-height:1.35;display:block}.chain .note{color:var(--muted);font-style:italic;font-size:var(--t-small);display:block}:root:lang(ar) .chain .note{font-style:normal}.chain li.source .who{font-family:var(--f-display);color:var(--lapis);font-size:1.35em;font-weight:600}.chain .who [lang=ar]{color:var(--gold-ink);font-size:.9em}.chain li.self .who{font-family:var(--f-display);font-size:1.35em;font-weight:600}.chain li.ph:before{border-style:dotted}.chain li.ph .who{color:var(--muted);font-style:italic;font-weight:400}.chain .node--empty{border:1px dotted var(--gold);inset-inline-start:7px;background:var(--paper);border-radius:50%;width:26px;height:26px;top:7px}.fork{gap:var(--space-3);grid-template-columns:1fr 1fr;margin-block-start:8px;display:grid}.fork>span{text-align:center;background:var(--surface);border:1px solid var(--gold);border-radius:var(--radius-pill);padding:10px 12px;font-weight:500}.glance{background:var(--paper);border:1px solid var(--gold);outline:1px solid var(--gold);outline-offset:-6px;padding:var(--space-6) var(--space-5) var(--space-5);border-radius:2px;position:relative}.glance__title{background:var(--paper);white-space:nowrap;padding-inline:12px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.glance dl{gap:14px;display:grid}.glance dt{font-size:var(--t-small);color:var(--muted);font-style:italic}:root:lang(ar) .glance dt{font-style:normal;font-size:var(--t-ar-ui)}.glance dd{line-height:1.4}.glance dd .chip{margin-block-start:2px;display:flex}.with-notes{grid-template-columns:minmax(0, var(--measure)) var(--margin-column);gap:var(--space-2) var(--space-7);align-items:start;display:grid}.with-notes>*{grid-column:1}.with-notes>.sidenote{font-size:var(--t-small);color:var(--muted);grid-column:2;padding-inline-start:30px;font-style:italic;line-height:1.5;position:relative}:root:lang(ar) .with-notes>.sidenote{font-style:normal;font-size:var(--t-ar-ui)}.sidenote__mark{inset-inline-start:0;width:22px;height:22px;position:absolute;top:2px}.sidenote b{color:var(--ink);font-style:normal;font-weight:500}.callout{gap:var(--space-2);text-align:center;background:var(--surface);border:1px solid var(--gold);outline:1px solid var(--gold);outline-offset:-5px;border-radius:var(--radius);padding:var(--space-5) var(--space-6);max-width:var(--measure);justify-items:center;display:grid}.callout p{font-size:var(--t-ui)}.course-card{text-align:center;align-content:start;justify-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5) var(--space-5);background:var(--paper);border:1px solid var(--hairline);border-radius:var(--radius);min-width:0;transition:border-color .2s;display:grid}.course-card:hover{border-color:var(--gold)}.medallion{place-items:center;width:92px;height:92px;display:grid;position:relative}.medallion>[data-ornament]{position:absolute;inset:0}.medallion__word{font-family:var(--f-arabic);color:var(--gold-ink);font-size:1.35rem;line-height:1;position:relative}.course-card :is(h2,h3){font-family:var(--f-display);font-size:1.65rem;font-weight:600;line-height:1.15}.course-card :is(h2,h3) a{color:var(--ink);text-decoration:none}.course-card :is(h2,h3) a:hover{color:var(--lapis)}.course-card p{font-size:var(--t-ui)}.facts{font-size:var(--t-small);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:4px 10px;margin:0;padding:0;font-style:italic;list-style:none;display:flex}:root:lang(ar) .facts{font-style:normal;font-size:var(--t-ar-ui)}.facts li+li:before{content:"·";color:var(--gold);margin-inline-end:10px;font-style:normal}.keyfacts{border-block:3px double var(--gold);grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));display:grid}.keyfacts>div{padding:var(--space-4) var(--space-3);text-align:center;gap:2px;display:grid}.keyfacts dt{font-size:var(--t-small);color:var(--gold-ink);letter-spacing:.06em;font-variant-caps:all-small-caps}.keyfacts dd{font-family:var(--f-display);font-size:1.35rem;font-weight:600;line-height:1.2}:root:lang(ar) .keyfacts dt{font-family:var(--f-arabic);letter-spacing:0;font-variant-caps:normal;font-size:var(--t-ar-ui)}:root:lang(ar) .keyfacts dd{font-family:var(--f-arabic);font-size:1.3rem}.lessons{margin:0;padding:0;list-style:none}.lesson{gap:var(--space-1) var(--space-3);padding:10px var(--space-3);border-bottom:1px solid var(--hairline);border-radius:var(--radius);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;min-height:58px;display:grid}.lesson__n{width:34px;height:34px;color:var(--gold-ink);font-variant-numeric:lining-nums;place-items:center;font-size:15px;display:grid;position:relative}.lesson__n>[data-ornament]{position:absolute;inset:0}.lesson__n>span{position:relative}.lesson__title{font-size:var(--t-ui);color:var(--ink);text-decoration:none}a.lesson__title:hover{color:var(--lapis)}.lesson__len{font-size:var(--t-small);color:var(--muted);font-style:italic}.lesson.is-current{background:var(--sky);border-bottom-color:#0000}.lesson.is-current .lesson__title{color:var(--lapis);font-weight:600}.lesson.is-done .lesson__n{color:var(--leaf)}.beads{flex-wrap:wrap;gap:5px;display:flex}.beads span{border:1px solid var(--gold);border-radius:50%;width:9px;height:9px}.beads span.is-done{background:var(--leaf);border-color:var(--leaf)}.beads span.is-now{background:var(--lapis);border-color:var(--lapis)}.steps{gap:var(--space-5);counter-reset:step;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;gap:2px var(--space-4);grid-template-columns:56px minmax(0,1fr);align-items:center;display:grid}.steps .num{width:56px;height:56px;font-family:var(--f-display);color:var(--lapis);font-variant-numeric:lining-nums;grid-row:span 2;place-items:center;font-size:1.5rem;font-weight:600;display:grid;position:relative}.steps .num>[data-ornament]{position:absolute;inset:0}.steps .num>span{position:relative}.steps strong{font-weight:600}.steps li>span:not(.num){color:var(--muted);font-size:var(--t-ui)}.price-card{gap:var(--space-4);text-align:center;background:var(--surface);padding:var(--space-7) var(--space-6) var(--space-6);justify-items:center;max-width:27rem;display:grid}.price{font-family:var(--f-display);font-size:var(--t-h2);font-weight:600;line-height:1}.price-card ul{font-size:var(--t-ui);gap:8px;margin:0;padding:0;list-style:none;display:grid}.price-card ul li:before{content:"";background:var(--gold);vertical-align:.2em;width:7px;height:7px;margin-inline-end:10px;display:inline-block;transform:rotate(45deg)}.price-card .fine{font-size:var(--t-small);color:var(--muted);gap:8px;font-style:italic;display:grid}:root:lang(ar) .price-card .fine{font-style:normal;font-size:var(--t-ar-ui)}.quote{gap:var(--space-3);text-align:center;max-width:var(--measure);justify-items:center;margin-inline:auto;display:grid}.quote p{font-family:var(--f-display);font-size:1.7rem;font-style:italic;line-height:1.35}.quote cite{font-style:normal;font-size:var(--t-small);color:var(--muted);letter-spacing:.06em;font-variant-caps:all-small-caps}.placeholder{border:1px dotted var(--gold);background:var(--paper);border-radius:var(--radius);padding:var(--space-5);gap:var(--space-3);text-align:center;color:var(--muted);justify-items:center;font-style:italic;display:grid}:root:lang(ar) .placeholder{font-style:normal}.video{aspect-ratio:16/9;background:var(--surface);border:2px solid var(--gold);outline:1px solid var(--gold);outline-offset:-7px;border-radius:2px;place-items:center;max-width:100%;display:grid;position:relative;overflow:hidden}.video>.lattice{opacity:.55;width:100%;height:100%;position:absolute;inset:0}.video .play--rosette{width:84px;height:84px}.video .chip{background:var(--paper);border-radius:var(--radius-pill);padding:4px 12px;position:absolute;inset-block-end:14px}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.chapters{margin:0;padding:0;list-style:none;display:grid}.chapters a{gap:var(--space-3);min-height:var(--tap);color:var(--ink);border-bottom:1px solid var(--hairline);font-size:var(--t-ui);grid-template-columns:3.5rem minmax(0,1fr);align-items:center;text-decoration:none;display:grid}.chapters a:hover{color:var(--lapis)}.chapters time{font-variant-numeric:lining-nums tabular-nums;color:var(--gold-ink);font-size:var(--t-small)}.check{border:1px solid var(--gold);border-radius:var(--radius);padding:var(--space-5);gap:var(--space-3);max-width:var(--measure);background:var(--paper);margin:0;display:grid}.check legend{font-family:var(--f-display);float:left;width:100%;margin-block-end:var(--space-3);padding:0;font-size:1.4rem;font-weight:600}:root:lang(ar) .check legend{font-family:var(--f-arabic)}.check legend+*{clear:both}.option{align-items:center;gap:var(--space-3);border:1px solid var(--edge);border-radius:var(--radius-pill);cursor:pointer;min-height:52px;font-size:var(--t-ui);background:var(--paper);padding:8px 18px;display:flex}.option:hover{background:var(--surface)}.option input{width:20px;height:20px;accent-color:var(--lapis);flex:none;margin:0}.option:has(input:checked){border-color:var(--lapis);background:var(--sky)}.check__feedback{font-size:var(--t-ui);text-align:center;color:var(--leaf);font-style:italic}.check__feedback.is-wrong{color:var(--ink)}.revision{border-collapse:collapse;width:100%;font-size:var(--t-ui)}.revision th,.revision td{text-align:start;padding:12px var(--space-3);border-bottom:1px solid var(--hairline);vertical-align:middle}.revision thead th{font-size:var(--t-small);color:var(--gold-ink);letter-spacing:.06em;border-bottom:3px double var(--gold);white-space:nowrap;font-variant-caps:all-small-caps;font-weight:500}.revision tbody th{font-weight:500}.revision tbody th small{color:var(--muted);font-style:italic;font-weight:400;display:block}:root:lang(ar) .revision thead th{font-family:var(--f-arabic);letter-spacing:0;font-variant-caps:normal;font-size:var(--t-ar-ui)}.revision td:last-child{white-space:nowrap;width:1%}.tick{align-items:center;gap:var(--space-2);min-height:var(--tap);cursor:pointer;font-size:var(--t-small);display:inline-flex}.tick input{width:22px;height:22px;accent-color:var(--leaf);margin:0}.field{gap:6px;max-width:28rem;display:grid}.field label{font-size:var(--t-ui);font-weight:500}.field input,.field select{min-height:var(--tap);font-family:var(--f-text);font-size:var(--t-body);color:var(--ink);background:var(--paper);border:1px solid var(--edge);border-radius:var(--radius-sm);padding-inline:14px}.field input:focus{border-color:var(--lapis)}.field .help{font-size:var(--t-small);color:var(--muted);font-style:italic}.field .err{font-size:var(--t-small);color:var(--error);font-weight:500}.field.has-error input{border-color:var(--error);border-width:2px}.details{border-top:3px double var(--gold)}.details details{border-bottom:1px solid var(--hairline)}.details summary{justify-content:space-between;align-items:center;gap:var(--space-4);cursor:pointer;min-height:60px;font-size:var(--t-ui);padding-block:12px;font-weight:500;list-style:none;display:flex}.details summary::-webkit-details-marker{display:none}.details summary:after{content:"+";font-family:var(--f-display);color:var(--gold-ink);font-size:1.8rem;line-height:1}.details details[open] summary:after{content:"−"}.details .details__body{font-size:var(--t-ui);gap:var(--space-2);max-width:var(--measure);color:var(--muted);padding-block-end:var(--space-4);font-style:italic;display:grid}:root:lang(ar) .details .details__body{font-style:normal}.site-header{padding-block:20px 16px}.site-header .wrap{grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav book";align-items:center;gap:12px 28px;display:grid}.brand{color:var(--ink);min-height:var(--tap);grid-area:brand;align-items:center;gap:12px;text-decoration:none;display:flex}.brand__mark{flex:none;width:38px;height:38px}.brand__names{flex-direction:column;line-height:1.05;display:flex}.brand__en{font-family:var(--f-display);letter-spacing:.01em;font-size:1.65rem;font-weight:600}.brand__ar{font-family:var(--f-arabic);color:var(--gold-ink);font-size:1.1rem}.site-nav{grid-area:nav;justify-self:end}.site-nav ul{flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;list-style:none;display:flex}.site-nav a{min-height:var(--tap);color:var(--ink);font-size:var(--t-ui);align-items:center;padding-inline:10px;text-decoration:none;display:inline-flex}:root:lang(ar) .site-nav a{font-size:var(--t-ar-ui)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--lapis);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:.3em}.site-header .header-book{grid-area:book}.site-footer{margin-block-start:var(--space-9)}.site-footer .headband{min-height:26px}.site-footer__body{padding-block:var(--space-7) var(--space-8);text-align:center;justify-items:center;gap:var(--space-3);display:grid}@media (width<=860px){.site-header .wrap{grid-template-columns:auto auto;grid-template-areas:"brand book""nav nav";justify-content:center}.site-nav{justify-self:center}.site-nav ul{justify-content:center}.with-notes{grid-template-columns:minmax(0,1fr)}.with-notes>.sidenote{grid-column:1;margin-block-end:var(--space-3)}.ayah-pair{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.course-card{text-align:start;place-items:center start;gap:4px var(--space-4);padding:var(--space-4);grid-template-columns:64px minmax(0,1fr)}.course-card .medallion{grid-row:span 3;align-self:center;width:64px;height:64px}.course-card .medallion__word{font-size:1.02rem}.course-card>:not(.medallion){grid-column:2}.fork{grid-template-columns:1fr}.site-header .wrap{column-gap:var(--space-4)}.site-header .header-book{padding-inline:16px}.frame{padding:var(--space-6) var(--space-4)}.btn{padding-inline:22px}}@property --reveal{syntax:"<percentage>";inherits:false;initial-value:120%}@media screen and (prefers-reduced-motion:no-preference){:root{--ease-out:cubic-bezier(.16, 1, .3, 1)}.motion :is(.course-card,.glance,.check,.video,.placeholder,.callout){transition:opacity .9s var(--ease-out), translate .9s var(--ease-out), border-color .2s;transition-delay:calc(var(--n,0) * .11s), calc(var(--n,0) * .11s), 0s}.motion :is(.course-card,.glance,.check,.video,.placeholder,.callout):not(.is-in){opacity:0;translate:0 16px}.motion .sec-head>:not(.divider){transition:opacity .8s var(--ease-out), translate .8s var(--ease-out)}.motion .sec-head>:nth-child(2){transition-delay:.1s}.motion .sec-head>:nth-child(n+3){transition-delay:.3s}.motion .sec-head:not(.is-in)>:not(.divider){opacity:0;translate:0 10px}.motion :is(.steps,.listen,.keyfacts)>*{transition:opacity .8s var(--ease-out), translate .8s var(--ease-out);transition-delay:calc(var(--i,0) * .13s)}.motion :is(.steps,.listen,.keyfacts):not(.is-in)>*{opacity:0;translate:0 12px}.divider__star{transform-box:fill-box;transform-origin:50%}.motion .divider>svg{clip-path:inset(0);transition:clip-path 1.3s var(--ease-out) .15s}.motion .divider .divider__star{transition:scale .9s var(--ease-out), rotate 1.4s var(--ease-out)}.motion .divider:not(.is-in)>svg{clip-path:inset(0 50%)}.motion .divider:not(.is-in) .divider__star{rotate:-90deg;scale:0}:is(.course-card .medallion,.steps .num,.step-title .num,.chain .node)>:is([data-ornament],svg){transition:scale .9s var(--ease-out), rotate 1.3s var(--ease-out), opacity .6s}.motion .course-card .medallion>[data-ornament]{transition-delay:calc(var(--n,0) * .11s + .15s)}.motion .steps .num>[data-ornament]{transition-delay:calc(var(--i,0) * .13s)}.motion .course-card:not(.is-in) .medallion>[data-ornament]{opacity:0;rotate:-60deg;scale:.5}.motion :is(.steps,.step-title):not(.is-in) .num>[data-ornament]{rotate:-90deg;scale:.5}.course-card:hover .medallion>[data-ornament]{transition-delay:0s;rotate:30deg}.motion .frame{transition:border-color 1.2s .1s,outline-color 1.2s .45s}.motion .frame:before,.motion .frame:after{transition:opacity 1.2s .3s}.motion .frame>.frame__corner{transition:scale .9s var(--ease-out), rotate 1.4s var(--ease-out)}.motion .frame>.frame__corner--se{transition-delay:.1s}.motion .frame>.frame__corner--ee{transition-delay:.2s}.motion .frame>.frame__corner--es{transition-delay:.3s}.motion .frame:not(.is-in){border-color:#0000;outline-color:#0000}.motion .frame:not(.is-in):before,.motion .frame:not(.is-in):after{opacity:0}.motion .frame:not(.is-in)>.frame__corner{rotate:-135deg;scale:0}.motion .shamsa>svg{transition:opacity 1.1s var(--ease-out), scale 1.5s var(--ease-out), rotate 2s var(--ease-out)}.motion .shamsa .shamsa-rays{transition:opacity 1s ease .5s, scale 1.8s var(--ease-out) .5s}.motion .shamsa .play{transition:opacity .8s .5s,background-color .3s}.motion .shamsa:not(.is-in)>svg{opacity:0;rotate:-14deg;scale:.9}.motion .shamsa:not(.is-in) .play{opacity:0}.motion .shamsa:not(.is-in) .shamsa-rays{opacity:0;scale:.8}.motion .chain>li{transition:opacity .7s var(--ease-out), translate .7s var(--ease-out);transition-delay:calc(var(--i,0) * .24s)}.motion .chain>li:before{transform-origin:50% 0;transition:scale .5s ease-in-out;transition-delay:calc(var(--i,0) * .24s + .2s)}.motion .chain .node>svg{transition-delay:calc(var(--i,0) * .24s)}.motion .chain:not(.is-in)>li{opacity:0;translate:0 8px}.motion .chain:not(.is-in)>li:before{scale:1 0}.motion .chain:not(.is-in) .node>svg{rotate:-90deg;scale:.4}.motion .beads>span{transition:scale .5s var(--ease-out);transition-delay:calc(var(--i,0) * 28ms + .2s)}.motion .beads:not(.is-in)>span{scale:0}.motion .ayah.is-current{background-color:#0000;background-image:linear-gradient(var(--coral-wash), var(--coral-wash));transition:background-size 1.6s var(--ease-out) .2s;background-position:100%;background-repeat:no-repeat;background-size:100% 100%}.motion .ayah.is-current:before{transition:scale .6s var(--ease-out) 1.2s}.motion .ayah.is-current:not(.is-in){background-size:0% 100%}.motion .ayah.is-current:not(.is-in):before{scale:0}.ayah--follow .ayah__one{transition:background-color .5s}.btn--primary{transition:background-color .3s,outline-offset .3s}.btn--primary:hover{outline-offset:-4px}.more svg{transition:translate .3s var(--ease-out)}.more:hover svg{translate:4px}[dir=rtl] .more:hover svg{translate:-4px}.btn[aria-pressed=true] svg{stroke-dasharray:30;animation:draw .6s var(--ease-out) both}.check__feedback:not([hidden]),.details details[open] .details__body{animation:rise-in .5s var(--ease-out) both}@keyframes draw{0%{stroke-dashoffset:30px}}@keyframes rise-in{0%{opacity:0;translate:0 6px}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.skip{inset-inline-start:var(--space-3);z-index:10;background:var(--paper);border:1px solid var(--gold);border-radius:var(--radius-sm);padding:10px 16px;position:absolute;top:-100px}.skip:focus{top:var(--space-3)}.icons{width:0;height:0;position:absolute;overflow:hidden}main{padding-block-end:var(--space-6)}.section{padding-block:var(--space-8) 0}.row{gap:var(--space-3) var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.row.center{justify-content:center}.stack{gap:var(--space-5);min-width:0;display:grid}.grid-2{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid-4{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.lede{font-size:var(--t-lede);line-height:var(--lh-lede);color:var(--muted);font-style:italic}:root:lang(ar) .lede{font-style:normal;font-size:calc(var(--t-ar-body) * 1.05);line-height:1.75}.crumbs{font-size:var(--t-small);color:var(--muted);margin-block:var(--space-4) 0;font-style:italic}:root:lang(ar) .crumbs{font-style:normal}.salawat{font-family:var(--f-arabic);color:var(--gold-ink);font-size:1.1em}.page-head{text-align:center;justify-items:center;gap:var(--space-4);padding-block:var(--space-7) var(--space-6);display:grid}.page-head h1{max-width:20ch}.page-head .lede{max-width:34em}.after-band{padding-block-start:var(--space-2)}.site-nav__lang a{color:var(--muted)}.site-nav__lang:before{content:"·";color:var(--gold);margin-inline:4px 2px}.site-nav ul{align-items:center}:root:lang(en) .site-nav__lang a{font-family:var(--f-arabic);font-size:20px}.frontis{padding-block:var(--space-3) 0}.frontis .frame{background:var(--paper)}.basmala{font-family:var(--f-quran);text-align:center;color:var(--ink);direction:rtl;font-size:clamp(26px,2.2vw + 18px,38px);line-height:1.9}.frontis__grid{gap:var(--space-7);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;margin-block-start:var(--space-5);display:grid}.frontis__words{gap:var(--space-4);justify-items:start;display:grid}.frontis__name{font-family:var(--f-display);font-size:var(--t-display);line-height:var(--lh-display);color:var(--ink);font-weight:600}:root:lang(ar) .frontis__name{font-family:var(--f-arabic);font-size:var(--t-ar-h1);line-height:1.4}.frontis__ar{font-family:var(--f-arabic);color:var(--gold-ink);margin-block-start:-6px;font-size:1.9rem;line-height:1.2}:root:lang(ar) .frontis__ar{font-family:var(--f-display);margin-block-start:-4px;font-size:1.7rem}.frontis__role{font-family:var(--f-display);color:var(--lapis);font-size:1.85rem;font-style:italic;font-weight:500;line-height:1.25}:root:lang(ar) .frontis__role{font-family:var(--f-arabic);font-size:1.6rem;font-style:normal}.frontis__creds{color:var(--muted);max-width:30em}.frontis__voice{justify-items:center;gap:var(--space-3);text-align:center;display:grid;position:relative}.frontis__voice:before{content:"";aspect-ratio:1;background:radial-gradient(circle closest-side, var(--sky), transparent);z-index:0;pointer-events:none;width:min(110%,440px);position:absolute;top:-4%;left:50%;transform:translate(-50%)}.frontis__voice>*{z-index:1;position:relative}.frontis__ayah{font-family:var(--f-quran);text-align:center;color:var(--ink);direction:rtl;max-width:22em;font-size:clamp(24px,1.4vw + 18px,32px);line-height:2}.listen{gap:var(--space-2);max-width:44rem;margin-block:0;margin-inline:auto;padding:0;list-style:none;display:grid}.listen li{gap:var(--space-4);padding:10px var(--space-3);border-bottom:1px solid var(--hairline);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;display:grid}.listen__title{font-family:var(--f-display);font-size:1.45rem;font-weight:600;line-height:1.2}.listen__title a{color:var(--ink);text-decoration:none}.listen__title a:hover{color:var(--lapis);text-decoration:underline;text-decoration-color:var(--gold)}:root:lang(ar) .listen__title{font-family:var(--f-arabic);font-size:1.35rem}.listen .recitation__note{width:fit-content;margin-block-start:6px}.section-more{justify-content:center;margin-block-start:var(--space-4);display:flex}.spaced{margin-block-start:var(--space-5)}.recitation-page{justify-items:center;gap:var(--space-4);text-align:center;padding-block:var(--space-7) 0;display:grid}.recitation-page h1{max-width:18ch}.recitation-page .shamsa{width:min(300px,74vw)}.recitation-text{max-width:46rem;margin:var(--space-6) auto 0}.recitation-text .ayah__text{line-height:2.2}.course-body{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 24rem;align-items:start;padding-block-start:var(--space-7);display:grid}.course-aside{top:var(--space-5);position:sticky}.course-main>section+section{margin-block-start:var(--space-8)}.course-main h2{margin-block-end:var(--space-4)}.list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.list li{padding-inline-start:26px;position:relative}.list li:before{content:"";inset-inline-start:2px;background:var(--gold);width:8px;height:8px;position:absolute;top:.6em;transform:rotate(45deg)}.book-card{gap:var(--space-4);text-align:center;background:var(--surface);justify-items:center;display:grid}.book-card .fine{font-size:var(--t-small);color:var(--muted);font-style:italic}:root:lang(ar) .book-card .fine{font-style:normal;font-size:var(--t-ar-ui)}.grid-steps{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.video-slot{gap:var(--space-2);margin:0;display:grid}.video-slot figcaption{text-align:center;font-family:var(--f-display);font-size:1.3rem;font-weight:600}:root:lang(ar) .video-slot figcaption{font-family:var(--f-arabic);font-size:1.2rem}.video .play.is-still{pointer-events:none;display:grid}.articles{max-width:46rem;margin:0 auto;padding:0;list-style:none;display:grid}.articles li{padding-block:var(--space-5);border-bottom:1px solid var(--hairline);gap:6px;display:grid}.articles h2,.articles h3{font-family:var(--f-display);font-size:1.7rem;font-weight:600;line-height:1.2}:root:lang(ar) .articles h2,:root:lang(ar) .articles h3{font-family:var(--f-arabic);font-size:1.5rem}.articles a{color:var(--ink);text-decoration:none}.articles a:hover{color:var(--lapis)}.articles p{color:var(--muted)}.article-head{gap:var(--space-3);text-align:center;padding-block:var(--space-6);justify-items:center;max-width:44rem;margin-inline:auto;display:grid}.article-body{width:100%;max-width:var(--measure);gap:var(--space-4);margin-inline:auto;display:grid}.article .ayah-pair{max-width:56rem;margin:var(--space-6) auto 0}.article .callout{margin:var(--space-7) auto 0}mark.diff{background:var(--gold-wash);color:inherit;border-bottom:2px solid var(--gold);border-radius:3px;padding-inline:2px}.ayah-pair figcaption{text-align:center}.prose{width:100%;max-width:var(--measure);gap:var(--space-4);margin-inline:auto;display:grid}.prose h2{font-size:var(--t-h3);line-height:var(--lh-h3);font-family:var(--f-display);margin-block-start:var(--space-5);font-weight:600}:root:lang(ar) .prose h2{font-family:var(--f-arabic);font-size:1.5rem}.prose ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.prose ul li{padding-inline-start:26px;position:relative}.prose ul li:before{content:"";inset-inline-start:2px;background:var(--gold);width:8px;height:8px;position:absolute;top:.6em;transform:rotate(45deg)}.about-grid{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.chain-page{max-width:40rem;margin-inline:auto}.site-footer__links{justify-content:center;gap:0 var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-footer__links a{min-height:var(--tap);min-width:var(--tap);justify-content:center;align-items:center;padding-inline:8px;display:inline-flex}.langs{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 14px;display:flex}.footer-mark{width:44px;height:44px}.theme-switch{align-items:center;display:inline-flex}.theme-switch button{min-height:var(--tap);font-family:var(--f-text);font-size:var(--t-ui);color:var(--ink);cursor:pointer;background:0 0;border:0;padding-inline:12px}:root:lang(ar) .theme-switch button{font-family:var(--f-arabic);font-size:var(--t-ar-ui)}.theme-switch button+button:before{content:"·";color:var(--gold);margin-inline-end:12px}.theme-switch button[aria-pressed=true]{color:var(--lapis);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:.3em}.credit{color:var(--muted);text-align:center;max-width:36em;font-size:15px;font-style:italic}:root:lang(ar) .credit{font-size:16px;font-style:normal}@media screen and (prefers-reduced-motion:no-preference){.motion .frontis .frame :is(.frontis__words>*,.recitation__title,.frontis__voice>.chip){animation:rise-in .9s var(--ease-out) both}.motion .frontis .frame .frontis__words>:first-child{animation-delay:.1s}.motion .frontis .frame .frontis__words>:nth-child(2){animation-delay:.2s}.motion .frontis .frame .frontis__words>:nth-child(3){animation-delay:.3s}.motion .frontis .frame .frontis__words>:nth-child(4){animation-delay:.4s}.motion .frontis .frame .frontis__words>:nth-child(5){animation-delay:.5s}.motion .frontis .frame :is(.recitation__title,.frontis__voice>.chip){animation-delay:.9s}.motion .frontis .frontis__voice:before{transition:opacity 2s 1s}.motion .frontis .frame:not(.is-in) .frontis__voice:before{opacity:0}.motion .frontis .divider>svg{transition-delay:.25s}.motion .frontis .shamsa>svg{transition-delay:.6s}.motion .frontis .shamsa .play{transition-delay:1s,0s}.motion .frontis .shamsa .shamsa-rays{transition-delay:1.1s}::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}}@media (width<=1020px){.grid-4,.grid-3,.grid-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.course-body{grid-template-columns:minmax(0,1fr)}.course-aside{position:static}}@media (width<=860px){.frontis__grid,.grid-2,.about-grid{grid-template-columns:minmax(0,1fr)}.frontis__words{text-align:center;justify-items:center}.frontis__words .row{justify-content:center}}@media (width<=600px){.grid-4,.grid-3,.grid-steps{grid-template-columns:minmax(0,1fr)}.section{padding-block:var(--space-7) 0}.listen li{gap:2px var(--space-3);grid-template-columns:48px minmax(0,1fr);padding-inline:0}.listen li>.chip{grid-column:2}.site-nav a{padding-inline:8px}.page-head{padding-block:var(--space-6) var(--space-5)}}.planner{gap:var(--space-5);max-width:50rem;margin-inline:auto;display:grid}.planner .frame{gap:var(--space-4);display:grid}.revision-wrap{overflow-x:auto}.revision td .chip,.revision td .plan-next{margin-inline-start:var(--space-2)}.plan-weak-line{color:var(--muted);font-style:italic;font-size:var(--t-small);margin-block-start:4px;display:block}:root:lang(ar) .plan-weak-line{font-style:normal}.plan-someone{text-align:center;color:var(--muted);font-size:var(--t-ui)}.planner-sum{text-align:center;font-family:var(--f-display);margin:0;font-size:1.35rem}:root:lang(ar) .planner-sum{font-family:var(--f-arabic)}.plan-weak{gap:var(--space-3);justify-items:center;display:grid}.plan-weak .field{text-align:center;justify-items:center}.plan-weak__row{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.plan-weak__row input{width:8rem}.plan-weak__list{gap:var(--space-2) var(--space-4);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.plan-weak__list li{align-items:center;gap:var(--space-2);font-size:var(--t-ui);display:inline-flex}.plan-setup{gap:var(--space-5);justify-items:stretch;display:grid}.plan-setup .check{max-width:none}.plan-parts{gap:0 var(--space-3);grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));display:grid}.plan-parts .tick{font-size:var(--t-ui)}.plan-start{gap:var(--space-4);flex-wrap:wrap;display:flex}.plan-start .field:first-child{flex:16rem}.plan-start .field:last-child{flex:0 8rem}.plan-done-note{text-align:center;font-size:var(--t-ui);color:var(--leaf);margin:0}@media (width<=600px){.revision th,.revision td{padding-inline:var(--space-2)}}#plan-today{gap:var(--space-5);display:grid}.stack-sm{gap:var(--space-3);min-width:0;display:grid}.lesson-layout{gap:var(--space-8);grid-template-columns:19rem minmax(0,1fr);align-items:start;padding-block-start:var(--space-5);display:grid}.outline{top:var(--space-5);gap:var(--space-4);display:grid;position:sticky}.outline h2{font-size:1.6rem}.week-head{font-size:var(--t-small);color:var(--gold-ink);letter-spacing:.06em;margin-block:var(--space-3) var(--space-2);font-variant-caps:all-small-caps}:root:lang(ar) .week-head{font-family:var(--f-arabic);letter-spacing:0;font-variant-caps:normal;font-size:var(--t-ar-ui)}.lesson__tick{width:14px;height:14px;display:none;position:relative}.lesson.is-done .lesson__n>span:not([data-ornament]){display:none}.lesson.is-done .lesson__tick{display:block}.lesson-main{gap:var(--space-8);min-width:0;display:grid}.lesson-main>section{gap:var(--space-4);min-width:0;display:grid}.parts{gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.parts a{min-height:var(--tap);color:var(--ink);font-size:var(--t-ui);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.parts a:hover{color:var(--lapis)}.parts .num{width:36px;height:36px;color:var(--lapis);font-variant-numeric:lining-nums;place-items:center;font-size:15px;display:grid;position:relative}.parts .num>[data-ornament],.step-title .num>[data-ornament]{position:absolute;inset:0}.parts .num>span,.step-title .num>span{position:relative}.step-title{align-items:center;gap:var(--space-3);display:flex}.step-title .num{width:48px;height:48px;font-family:var(--f-display);color:var(--lapis);font-variant-numeric:lining-nums;flex:none;place-items:center;font-size:1.35rem;font-weight:600;display:grid;position:relative}.drill{gap:var(--space-3);background:var(--surface);border:1px solid var(--gold);outline:1px solid var(--gold);outline-offset:-5px;border-radius:var(--radius);padding:var(--space-5);display:grid}.reveal-answer{font-size:var(--t-ui);color:var(--lapis);margin:0}.reveal-answer--ar{font-family:var(--f-arabic);font-size:1.8rem}.lesson-video{aspect-ratio:16/9;background:var(--surface);border:1px solid var(--gold);border-radius:var(--radius);width:100%}.echo-play{align-items:center;gap:var(--space-3);font-size:var(--t-ui);flex-wrap:wrap;display:flex}.lesson-close{gap:var(--space-3);display:grid}@media (width<=1020px){.lesson-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.outline{order:2;position:static}}.lesson-series{max-width:40rem;gap:var(--space-3);margin-block-start:var(--space-5);margin-inline:auto;display:grid}.lesson-series h3{text-align:center}.yt{justify-self:center;width:100%;max-width:40rem;margin:0}.yt .video .shamsa{z-index:1;width:auto;height:90%;position:relative}.frontis__voice .yt{max-width:30rem}.yt--pinned{max-width:none;padding-block:var(--space-4) var(--space-3);background:var(--paper)}.yt--pinned.is-playing{z-index:4;position:sticky;top:0}.yt--pinned .video{max-width:36rem;margin-inline:auto}.yt--pinned+.recitation-page{padding-block-start:var(--space-4)}.play.is-still{cursor:default}.play.is-still .i-play{opacity:.45}.times{justify-items:center;gap:var(--space-3);width:100%;max-width:30rem;padding:var(--space-4);border:1px solid var(--gold);border-radius:var(--radius);background:var(--surface);display:grid}.times .fine{text-align:center;color:var(--muted);font-size:var(--t-ui);margin:0}.times__out{white-space:pre-wrap;word-break:break-word;text-align:start;width:100%;font-family:var(--f-text);font-size:var(--t-ui);user-select:all;background:var(--paper);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-3);direction:ltr;margin:0}