@layer tokens,base,layout;@layer components{.surah-head{justify-items:center;gap:var(--sp-4);padding-block:var(--sp-8) var(--sp-6);text-align:center;display:grid}.surah-head .name-ar{font-family:var(--font-quran);font-size:calc(var(--step-5) * var(--fs));color:var(--ink);direction:rtl;line-height:1.9}.surah-head .name-tr{font-size:calc(var(--step-1) * var(--fs));color:var(--ink)}.surah-head .name-en{font-size:calc(var(--step-0) * var(--fs));color:var(--muted);font-style:italic}.surah-head .meta{font-family:var(--font-ui);font-size:calc(var(--step--2) * var(--fs));letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-block-start:var(--sp-3)}.summary-panel{text-align:center;margin-block-start:var(--sp-6)}.summary-panel>summary{margin-inline:auto}.summary-panel .body{max-inline-size:34rem;margin-inline:auto}.summary-panel .ar,.summary-panel .en,.opening .op .ar,.opening .op .en,.reveal-sum .ar,.reveal-sum .en{text-align:center;max-inline-size:100%;margin-inline:auto}.summary-panel .ar{font-family:var(--font-arabic);font-size:max(calc(var(--step-0) * var(--ar-scale) * var(--fs)), var(--ar-floor));color:var(--muted);direction:rtl;unicode-bidi:isolate;line-height:2}.summary-panel .en{font-size:calc(var(--step-0) * var(--fs));color:var(--muted);text-wrap:pretty;margin-block-start:var(--sp-3);font-style:italic}.opening{padding-block:var(--sp-6);border-block-end:var(--rule-w) solid var(--rule-strong)}.opening .op+.op{margin-block-start:var(--sp-5)}.op-istiadha{--ar-size:var(--step-1)}.op-basmala{--ar-size:var(--step-2)}.opening .op .ar{font-family:var(--font-quran);font-size:max(calc(var(--ar-size) * var(--fs)), var(--ar-floor));color:var(--ink);direction:rtl;unicode-bidi:isolate;line-height:1.9}.opening .op .en{font-size:calc(var(--ar-size) / var(--ar-scale) * var(--fs));color:var(--ink);margin-block-start:var(--sp-4)}.verse{padding-block:var(--sp-6);border-block-end:var(--rule-w) solid var(--rule-strong);scroll-margin-block-start:calc(var(--bar-min) + var(--sp-4))}.verse:target .v-num{color:var(--ink);border-color:var(--ink)}.v-rail{justify-content:space-between;align-items:center;gap:var(--sp-3);row-gap:var(--sp-2);direction:rtl;flex-wrap:wrap;margin-block-end:var(--sp-5);display:flex}.v-rail .group{align-items:center;gap:var(--sp-1);display:flex}.v-rail .group:last-child{margin-inline-start:auto}.v-num{align-items:baseline;gap:var(--sp-2);font-family:var(--font-ui);font-size:calc(var(--step--2) * var(--fs));letter-spacing:.1em;color:var(--muted);border-inline-end:2px solid var(--rule);direction:rtl;padding-inline-end:var(--sp-3);text-decoration:none;display:inline-flex}.v-num .n-ar{font-family:var(--font-arabic);font-size:max(calc(var(--step-0) * var(--fs)), var(--ar-floor));color:var(--ink)}.v-num .n-en{white-space:nowrap;direction:ltr;unicode-bidi:isolate}.v-ar{text-align:right;font-family:var(--font-quran);font-size:calc(var(--step-3) * var(--fs));color:var(--ink);direction:rtl;margin-block-end:var(--sp-4);line-height:2.1}.v-tr{font-size:calc(var(--step-0) * var(--fs));color:var(--ink);max-inline-size:var(--measure)}.v-tr .lit{color:var(--muted);font-style:italic}.v-actions{align-items:center;gap:var(--sp-1) var(--sp-4);direction:rtl;flex-wrap:wrap;margin-block-start:var(--sp-5);display:flex}.ar-lbl{font-family:var(--font-arabic);font-size:max(calc(var(--step--1) * var(--fs)), var(--ar-floor));letter-spacing:0;text-transform:none}.v-actions>.panel{display:contents}.v-actions>.panel>summary{flex:none;order:1}.v-actions>.panel::details-content{flex:1 0 100%;order:2;margin-block-start:var(--sp-2)}.panel{margin-block-start:0}.panel[open]>summary.ctl{color:var(--ink);border-block-end-color:var(--ink)}.panel>summary{list-style:none}.panel>summary::-webkit-details-marker{display:none}.panel .body{border-block-start:var(--hairline) solid var(--rule-faint);padding-block-start:var(--sp-4)}.panel .body>*+*,.expl-row+.expl-row{margin-block-start:var(--sp-4)}.expl-row p+p{margin-block-start:var(--sp-3)}.word-row{padding-block:var(--sp-4);border-block-end:var(--rule-w) solid var(--rule-strong)}.word-row:last-child{border-block-end:0;padding-block-end:0}.word-row .pair{gap:var(--sp-3);grid-template-columns:1fr}.word-row .pair>.ar,.word-row .pair>.en{grid-area:auto/1;margin-inline:0}.word-head{align-items:baseline;gap:var(--sp-3);--ar-size:var(--step-1);direction:rtl;flex-wrap:wrap;display:flex}.word-head .w-ar{font-family:var(--font-quran);font-size:max(calc(var(--ar-size) * var(--fs)), var(--ar-floor));color:var(--ink)}.word-head .w-root{font-family:var(--font-arabic);font-size:max(calc(var(--step--1) * var(--fs)), var(--ar-floor));color:var(--green);border-inline-start:var(--hairline) solid var(--rule);padding-inline-start:var(--sp-3)}.word-head .w-tr{color:var(--muted);font-style:italic;font-size:calc(var(--ar-size) / var(--ar-scale) * var(--fs));direction:ltr}.ar-in{font-family:var(--font-arabic);font-size:calc(var(--ar-inline-scale) * 1em)}.gloss{margin-block-start:var(--sp-3)}.gloss .tag{font-family:var(--font-ui);font-size:calc(var(--step--2) * var(--fs));letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-block-end:var(--sp-1);display:block}.gloss.ar .tag{font-family:var(--font-arabic);font-size:max(calc(var(--step--1) * var(--fs)), var(--ar-floor));letter-spacing:0;text-transform:none}.gloss .txt{color:var(--muted)}.gloss.from-lex .txt{color:var(--earth)}.sources{margin-block-start:var(--sp-4)}.src+.src,.src+.src-none,.src-none+.src{margin-block-start:var(--sp-2)}.src>summary{cursor:pointer;list-style:none}.src>summary::-webkit-details-marker{display:none}.src-row{align-items:baseline;gap:var(--sp-2);padding-block:var(--sp-2);border-block-end:var(--hairline) solid var(--rule-faint);direction:rtl;flex-wrap:wrap;display:flex}.src>summary:hover .src-row,.src>summary:focus-visible .src-row{border-block-end-color:var(--rule)}.src[open]>summary .src-row{border-block-end-color:var(--earth-line)}.src-badge{font-family:var(--font-arabic);font-size:max(calc(var(--step--1) * var(--ar-scale) * var(--fs)), var(--ar-floor));color:var(--earth)}.src-name{font-size:calc(var(--step--1) * var(--fs));color:var(--earth);direction:ltr}.xcheck{align-items:baseline;gap:var(--sp-1);padding-inline:var(--sp-2);border-inline-start:var(--hairline) solid var(--rule);color:var(--muted);display:inline-flex}.xcheck [lang=ar]{font-family:var(--font-arabic);font-size:max(calc(var(--step--2) * var(--ar-scale) * var(--fs)), var(--ar-floor))}.xcheck .xc-en{font-family:var(--font-ui);font-size:calc(var(--step--2) * var(--fs));letter-spacing:.08em;text-transform:uppercase;direction:ltr}.src-body{padding-block:var(--sp-3)}.matn{padding:var(--sp-4);border:var(--hairline) solid var(--earth-line);border-radius:var(--radius-2);background:var(--earth-soft);color:var(--earth);max-block-size:calc(21rem * var(--fs));overscroll-behavior:contain;overflow-y:auto}.matn-ar{font-family:var(--font-arabic);font-size:max(calc(var(--step-0) * var(--ar-scale) * var(--fs)), var(--ar-floor));text-align:right;line-height:2}.matn-en{text-align:left;font-size:calc(var(--step--1) * var(--fs));max-inline-size:var(--measure);direction:ltr;margin-inline:0 auto;line-height:1.7}.render{margin-block-start:var(--sp-3)}.render .tag{font-family:var(--font-ui);font-size:calc(var(--step--2) * var(--fs));letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:left;max-inline-size:var(--measure);direction:ltr;margin-block-end:var(--sp-1);margin-inline:0 auto;display:block}.render .txt{text-align:left;font-size:calc(var(--step-0) * var(--fs));color:var(--ink);max-inline-size:var(--measure);direction:ltr;margin-inline:0 auto;line-height:1.7;display:block}.sigla{gap:var(--sp-1);color:var(--muted);margin-block-start:var(--sp-3);display:grid}.sigla .ar{font-family:var(--font-arabic);text-align:right;font-size:max(calc(var(--step--2) * var(--ar-scale) * var(--fs)), var(--ar-floor))}.sigla .en{text-align:left;font-size:calc(var(--step--2) * var(--fs));direction:ltr;margin-inline:0 auto;font-style:italic}.src-none{gap:var(--sp-1);margin-block:var(--sp-2);padding:var(--sp-3);border-inline-start:2px solid var(--rule);color:var(--muted);font-style:italic;display:grid}.src-none .ar{font-family:var(--font-arabic);text-align:right;font-size:max(calc(var(--step--1) * var(--ar-scale) * var(--fs)), var(--ar-floor))}.src-none .en{text-align:left;font-size:calc(var(--step--1) * var(--fs));direction:ltr;margin-inline:0 auto}.reveal{margin-block-start:var(--sp-5)}.reveal>summary{cursor:pointer;list-style:none}.reveal>summary::-webkit-details-marker{display:none}.reveal-sum{gap:var(--sp-1);padding-block:var(--sp-2);display:grid}.reveal-sum .ar{font-family:var(--font-arabic);font-size:max(calc(var(--step--1) * var(--ar-scale) * var(--fs)), var(--ar-floor));color:var(--ink);direction:rtl}.reveal-sum .en{font-size:calc(var(--step--1) * var(--fs));color:var(--muted);direction:ltr}.reveal>summary:hover .reveal-sum .en,.reveal>summary:focus-visible .reveal-sum .en{color:var(--ink)}.reveal-body{padding:var(--sp-4) var(--sp-5);text-align:left;background:var(--panel);border:var(--hairline) solid var(--rule);border-radius:var(--radius-2);margin-block-start:var(--sp-3)}.rev-ar p{font-family:var(--font-arabic);text-align:right;font-size:max(calc(var(--step--1) * var(--ar-scale) * var(--fs)), var(--ar-floor));color:var(--ink);margin:0 0 var(--sp-2);direction:rtl;line-height:1.95}.rev-en{margin:var(--sp-4) 0 0;gap:var(--sp-2);display:grid}.rev-row{gap:var(--sp-1);display:grid}.rev-en dt{font-family:var(--font-ui);font-size:calc(var(--step--2) * var(--fs));letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.rev-en dd{text-align:left;font-size:calc(var(--step--1) * var(--fs));color:var(--ink);max-inline-size:var(--measure);direction:ltr;margin:0}.rev-note{color:var(--muted);margin-block-start:var(--sp-3);font-style:italic}.rev-note.ar{font-family:var(--font-arabic);text-align:right;font-size:max(calc(var(--step--2) * var(--ar-scale) * var(--fs)), var(--ar-floor));direction:rtl}.rev-note.en{text-align:left;font-size:calc(var(--step--2) * var(--fs));max-inline-size:var(--measure);direction:ltr;margin-inline:0 auto}.band{margin-block-start:var(--sp-7)}.band-cap{gap:var(--sp-1);margin:0 0 var(--sp-4);display:grid}.band-cap .ar{font-family:var(--font-arabic);text-align:right;font-size:max(calc(var(--step-1) * var(--ar-scale) * var(--fs)), var(--ar-floor));color:var(--ink);direction:rtl;font-weight:400}.band-cap .en{text-align:left;font-family:var(--font-ui);font-size:calc(var(--step-1) * var(--fs));letter-spacing:.04em;color:var(--muted);direction:ltr;font-weight:400}.stat-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));display:grid}.stat{padding:var(--sp-4);border:var(--hairline) solid var(--green-line);border-radius:var(--radius-2);background:var(--green-soft)}.stat-n{align-items:baseline;gap:var(--sp-2);direction:rtl;margin:0;display:flex}.stat-n .n{font-family:var(--font-arabic);color:var(--green);font-size:max(calc(var(--step-4) * var(--fs)), var(--ar-floor));line-height:1.2}.stat-n .u{align-items:baseline;gap:var(--sp-1);display:inline-flex}.stat-n .u .ar{font-family:var(--font-arabic);font-size:max(calc(var(--step--2) * var(--ar-scale) * var(--fs)), var(--ar-floor));color:var(--green)}.stat-n .u .en{font-family:var(--font-ui);font-size:calc(var(--step--2) * var(--fs));letter-spacing:.1em;text-transform:uppercase;color:var(--muted);direction:ltr}.stat-word{margin:var(--sp-2) 0 0;font-family:var(--font-quran);text-align:right;font-size:max(calc(var(--step-0) * var(--ar-scale) * var(--fs)), var(--ar-floor));color:var(--green);direction:rtl;line-height:1.9}.stat-l,.stat-s{margin:var(--sp-3) 0 0;gap:var(--sp-1);display:grid}.stat-l .ar,.stat-s .ar{font-family:var(--font-arabic);text-align:right;font-size:max(calc(var(--step--1) * var(--ar-scale) * var(--fs)), var(--ar-floor));color:var(--ink);direction:rtl}.stat-l .en,.stat-s .en{text-align:left;font-size:calc(var(--step--1) * var(--fs));color:var(--muted);direction:ltr;margin-inline:0 auto}.stat-s .ar,.stat-s .en{color:var(--muted)}.prov-sec{border-block-start:var(--rule-w) solid var(--rule-strong);margin-block-start:var(--sp-7);padding-block-start:var(--sp-5)}.prov-list{gap:var(--sp-5);margin:0;display:grid}.prov-row{gap:var(--sp-2);display:grid}.prov-row dt{gap:var(--sp-1);display:grid}.prov-row dt .ar{font-family:var(--font-arabic);text-align:right;font-size:max(calc(var(--step--1) * var(--ar-scale) * var(--fs)), var(--ar-floor));color:var(--ink);direction:rtl}.prov-row dt .en{text-align:left;font-family:var(--font-ui);font-size:calc(var(--step--2) * var(--fs));letter-spacing:.14em;text-transform:uppercase;color:var(--muted);direction:ltr;margin-inline:0 auto}.prov-row dd{gap:var(--sp-1);margin:0;display:grid}.prov-row dd .ar{font-family:var(--font-arabic);text-align:right;font-size:max(calc(var(--step--1) * var(--ar-scale) * var(--fs)), var(--ar-floor));color:var(--muted);direction:rtl}.prov-row dd .en{text-align:left;font-size:calc(var(--step--1) * var(--fs));color:var(--muted);max-inline-size:var(--measure);direction:ltr;margin-inline:0 auto}.practice{margin-block-start:var(--sp-7)}.practice-cap{gap:var(--sp-1);margin:0 0 var(--sp-4);display:grid}.practice-cap .ar{font-family:var(--font-arabic);text-align:right;font-size:max(calc(var(--step-1) * var(--ar-scale) * var(--fs)), var(--ar-floor));color:var(--ink);direction:rtl;font-weight:400}.practice-cap .en{text-align:left;font-family:var(--font-ui);font-size:calc(var(--step-1) * var(--fs));letter-spacing:.04em;color:var(--muted);direction:ltr;font-weight:400}.practice-note{gap:var(--sp-2);margin:0 0 var(--sp-5);padding:var(--sp-4);border-inline-start:3px solid var(--rule);background:var(--panel);border-radius:var(--radius-1);color:var(--muted);font-style:italic;display:grid}.practice-note .ar{font-family:var(--font-arabic);text-align:right;font-style:normal;font-size:max(calc(var(--step--1) * var(--ar-scale) * var(--fs)), var(--ar-floor));direction:rtl}.practice-note .en{text-align:left;font-size:calc(var(--step--1) * var(--fs));max-inline-size:var(--measure);direction:ltr;margin-inline:0 auto}.practice-list{gap:var(--sp-4);margin:0;padding:0;list-style:none;display:grid}.practice-pt{align-items:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--panel);border:var(--hairline) solid var(--rule);border-radius:var(--radius-3);flex-direction:column;display:flex}.pt-ref{align-items:center;gap:var(--sp-2);min-block-size:calc(2.75rem * var(--fs));padding-inline:var(--sp-3);background:var(--panel-2);border:var(--hairline) solid var(--rule);color:var(--muted);direction:rtl;border-radius:999px;text-decoration:none;display:inline-flex}.pt-ref:hover,.pt-ref:focus-visible{color:var(--ink);border-color:var(--green);outline:none}.pt-ref .ar{font-family:var(--font-arabic);font-size:max(calc(var(--step--2) * var(--ar-scale) * var(--fs)), var(--ar-floor))}.pt-ref .en{font-family:var(--font-ui);font-size:calc(var(--step--2) * var(--fs));letter-spacing:.1em;text-transform:uppercase;direction:ltr}.pt-body{gap:var(--sp-2);inline-size:100%;display:grid}.pt-body .ar{font-family:var(--font-arabic);text-align:right;font-size:max(calc(var(--step-0) * var(--ar-scale) * var(--fs)), var(--ar-floor));color:var(--muted);direction:rtl;margin:0;line-height:1.95}.pt-body .en{text-align:left;font-size:calc(var(--step-0) * var(--fs));color:var(--muted);max-inline-size:var(--measure);direction:ltr;margin:0;margin-inline:0 auto;line-height:1.7}.practice-cap .ar,.band-cap .ar,.practice-note .ar,.pt-body .ar,.rev-ar p,.rev-note.ar,.stat-l .ar,.stat-s .ar,.stat-word,.prov-row dt .ar,.prov-row dd .ar,.sigla .ar,.src-none .ar,.matn-ar{margin-inline:0 auto}}@layer utilities;