:root{color-scheme:dark;--bg:#0d1014;--bg-raised:#141920;--bg-sunk:#090b0e;--bg-tint:#181d16;--line:#2b323c;--line-strong:#3d4652;--text:#efe6d4;--text-muted:#bcb19c;--text-faint:#8f8676;--brass:#d6ab5c;--brass-strong:#ecc883;--brass-soft:#d6ab5c24;--emerald:#4fb596;--emerald-soft:#4fb59621;--rose:#d9798a;--link:#ecc883;--link-hover:#fff1cf;--focus:#9fd9c4;--dusk-1:#1d1f4a;--dusk-2:#4a2452;--dusk-3:#8e3f5c;--dusk-4:#c9744a;--dusk-5:#e7b25e;--shadow:0 1px 0 #ffffff08 inset, 0 18px 40px -24px #000c;--font-display:var(--f-display), Georgia, serif;--font-heading:var(--f-heading), Georgia, serif;--font-body:var(--f-body), Georgia, serif;--font-ui:var(--f-ui), system-ui, sans-serif;--font-quran:var(--f-quran), var(--f-arabic), serif;--font-arabic:var(--f-arabic), serif;--font-urdu:var(--f-urdu), var(--f-arabic), serif;--container:1180px;--gutter:clamp(16px, 4vw, 40px);--measure:68ch;--header-h:76px;--radius:14px;--radius-sm:9px;--ease:cubic-bezier(.22, .61, .36, 1)}:root[data-theme=light]{color-scheme:light;--bg:#f5eee1;--bg-raised:#fffaf1;--bg-sunk:#ece3d2;--bg-tint:#eef0e4;--line:#d8cbb2;--line-strong:#bfae8e;--text:#1c1813;--text-muted:#4b4337;--text-faint:#6d6455;--brass:#8a5c14;--brass-strong:#6e470b;--brass-soft:#8a5c141a;--emerald:#1d6a55;--emerald-soft:#1d6a551a;--rose:#9c3348;--link:#7a4f0e;--link-hover:#3f2905;--focus:#1d6a55;--dusk-1:#f3d9b9;--dusk-2:#eec2b4;--dusk-3:#e3b1c0;--dusk-4:#c9c3e6;--dusk-5:#f6e2b8;--shadow:0 18px 40px -28px #3c280a59}:root{font-size:125%}:root[data-size="-1"]{font-size:112.5%}:root[data-size="1"]{font-size:140%}:root[data-size="2"]{font-size:160%}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;margin:0;font-size:1rem;line-height:1.7;display:flex}main{flex:1}img,svg{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.005em;text-wrap:balance;margin:0 0 .6em;font-weight:700;line-height:1.22}h1{font-family:var(--font-display);letter-spacing:-.012em;font-size:clamp(2.1rem,1.4rem + 3vw,3.4rem);font-weight:400;line-height:1.08}h2{margin-top:2.2em;font-size:clamp(1.45rem,1.2rem + 1vw,1.9rem)}h3{margin-top:1.8em;font-size:1.2rem}p{text-wrap:pretty;margin:0 0 1.1em}a{color:var(--link);text-underline-offset:.2em;transition:color .25s var(--ease), text-decoration-color .25s var(--ease);text-decoration:underline 1px}a:hover{color:var(--link-hover);text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}strong{font-weight:650}ul,ol{margin:0 0 1.2em;padding-inline-start:1.3em}li{margin-bottom:.4em}li::marker{color:var(--brass)}hr{border:0;border-top:1px solid var(--line);margin:3rem 0}blockquote{margin:0}::selection{background:var(--brass-soft);color:var(--text)}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.prose{max-width:var(--measure)}.prose>:first-child{margin-top:0}.prose h2{padding-top:.2em}.prose h2:before{content:"";background:linear-gradient(90deg, var(--brass), transparent);width:2.2rem;height:2px;margin-bottom:.9rem;display:block}.ui{font-family:var(--font-ui)}.eyebrow{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin:0 0 1rem;font-size:.78rem}.lead{color:var(--text-muted);max-width:60ch;font-size:1.15rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.btn{--btn-bg:var(--bg-raised);border:1px solid var(--line-strong);background:var(--btn-bg);min-height:52px;color:var(--text);font-family:var(--font-ui);cursor:pointer;transition:transform .25s var(--ease), border-color .25s var(--ease), background-color .25s var(--ease), color .25s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:.6em;padding:.7em 1.4em;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.btn:hover{color:var(--text);border-color:var(--brass);text-decoration:none;transform:translateY(-1px)}@property --turn{syntax:"<angle>";inherits:false;initial-value:0deg}.btn-primary{background:linear-gradient(var(--bg-raised), var(--bg-raised)) padding-box, conic-gradient(from var(--turn), var(--brass), var(--rose), var(--emerald), var(--brass-strong), var(--brass)) border-box;border:1.5px solid #0000;animation:7s linear infinite turn}.btn-primary:hover{background:linear-gradient(var(--brass-soft), var(--brass-soft)) padding-box, linear-gradient(var(--bg-raised), var(--bg-raised)) padding-box, conic-gradient(from var(--turn), var(--brass), var(--rose), var(--emerald), var(--brass-strong), var(--brass)) border-box}@keyframes turn{to{--turn:360deg}}.btn-quiet{background:0 0}.dusk{isolation:isolate;position:relative;overflow:hidden}.dusk:before{content:"";z-index:-2;background:radial-gradient(60% 50% at 20% 20%, var(--dusk-2), transparent 70%), radial-gradient(50% 60% at 80% 30%, var(--dusk-3), transparent 70%), radial-gradient(70% 50% at 60% 90%, var(--dusk-4), transparent 70%), radial-gradient(40% 40% at 90% 85%, var(--dusk-5), transparent 70%), var(--dusk-1);filter:blur(40px)saturate(1.05);opacity:.55;animation:drift 26s var(--ease) infinite alternate;position:absolute;inset:-20%}.dusk:after{content:"";z-index:-1;background:linear-gradient(180deg, transparent 0%, var(--bg) 92%);position:absolute;inset:0}@keyframes drift{0%{transform:translate(-4%,-2%)rotate(0)scale(1)}50%{transform:translate(3%,2%)rotate(8deg)scale(1.08)}to{transform:translate(-2%,4%)rotate(-6deg)scale(1.02)}}.card{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-raised);color:var(--text);box-shadow:var(--shadow);transition:border-color .35s var(--ease), transform .35s var(--ease), background-color .35s var(--ease);padding:1.5rem 1.5rem 1.4rem;text-decoration:none;display:block;position:relative;overflow:hidden}.card:before{content:"";background:radial-gradient(120% 90% at 0% 0%, var(--brass-soft), transparent 60%), radial-gradient(90% 90% at 100% 100%, var(--emerald-soft), transparent 60%);opacity:0;transition:opacity .45s var(--ease);pointer-events:none;position:absolute;inset:0}a.card:hover{border-color:var(--brass);color:var(--text);transform:translateY(-2px)}a.card:hover:before{opacity:1}.card>*{position:relative}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.1rem;display:grid}.arabic{font-family:var(--font-arabic);text-align:right;direction:rtl;font-size:1.45rem;line-height:2}.quran{font-family:var(--font-quran);text-align:right;direction:rtl;font-size:1.6rem;line-height:2.25}:root[lang=ur] body,:root[lang=ur] h1,:root[lang=ur] h2,:root[lang=ur] h3,:root[lang=ur] .ui,:root[lang=ur] .btn,:root[lang=ur] .eyebrow{font-family:var(--font-urdu);letter-spacing:0;text-transform:none}:root[lang=ur] body{line-height:2.3}:root[lang=ur] h1,:root[lang=ur] h2,:root[lang=ur] h3{line-height:1.9}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{:root,:root[data-theme=light]{--bg:#fff;--bg-raised:#fff;--bg-sunk:#fff;--text:#000;--text-muted:#222;--line:#bbb;--brass:#000;--link:#000}.no-print,.site-header,.site-footer,.dusk:before,.dusk:after{display:none!important}body{font-size:13pt}a{text-decoration:none}}