:root{--font-ar: "SF Arabic", "Geeza Pro", "Noto Naskh Arabic", "Traditional Arabic", "Amiri", "Scheherazade New", serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-rd: Georgia, "Iowan Old Style", "Palatino Linotype", serif;--bg: #fbfaf7;--surface: #ffffff;--border: #e6e2d9;--ink: #1c1b18;--ink-2: #4a4741;--ink-3: #7a756c;--accent: #1a5f4a;--accent-soft: #eef4f1;--radius: 10px;--measure: 42rem}:root[data-theme=dark]{--bg: #0d1512;--surface: #141d19;--border: #26332d;--ink: #e8e6e1;--ink-2: #b3aea5;--ink-3: #857f75;--accent: #6cc0a0;--accent-soft: #16241e}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{text-decoration-thickness:2px}.wrap{max-width:var(--measure);margin:0 auto;padding:0 1.1rem}.wide{max-width:62rem}header.site{border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:20}header.site .inner{display:flex;align-items:center;gap:1rem;min-height:56px;max-width:62rem;margin:0 auto;padding:0 1.1rem}.brand{font-weight:700;letter-spacing:-.02em;color:var(--ink);text-decoration:none;font-size:1.05rem}.brand span{color:var(--accent)}nav.site{margin-inline-start:auto;display:flex;gap:1rem;align-items:center}nav.site a{color:var(--ink-2);text-decoration:none;font-size:.9rem}nav.site a:hover{color:var(--accent)}.theme-btn{background:none;border:1px solid var(--border);color:var(--ink-2);border-radius:6px;cursor:pointer;padding:4px 8px;font-size:.85rem;line-height:1}.theme-btn:hover{border-color:var(--accent);color:var(--accent)}main{padding:1.75rem 0 4rem}h1{font-size:1.6rem;line-height:1.25;letter-spacing:-.02em;margin:0 0 .4rem}h2{font-size:1.15rem;margin:2rem 0 .6rem;letter-spacing:-.01em}.muted{color:var(--ink-3);font-size:.88rem}.arabic{font-family:var(--font-ar);direction:rtl;text-align:right;font-size:clamp(1.6rem,5.2vw,2.15rem);line-height:2.15;color:var(--ink)}.translit{color:var(--ink-3);font-size:.95rem;font-style:italic}.translit u{text-decoration:none;border-bottom:1px dotted currentColor}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;margin:1rem 0}.label{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);font-weight:600;margin-bottom:.35rem}.reading{font-family:var(--font-rd);font-size:1.06rem;line-height:1.75}.reading p{margin:0 0 .85rem}.reading p:last-child{margin-bottom:0}details.tafsir{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:.7rem 0}details.tafsir>summary{cursor:pointer;padding:.8rem 1.1rem;font-weight:600;font-size:.95rem;list-style:none;display:flex;justify-content:space-between;align-items:center}details.tafsir>summary::-webkit-details-marker{display:none}details.tafsir>summary:after{content:"+";color:var(--ink-3);font-weight:400}details.tafsir[open]>summary:after{content:"−"}details.tafsir>summary:hover{color:var(--accent)}.tafsir-body{padding:.9rem 1.1rem 1.1rem;border-top:1px solid var(--border)}.tafsir-body.ar{font-family:var(--font-ar);direction:rtl;text-align:right;font-size:1.2rem;line-height:2}.pager{display:flex;gap:.6rem;justify-content:space-between;margin:2rem 0 0}.pager a{flex:1;text-decoration:none;border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .9rem;background:var(--surface);color:var(--ink-2);font-size:.9rem}.pager a:hover{border-color:var(--accent);color:var(--accent)}.pager .next{text-align:right}.pager span.spacer{flex:1}audio{width:100%;margin-top:.5rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.chip{font-size:.78rem;padding:.2rem .6rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);text-decoration:none;border:1px solid transparent}.chip:hover{border-color:var(--accent)}.ayah-row{display:flex;align-items:flex-start;gap:.9rem;padding:.85rem .2rem;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}.ayah-row:last-child{border-bottom:0}.ayah-row:hover{background:var(--accent-soft)}.ayah-num{flex:0 0 auto;min-width:2.2rem;margin-top:.55rem;font-size:.8rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.ayah-row .arabic{flex:1;font-size:clamp(1.35rem,4.4vw,1.75rem);line-height:2}ul.related{list-style:none;margin:.4rem 0 0;padding:0}ul.related li{border-bottom:1px solid var(--border)}ul.related li:last-child{border-bottom:0}ul.related a{display:block;padding:.6rem .2rem;text-decoration:none;color:var(--ink-2);font-size:.95rem}ul.related a:hover{color:var(--accent)}ul.related .ref{display:inline-block;min-width:4.2rem;color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.grid{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.tile{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .9rem;background:var(--surface)}.tile:hover{border-color:var(--accent)}.tile .n{color:var(--ink-3);font-size:.8rem}footer.site{border-top:1px solid var(--border);padding:1.6rem 0;margin-top:3rem;color:var(--ink-3);font-size:.85rem}.foot-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.3rem;margin-bottom:.9rem}.foot-nav a{color:var(--ink-2);text-decoration:none}.foot-nav a:hover{color:var(--accent);text-decoration:underline}@media(max-width:480px){body{font-size:16px}nav.site{gap:.7rem}nav.site a{font-size:.85rem}}