@font-face{font-family:PP Pangaia;src:url(/fonts/PPPangaia-Ultralight.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:PP Pangaia;src:url(/fonts/PPPangaia-UltralightItalic.otf) format("opentype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:PP Pangaia;src:url(/fonts/PPPangaia-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PP Pangaia;src:url(/fonts/PPPangaia-MediumItalic.otf) format("opentype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:PP Pangaia;src:url(/fonts/PPPangaia-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:PP Pangaia;src:url(/fonts/PPPangaia-BoldItalic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:KFGQPC Uthmanic Script HAFS;src:url(/fonts/KFGQPCUthmanicScriptHAFS.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+06??,u+0750-077f,u+08a0-08ff,u+fb50-fdff,u+fe70-feff}@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Amiri:ital,wght@0,400;0,700;1,400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Amiri+Quran&display=swap");:root{--brand-gold:#FCB017;--brand-cream:#FEF7E7;--brand-blue:#011F26;--brand-green:#024225;--brand-grey:#A5A692;--parchment:#FEF7E7;--parchment-2:#FFFCF3;--parchment-3:#F4EBCF;--parchment-4:#E5D9B0;--blue:#011F26;--blue-2:#0A2E36;--blue-3:#2E4A52;--blue-4:#5A7178;--blue-soft:rgba(1,31,38,0.06);--ink:var(--blue);--ink-2:var(--blue-2);--ink-3:var(--blue-3);--ink-4:var(--blue-4);--green:#024225;--green-deep:#013319;--green-soft:#2A6B49;--green-mist:rgba(2,66,37,0.06);--green-tint:rgba(2,66,37,0.14);--gold:#FCB017;--gold-soft:#FDC859;--gold-deep:#C68A0E;--gold-mist:rgba(252,176,23,0.10);--gold-tint:rgba(252,176,23,0.22);--grey:#A5A692;--grey-soft:#C7C8B9;--grey-deep:#6E6F5E;--earth:#7c5230;--earth-soft:#a47650;--burgundy:#6e2a2a;--zakah:#a14a3a;--zakah-soft:#c47163;--zakah-deep:#6e2a1f;--zakah-mist:rgba(161,74,58,0.08);--prose-ink:#011F26;--prose-ink-soft:#2E4A52;--prose-ink-faint:#5A7178;--prose-ink-trace:#8C9AA0;--night:#011217;--night-2:#022530;--night-3:#033745;--lantern:#FCB017;--lantern-soft:#FDD27A;--lantern-deep:#B5800E;--crescent:#F5E7C0;--night-mist:rgba(252,176,23,0.10);--bg:var(--parchment);--bg-elevated:var(--parchment-2);--bg-sunken:var(--parchment-3);--bg-ground:var(--blue);--bg-ground-2:var(--green-deep);--fg:var(--blue);--fg-muted:var(--blue-2);--fg-soft:var(--blue-3);--fg-faint:var(--blue-4);--border:var(--parchment-3);--border-strong:var(--parchment-4);--border-gold:var(--gold);--accent:var(--green);--accent-strong:var(--green-deep);--accent-gold:var(--gold);--success:#4a7c3a;--success-soft:#E4EDD2;--success-deep:#2f5424;--warn:#B5800E;--warn-soft:#FDE8B4;--warn-deep:#7d5800;--danger:#8a2a2a;--danger-soft:#F0D8D4;--danger-deep:#5b1a1a;--info:var(--green);--info-soft:#D2E0D7;--info-deep:var(--green-deep);--font-display:"PP Pangaia","EB Garamond",Georgia,serif;--font-serif:"PP Pangaia","EB Garamond",Georgia,serif;--font-body:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-arabic:"Amiri","Scheherazade New","Traditional Arabic",serif;--font-quran:"KFGQPC Uthmanic Script HAFS","Amiri",serif;--font-sans:var(--font-body);--text-mega:clamp(4rem,3rem + 7vw,9rem);--text-display:clamp(3.5rem,2.5rem + 4vw,6rem);--text-h1:clamp(2.5rem,2rem + 2.5vw,3.75rem);--text-h2:clamp(2rem,1.75rem + 1.5vw,2.5rem);--text-h3:clamp(1.5rem,1.375rem + 0.6vw,1.75rem);--text-h4:clamp(1.25rem,1.15rem + 0.4vw,1.375rem);--text-lead:clamp(1.125rem,1.05rem + 0.5vw,1.375rem);--text-body:1rem;--text-small:0.875rem;--text-eyebrow:0.75rem;--text-micro:0.6875rem;--lh-tight:1.02;--lh-snug:1.12;--lh-normal:1.35;--lh-relaxed:1.55;--lh-prose:1.7;--track-tight:-0.02em;--track-mega:-0.035em;--track-normal:0;--track-wide:0.04em;--track-eyebrow:0.22em;--track-caps:0.14em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--space-11:10rem;--space-12:12rem;--container-max:1320px;--container-pad:clamp(1.25rem,4vw,5rem);--header-height:88px;--radius-none:0;--radius-card:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-pill:999px;--border-w:1px;--border-w-strong:2px;--rule-gold:2px solid var(--gold);--rule-paper:1px solid var(--parchment-3);--shadow-float:0 18px 48px -20px rgba(1,31,38,0.18);--shadow-photo:0 1px 0 var(--parchment-3);--shadow-card:0 1px 0 var(--parchment-3),0 24px 48px -32px rgba(1,31,38,0.10);--ease-default:cubic-bezier(0.2,0.6,0.2,1);--ease-in:cubic-bezier(0.6,0,1,0.4);--ease-out:cubic-bezier(0,0.4,0.4,1);--ease-emph:cubic-bezier(0.16,1,0.3,1);--dur-fast:160ms;--dur-base:320ms;--dur-slow:560ms;--dur-slowest:820ms;--overlay-photo:linear-gradient(180deg,rgba(1,31,38,0) 50%,rgba(1,31,38,0.72));--overlay-photo-strong:linear-gradient(180deg,rgba(1,31,38,0) 30%,rgba(1,31,38,0.88));--overlay-blue-veil:linear-gradient(180deg,rgba(1,31,38,0.30),rgba(1,31,38,0.65))}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-prose);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mega,h1.mega{font-size:var(--text-mega);letter-spacing:var(--track-mega)}.display,.mega,h1.display,h1.mega{font-family:var(--font-display);font-weight:200;line-height:var(--lh-tight);color:var(--fg);margin:0;text-wrap:balance}.display,h1.display{font-size:var(--text-display);letter-spacing:var(--track-tight)}.h1,h1{font-size:var(--text-h1)}.h1,.h2,h1,h2{font-family:var(--font-display);font-weight:500;line-height:var(--lh-snug);letter-spacing:var(--track-tight);color:var(--fg);text-wrap:balance}.h2,h2{font-size:var(--text-h2)}.h3,h3{font-size:var(--text-h3)}.h3,.h4,h3,h4{font-family:var(--font-display);font-weight:500;line-height:var(--lh-normal);color:var(--fg)}.h4,h4{font-size:var(--text-h4)}.lead{font-size:var(--text-lead);line-height:var(--lh-relaxed)}.body,.lead,p{font-family:var(--font-body);font-weight:400;color:var(--fg-muted);text-wrap:pretty}.body,p{font-size:var(--text-body);line-height:var(--lh-prose)}.small,small{font-size:var(--text-small);line-height:var(--lh-relaxed);color:var(--fg-soft)}.eyebrow{font-size:var(--text-eyebrow);letter-spacing:var(--track-eyebrow);color:var(--fg-soft)}.caps,.eyebrow{font-family:var(--font-body);font-weight:500;text-transform:uppercase}.caps{letter-spacing:var(--track-caps)}.caps,.ui{font-size:var(--text-small)}.ui{font-family:var(--font-body);letter-spacing:0}.tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ar{font-family:var(--font-arabic);direction:rtl;font-size:1.5em;line-height:1.9}.ar-verse{font-family:var(--font-quran);direction:rtl;font-size:2em;line-height:2.4;color:var(--fg);text-align:center}.verse-translation{font-family:var(--font-display);font-style:italic;font-weight:200;font-size:var(--text-lead);text-align:center;color:var(--fg-muted);margin-top:var(--space-4);text-wrap:balance}.verse-citation{font-family:var(--font-body);font-weight:500;font-size:var(--text-eyebrow);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--fg-soft);text-align:center;margin-top:var(--space-3)}a{color:inherit;text-decoration:none;text-underline-offset:.18em;text-decoration-thickness:1px;transition:text-decoration-thickness var(--dur-fast) var(--ease-default)}a:hover{text-decoration:underline;text-decoration-thickness:2px}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-family:var(--font-body);font-size:.875rem;font-weight:400;letter-spacing:.005em;line-height:1;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--dur-base) var(--ease-default),color var(--dur-base) var(--ease-default),border-color var(--dur-base) var(--ease-default)}.btn--primary{background:var(--green);color:var(--parchment);border-color:var(--green)}.btn--primary:hover{background:var(--green-deep);border-color:var(--green-deep);text-decoration:none}.btn--primary:active{transform:translateY(1px);opacity:.94}.btn--secondary{background:transparent;color:var(--green);border-color:var(--green)}.btn--secondary:hover{background:var(--green-mist);color:var(--green-deep);border-color:var(--green-deep);text-decoration:none}.btn--ghost{background:transparent;color:var(--fg);border-color:transparent;padding-inline:0;gap:.4rem}.btn--ghost:after{content:"";position:absolute}.btn--ghost:hover{color:var(--green);text-decoration:none}.btn--link{background:transparent;color:var(--green);border:0;padding:0;font-family:var(--font-body);font-size:.875rem;font-weight:500;position:relative}.btn--link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform-origin:left center;transition:transform var(--dur-base) var(--ease-default)}.btn--link:hover{text-decoration:none}.btn--link:hover:after{transform:scaleY(2)}.btn--gold{background:var(--gold);color:var(--blue);border-color:var(--gold)}.btn--gold:hover{background:var(--gold-soft);border-color:var(--gold-soft);text-decoration:none}.btn--zakah{background:transparent;color:var(--zakah-deep);border-color:var(--zakah)}.btn--zakah:hover{background:var(--zakah-mist);color:var(--zakah-deep);border-color:var(--zakah-deep);text-decoration:none}.btn .arrow{transition:transform var(--dur-base) var(--ease-default);font-size:1.1em;line-height:1}.btn:hover .arrow{transform:translateX(3px)}.btn--sm{padding:.5rem .9rem;font-size:.8125rem}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:.3rem .75rem;border-radius:var(--radius-pill);background:var(--gold-mist);color:var(--gold-deep);border:1px solid var(--gold);font-family:var(--font-body);font-weight:500;font-size:var(--text-eyebrow);letter-spacing:var(--track-eyebrow);text-transform:uppercase}.chip--zakah{background:var(--zakah-mist);color:var(--zakah-deep);border-color:var(--zakah)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-6)}.card--photo{padding:0;overflow:hidden}.card--verse{background:var(--bg);border-color:var(--gold);padding:var(--space-7) var(--space-6);text-align:center}.rule-gold{border:0;border-top:2px solid var(--gold);width:64px}.rule-gold,.rule-paper{margin:var(--space-5) 0}.rule-paper{border:0;border-top:1px solid var(--border)}.arrow{display:inline-block;line-height:1}.arrow:before{content:"→"}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.section{padding-block:var(--space-9)}.section--tight{padding-block:var(--space-7)}.section--loose{padding-block:var(--space-11)}.i{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.2em;flex-shrink:0}.i--md{width:1.5em;height:1.5em}.i--lg{width:2em;height:2em}.i--xl{width:3em;height:3em}[data-theme=ramadan]{--bg:var(--night);--bg-elevated:var(--night-2);--bg-sunken:var(--night-3);--bg-ground:#050b12;--fg:var(--crescent);--fg-muted:#DCC994;--fg-soft:#9A8C6A;--fg-faint:#5F5640;--border:rgba(252,176,23,0.18);--border-strong:rgba(252,176,23,0.32);--accent:var(--lantern);--accent-strong:var(--lantern-soft);--accent-gold:var(--lantern);background:var(--bg);color:var(--fg)}[data-theme=ramadan] .btn--primary{background:var(--lantern);color:var(--night);border-color:var(--lantern)}[data-theme=ramadan] .btn--primary:hover{background:var(--lantern-soft);border-color:var(--lantern-soft)}[data-theme=ramadan] .btn--secondary{color:var(--lantern);border-color:var(--lantern)}[data-theme=blue]{--bg:var(--blue);--bg-elevated:#042a32;--bg-sunken:var(--blue-2);--fg:var(--parchment);--fg-muted:#D6CFA8;--fg-soft:#9DA09A;--fg-faint:#6E726C;--border:rgba(254,247,231,0.12);--border-strong:rgba(254,247,231,0.24);background:var(--bg);color:var(--fg)}.prose{color:var(--prose-ink);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-prose);max-width:68ch}.prose p{color:var(--prose-ink-soft)}.prose .footnote{color:var(--prose-ink-faint);font-size:var(--text-small)}.prose .marginalia{color:var(--prose-ink-trace);font-style:italic}*,:after,:before{box-sizing:border-box}