@font-face{font-family:Amiri Quran;src:url(/fonts/amiri-quran-400-arabic.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Amiri;src:url(/fonts/amiri-400-arabic.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}:root{--paper: #fcfcfa;--surface: #ffffff;--sunk: #f6f7f2;--ink: #2e2e2b;--ink-2: #5c5c56;--ink-3: #8a8a82;--rule: #e4e6dd;--rule-soft: #eff1ea;--brand: #669e05;--brand-ink: #557f04;--brand-lift: #7ab80a;--brand-wash: #f2f7e8;--qur: "Amiri Quran", "Amiri", "SF Arabic", "Geeza Pro", "Noto Naskh Arabic", serif;--ar: "Amiri", "SF Arabic", "Geeza Pro", "Noto Naskh Arabic", serif;--rd: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--scale: 1;--measure: 38rem;--tap: 44px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #12150f;--surface: #191d14;--sunk: #161a11;--ink: #e8e8e2;--ink-2: #b2b3aa;--ink-3: #85867d;--rule: #2a2f22;--rule-soft: #20251a;--brand: #9ecb3f;--brand-ink: #9ecb3f;--brand-lift: #b4dc5e;--brand-wash: #1b2113}}:root[data-theme=dark]{--paper: #12150f;--surface: #191d14;--sunk: #161a11;--ink: #e8e8e2;--ink-2: #b2b3aa;--ink-3: #85867d;--rule: #2a2f22;--rule-soft: #20251a;--brand: #9ecb3f;--brand-ink: #9ecb3f;--brand-lift: #b4dc5e;--brand-wash: #1b2113}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ui);font-size:calc(17px * var(--scale));line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding-bottom:env(safe-area-inset-bottom)}a{color:var(--brand-ink);text-underline-offset:2px}:focus-visible{outline:2px solid var(--brand-lift);outline-offset:3px;border-radius:3px}.wrap{max-width:var(--measure);margin:0 auto;padding:0 1.15rem}.wrap.wide{max-width:60rem}header.site{border-bottom:1px solid var(--rule);background:var(--surface)}header.site .inner{display:flex;align-items:center;gap:1rem;min-height:54px;max-width:60rem;margin:0 auto;padding:0 1.15rem}.brand{display:inline-flex;align-items:center;text-decoration:none}.brand img{display:block;width:150px;height:auto}@media(max-width:400px){.brand img{width:124px}}.top-nav{margin-inline-start:auto;display:flex;align-items:center;gap:1.15rem}.top-nav a{font-size:.87rem;color:var(--ink-2);text-decoration:none;padding:.35rem 0;border-bottom:2px solid transparent}.top-nav a:hover{color:var(--brand-ink)}.top-nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--brand)}@media(max-width:640px){.top-nav{display:none}}.icon-btn{background:none;border:1px solid var(--rule);color:var(--ink-2);border-radius:7px;cursor:pointer;min-width:34px;height:32px;font-size:.82rem;line-height:1;font-family:var(--ui);display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{border-color:var(--brand-ink);color:var(--brand-ink)}.tools{margin-inline-start:auto;display:flex;gap:.4rem}@media(min-width:641px){.tools{margin-inline-start:0}}main{padding:1.5rem 0 1rem}h1{font-family:var(--rd);font-size:calc(1.55rem * var(--scale));line-height:1.18;letter-spacing:-.018em;margin:0 0 .3rem;font-weight:600;text-wrap:balance}h2{font-family:var(--ui);font-size:.76rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);margin:2.4rem 0 .7rem;display:flex;align-items:center;gap:.7rem}h2:after{content:"";flex:1;height:1px;background:var(--rule)}.muted{color:var(--ink-3);font-size:.86rem}.crumb{font-size:.86rem;color:var(--ink-3);margin:0 0 .15rem}.crumb a{color:var(--brand-ink);text-decoration:none}.crumb a:hover{text-decoration:underline}.arabic{font-family:var(--qur);direction:rtl;text-align:right;font-size:calc(clamp(1.75rem,6.2vw,2.3rem) * var(--scale));line-height:2;letter-spacing:0;color:var(--ink);margin:0;overflow-wrap:break-word}.verse-block{background:var(--surface);border:1px solid var(--rule);border-radius:3px;padding:1.5rem 1.25rem 1.35rem;position:relative}.verse-block:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--brand),transparent 65%);opacity:.55;border-radius:3px 3px 0 0}.ayah-mark{display:inline-flex;align-items:center;justify-content:center;min-width:1.9em;height:1.9em;padding:0 .5em;margin-inline-start:.35em;font-family:var(--ui);font-size:.36em;font-weight:650;color:var(--brand-ink);border:1.5px solid var(--brand-ink);border-radius:999px;vertical-align:middle;font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:none;line-height:1}.translit{font-family:var(--rd);font-style:italic;color:var(--ink-3);font-size:calc(.94rem * var(--scale));line-height:1.7;margin:1rem 0 0;padding-top:.9rem;border-top:1px solid var(--rule-soft)}.translit u{text-decoration:none;border-bottom:1px dotted currentColor}.translation{font-family:var(--rd);font-size:calc(1.1rem * var(--scale));line-height:1.72;color:var(--ink);margin:1.1rem 0 0}.translation p{margin:0 0 .8rem}.translation p:last-child{margin-bottom:0}.tr-label{font-family:var(--ui);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-ink);margin-bottom:.4rem}.apparatus{margin-top:.6rem;border-top:1px solid var(--rule)}details.pane{border-bottom:1px solid var(--rule)}details.pane>summary{cursor:pointer;list-style:none;padding:.95rem .2rem;min-height:var(--tap);display:flex;align-items:center;gap:.8rem;font-size:.94rem;color:var(--ink);font-family:var(--ui)}details.pane>summary::-webkit-details-marker{display:none}details.pane>summary:after{content:"";margin-inline-start:auto;width:8px;height:8px;border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);transform:rotate(45deg);transition:transform .15s ease;flex:none}details.pane[open]>summary:after{transform:rotate(-135deg)}details.pane>summary:hover{color:var(--brand-ink)}details.pane>summary:hover:after{border-color:var(--brand-ink)}.pane-tag{font-family:var(--ui);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--rule);border-radius:3px;padding:.12rem .4rem;flex:none}.pane-body{padding:.2rem .2rem 1.3rem;font-family:var(--rd);font-size:calc(1.02rem * var(--scale));line-height:1.75;color:var(--ink-2)}.pane-body p{margin:0 0 .85rem}.pane-body p:last-child{margin-bottom:0}.pane-body.ar{font-family:var(--ar);direction:rtl;text-align:right;font-size:calc(1.3rem * var(--scale));line-height:1.85;letter-spacing:0}.pane-body img{max-width:100%;height:auto;border-radius:3px}.player{display:flex;align-items:center;gap:.85rem;margin-top:1rem;background:var(--sunk);border:1px solid var(--rule);border-radius:3px;padding:.7rem .85rem}.player audio{width:100%;height:34px}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{font-size:.78rem;padding:.32rem .7rem;border-radius:999px;background:var(--brand-wash);color:var(--brand-ink);text-decoration:none;border:1px solid transparent;line-height:1.3}.chip:hover{border-color:var(--brand-ink)}ul.related{list-style:none;margin:0;padding:0}ul.related li{border-bottom:1px solid var(--rule-soft)}ul.related li:last-child{border-bottom:0}ul.related a{display:flex;gap:.8rem;padding:.75rem .2rem;min-height:var(--tap);text-decoration:none;color:var(--ink-2);font-size:.92rem;align-items:baseline}ul.related a:hover{color:var(--brand-ink)}ul.related .ref{flex:none;min-width:3.6rem;color:var(--brand-ink);font-weight:650;font-variant-numeric:tabular-nums;font-family:var(--ui);font-size:.82rem}.ayah-row{display:flex;align-items:flex-start;gap:.9rem;padding:1rem .2rem;border-bottom:1px solid var(--rule-soft);text-decoration:none;color:inherit;min-height:var(--tap)}.ayah-row:last-child{border-bottom:0}.ayah-row:hover{background:var(--brand-wash)}.ayah-row .n{flex:none;min-width:2rem;margin-top:.7rem;font-size:.76rem;color:var(--brand-ink);font-variant-numeric:tabular-nums;font-weight:650}.ayah-row .arabic{flex:1;font-size:calc(clamp(1.4rem,5vw,1.8rem) * var(--scale));line-height:1.95}.grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.tile{display:flex;align-items:baseline;gap:.6rem;text-decoration:none;color:var(--ink);border:1px solid var(--rule);border-radius:3px;padding:.75rem .9rem;background:var(--surface);min-height:var(--tap)}.tile:hover{border-color:var(--brand-ink)}.tile .idx{color:var(--brand-ink);font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:650;flex:none;min-width:1.6rem}.tile .nm{font-family:var(--rd);font-size:1rem}.tile .sub{margin-inline-start:auto;color:var(--ink-3);font-size:.74rem;flex:none}.pager{display:flex;gap:.6rem;margin:1.8rem 0 0}.pager a,.pager span{flex:1;text-decoration:none;border:1px solid var(--rule);border-radius:3px;padding:.8rem .9rem;background:var(--surface);color:var(--ink-2);font-size:.88rem;min-height:var(--tap);display:flex;align-items:center}.pager a:hover{border-color:var(--brand-ink);color:var(--brand-ink)}.pager .next{justify-content:flex-end;text-align:right}.pager span{border-color:transparent;background:none}nav.tabs{position:fixed;inset:auto 0 0;z-index:30;display:none;background:var(--surface);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom)}nav.tabs ul{display:flex;margin:0;padding:0;list-style:none}nav.tabs li{flex:1}nav.tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;padding:.5rem 0 .45rem;min-height:52px;text-decoration:none;color:var(--ink-3);font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;font-weight:650}nav.tabs a[aria-current=page]{color:var(--brand-ink)}nav.tabs a[aria-current=page] svg{stroke:var(--brand)}nav.tabs svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6}@media(max-width:640px){nav.tabs{display:block}main{padding-bottom:4.6rem}footer.site{margin-bottom:3.6rem}}footer.site{border-top:1px solid var(--rule);padding:1.5rem 0 2rem;margin-top:2.5rem;color:var(--ink-3);font-size:.82rem}.foot-nav{display:flex;flex-wrap:wrap;gap:.55rem 1.3rem;margin-bottom:.9rem}.foot-nav a{color:var(--ink-2);text-decoration:none}.foot-nav a:hover{color:var(--brand-ink);text-decoration:underline}