/*
! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.italic{font-style:italic}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--green-900:#14201a;--green-800:#1a2a1a;--green-700:#1a3a2a;--green-600:#2a5a3a;--green-500:#3a6a3a;--sage:#8aab8a;--sand:#e8d5a0;--sand-2:#d8d0c0;--sand-3:#c8c0b0;--parchment:#f5f0e8;--parchment-2:#faf8f4;--parchment-3:#f0ece0;--terracotta:#c04a1a;--terracotta-deep:#8a3a1a;--gold-deep:#9c7c30;--bg:#f3ede2;--bg-tint:#efe7d8;--paper:#fffdf9;--paper-2:#faf6ee;--ink:#1a2a1a;--ink-soft:#5a6356;--ink-faint:#8a9082;--brand:#1a3a2a;--brand-2:#2a5a3a;--on-brand:#f1ead9;--accent:#c04a1a;--accent-deep:#8a3a1a;--gold:#9c7c30;--gold-soft:#c9a94e;--leaf:#6f9170;--line:rgba(26,42,26,.13);--line-soft:rgba(26,42,26,.07);--shadow-color:30deg 20% 40%;--shadow-sm:0 1px 2px hsl(var(--shadow-color)/0.10);--shadow-md:0 4px 18px -6px hsl(var(--shadow-color)/0.22);--shadow-lg:0 18px 50px -16px hsl(var(--shadow-color)/0.30);--display:var(--font-spectral),Georgia,"Times New Roman",serif;--sans:var(--font-hanken),system-ui,-apple-system,sans-serif;--arabic:var(--font-amiri),"Scheherazade New",serif;--step--2:0.7813rem;--step--1:0.875rem;--step-0:1.0625rem;--step-1:1.2rem;--step-2:clamp(1.35rem,1.2rem + 0.7vw,1.6rem);--step-3:clamp(1.6rem,1.4rem + 1vw,2rem);--step-4:clamp(1.9rem,1.6rem + 1.6vw,2.6rem);--step-5:clamp(2.3rem,1.8rem + 2.6vw,3.5rem);--step-6:clamp(2.7rem,2rem + 3.8vw,4.6rem);--radius:4px;--radius-lg:10px;--maxw:1160px;--read:39rem;color-scheme:light}[data-theme=dark]{--bg:#131c16;--bg-tint:#18231b;--paper:#1b271f;--paper-2:#202e25;--ink:#ece3d1;--ink-soft:#aab6a6;--ink-faint:#7b8878;--brand:#e8d5a0;--brand-2:#c9a94e;--on-brand:#14201a;--accent:#e07a47;--accent-deep:#c04a1a;--gold:#d8b85e;--gold-soft:#b89a48;--leaf:#8aab8a;--line:hsla(44,61%,77%,.15);--line-soft:hsla(44,61%,77%,.07);--shadow-color:150deg 30% 3%;--shadow-sm:0 1px 2px hsl(var(--shadow-color)/0.4);--shadow-md:0 6px 22px -6px hsl(var(--shadow-color)/0.55);--shadow-lg:0 20px 56px -18px hsl(var(--shadow-color)/0.7);color-scheme:dark}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--sans);font-size:var(--step-0);line-height:1.65;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv01";transition:background-color .5s ease,color .5s ease;overflow-x:hidden}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul{list-style:none;padding:0}::-moz-selection{background:var(--sand);color:var(--green-800)}::selection{background:var(--sand);color:var(--green-800)}:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:3px}h1,h2,h3,h4{font-family:var(--display);font-weight:500;line-height:1.12;letter-spacing:-.01em;color:var(--ink)}.kicker{font-family:var(--sans);font-weight:600;font-size:var(--step--2);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.arabic{font-family:var(--arabic);direction:rtl;font-weight:400;line-height:1.9}.serif-italic{font-family:var(--display);font-style:italic}.shell{min-height:100vh;display:flex;flex-direction:column}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(16px,4vw,22px)}.section{padding-block:clamp(40px,6vw,84px)}.motif{position:relative;display:inline-block;flex:none;color:var(--motif-color,var(--gold))}.rule-motif{display:flex;align-items:center;gap:16px;color:var(--line)}.rule-motif:after,.rule-motif:before{content:"";height:1px;flex:1;background:currentColor}.rule-motif .motif{--motif-color:var(--gold)}.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:600;font-size:var(--step--1);padding:11px 20px;border-radius:100px;transition:all .22s ease;letter-spacing:.01em;border:1px solid transparent;white-space:nowrap}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.btn-text{padding:6px 0;color:var(--brand);font-weight:600}[data-theme=dark] .btn-text{color:var(--gold)}.btn-text:hover{gap:13px}.chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:600;font-size:var(--step--1);padding:8px 16px;border-radius:100px;border:1px solid var(--line);color:var(--ink-soft);background:var(--paper);transition:all .2s ease;white-space:nowrap}.chip:hover{border-color:var(--gold);color:var(--ink)}.chip.active,.chip[aria-pressed=true]{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.tag{font-family:var(--sans);font-weight:700;font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:7px}.tag .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-pdf{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-weight:700;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:4px;background:color-mix(in srgb,var(--terracotta) 14%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--terracotta) 30%,transparent)}.badge-pdf.badge-video{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 30%,transparent)}[data-theme=dark] .badge-pdf.badge-video{color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent);border-color:color-mix(in srgb,var(--gold) 30%,transparent)}@media (prefers-reduced-motion:no-preference){.reveal{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{transform:translateY(16px)}to{transform:none}}}.muted{color:var(--ink-soft)}.center{text-align:center}.flex{display:flex}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.logo{display:inline-flex;align-items:center;gap:13px}.logo-mark{width:44px;height:44px;flex:none;display:grid;place-items:center;background:var(--brand);border-radius:9px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.07)}.logo-mark .logo-star{--motif-color:var(--sand)}[data-theme=dark] .logo-mark{background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line)}.logo-text{display:flex;flex-direction:column;line-height:1;gap:3px;white-space:nowrap}.logo-tr{font-family:var(--display);font-weight:600;font-size:1.22rem;letter-spacing:-.01em;color:var(--ink)}.logo-ar{font-size:.92rem;color:var(--gold);opacity:.92}.site-header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--brand) 88%,transparent);backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid transparent;transition:border-color .3s,background-color .5s}.site-header.scrolled{border-bottom-color:rgba(0,0,0,.18);background:var(--brand)}[data-theme=dark] .site-header{background:color-mix(in srgb,var(--bg) 84%,transparent)}[data-theme=dark] .site-header.scrolled{border-bottom-color:var(--line);background:color-mix(in srgb,var(--bg) 93%,transparent)}.header-inner{display:flex;align-items:center;gap:18px;height:78px}.primary-nav{display:flex;gap:6px;margin-left:14px}.nav-link{position:relative;padding:9px 15px;border-radius:7px;font-weight:600;font-size:var(--step--1);color:var(--ink-soft);transition:color .18s,background-color .18s}.nav-link:hover{color:var(--ink)}.nav-link.current{color:var(--brand)}[data-theme=dark] .nav-link.current{color:var(--gold)}.nav-link.current:after{content:"";position:absolute;left:15px;right:15px;bottom:2px;height:2px;background:var(--gold);border-radius:2px}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.icon-btn{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;color:var(--ink-soft);border:1px solid transparent;transition:all .18s}.icon-btn:hover{color:var(--ink);background:var(--paper);border-color:var(--line)}.admin-btn{padding:9px 17px}.menu-btn{display:none}:root:not([data-theme=dark]) .site-header .logo-tr{color:var(--on-brand)}:root:not([data-theme=dark]) .site-header .logo-ar{color:var(--sand)}:root:not([data-theme=dark]) .site-header .logo-mark{background:hsla(0,0%,100%,.09);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.14)}:root:not([data-theme=dark]) .site-header .logo-mark .logo-star{--motif-color:var(--sand)}:root:not([data-theme=dark]) .site-header .nav-link{color:color-mix(in srgb,var(--on-brand) 76%,transparent)}:root:not([data-theme=dark]) .site-header .nav-link:hover{color:var(--on-brand)}:root:not([data-theme=dark]) .site-header .nav-link.current{color:var(--sand)}:root:not([data-theme=dark]) .site-header .nav-link.current:after{background:var(--sand)}:root:not([data-theme=dark]) .site-header .icon-btn{color:color-mix(in srgb,var(--on-brand) 76%,transparent)}:root:not([data-theme=dark]) .site-header .icon-btn:hover{color:var(--on-brand);background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}:root:not([data-theme=dark]) .site-header .admin-btn{border-color:hsla(0,0%,100%,.28);color:var(--on-brand)}:root:not([data-theme=dark]) .site-header .admin-btn:hover{border-color:var(--sand);color:var(--sand)}:root:not([data-theme=dark]) .site-header .theme-track{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.2)}:root:not([data-theme=dark]) .site-header .theme-thumb{background:var(--sand);color:var(--green-800)}:root:not([data-theme=dark]) .mobile-menu{background:var(--brand);border-top-color:hsla(0,0%,100%,.14)}:root:not([data-theme=dark]) .mobile-link{color:var(--on-brand);border-bottom-color:hsla(0,0%,100%,.12)}:root:not([data-theme=dark]) .mobile-link.admin,:root:not([data-theme=dark]) .mobile-link.current{color:var(--sand)}.theme-toggle{padding:4px}.theme-track{width:50px;height:28px;border-radius:100px;padding:3px;display:flex;align-items:center;background:var(--paper);border:1px solid var(--line);transition:background .3s}[data-theme=dark] .theme-track{justify-content:flex-end;background:var(--paper-2)}.theme-thumb{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:var(--on-brand);font-size:12px;transition:transform .3s cubic-bezier(.3,.8,.3,1);box-shadow:var(--shadow-sm)}[data-theme=dark] .theme-thumb{background:var(--sand)}.mobile-menu{display:none;flex-direction:column;padding:8px 22px 22px;border-top:1px solid var(--line);background:var(--bg)}.mobile-link{padding:14px 4px;font-weight:600;font-size:1.1rem;border-bottom:1px solid var(--line-soft);color:var(--ink)}.mobile-link.current{color:var(--gold)}.mobile-link.admin{color:var(--accent)}@media (max-width:880px){.admin-btn,.primary-nav{display:none}.menu-btn{display:grid}.mobile-menu{display:flex}}@media (max-width:420px){.header-inner{gap:8px;height:64px}.logo-mark{width:38px;height:38px}.logo-tr{font-size:1.05rem}.logo-ar{font-size:.8rem}.header-actions{gap:2px}.icon-btn{width:40px;height:40px}}.site-footer{margin-top:auto;background:var(--brand);color:var(--on-brand);padding-block:clamp(48px,6vw,76px) 30px}[data-theme=dark] .site-footer{background:var(--bg-tint);border-top:1px solid var(--line)}.site-footer .logo-tr{color:var(--on-brand)}.site-footer .logo-mark{background:hsla(0,0%,100%,.08)}.site-footer .logo-mark .logo-star{--motif-color:var(--sand)}.site-footer .logo-ar{color:var(--sand)}.footer-top{display:grid;grid-template-columns:1.3fr 2fr;gap:50px}.footer-tagline{margin-top:20px;max-width:34ch;color:color-mix(in srgb,var(--on-brand) 78%,transparent);font-size:var(--step--1);line-height:1.7}.footer-bismillah{margin-top:20px;font-size:1.35rem;color:var(--sand);opacity:.85}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-col h4{font-family:var(--sans);font-weight:700;font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--sand);margin-bottom:16px}.footer-col a{display:block;padding:6px 0;color:color-mix(in srgb,var(--on-brand) 80%,transparent);font-size:var(--step--1);transition:color .18s,padding-left .18s}.footer-col a:hover{color:var(--on-brand);padding-left:5px}.rule-motif{color:hsla(0,0%,100%,.18)}.site-footer .rule-motif .motif{--motif-color:var(--sand)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:var(--step--2);color:color-mix(in srgb,var(--on-brand) 65%,transparent)}[data-theme=dark] .site-footer .logo-tr{color:var(--ink)}[data-theme=dark] .footer-col a,[data-theme=dark] .footer-tagline{color:var(--ink-soft)}@media (max-width:760px){.footer-top{grid-template-columns:1fr;gap:38px}.footer-cols{grid-template-columns:repeat(2,1fr)}}.art-card{position:relative;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 26px 24px;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s;overflow:hidden}.art-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.art-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.art-card:hover:before{transform:scaleY(1)}.art-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.art-card-title{font-size:var(--step-2);line-height:1.2;margin-bottom:12px;text-wrap:balance;transition:color .2s}.art-card:hover .art-card-title{color:var(--brand)}[data-theme=dark] .art-card:hover .art-card-title{color:var(--gold)}.art-card-excerpt{color:var(--ink-soft);font-size:var(--step--1);line-height:1.66;margin-bottom:20px;flex:1;text-wrap:pretty}.art-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:var(--step--2);color:var(--ink-faint)}.meta-author{color:var(--ink-soft);font-weight:600}.meta-sep{opacity:.5}.featured-flag{position:absolute;top:0;right:0;font-family:var(--sans);font-weight:700;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--on-brand);background:var(--accent);padding:6px 13px;border-bottom-left-radius:9px}.art-card.featured{grid-column:1/-1;flex-direction:row;align-items:stretch;gap:0;padding:0}.art-card.featured .feat-body{padding:clamp(28px,4vw,46px);display:flex;flex-direction:column;justify-content:center;flex:1}.art-card.featured .art-card-title{font-size:var(--step-4);margin-bottom:16px}.art-card.featured .art-card-excerpt{font-size:var(--step-0);max-width:52ch}.skeleton{pointer-events:none}.sk{background:linear-gradient(90deg,var(--line-soft),var(--line),var(--line-soft));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:5px}@keyframes shimmer{to{background-position:-200% 0}}.sk-tag{width:80px;height:14px;margin-bottom:18px}.sk-title{width:100%;height:22px;margin-bottom:9px}.sk-title.short{width:60%;margin-bottom:18px}.sk-line{width:100%;height:12px;margin-bottom:8px}.sk-line.short{width:45%;margin-bottom:20px}.sk-meta{width:65%;height:12px}.ayah-callout{position:relative;margin:clamp(36px,5vw,56px) 0;padding:clamp(40px,6vw,64px) clamp(28px,5vw,56px);background:radial-gradient(120% 130% at 50% 0,color-mix(in srgb,var(--green-600) 35%,var(--brand)) 0,var(--brand) 60%);color:var(--sand);border-radius:14px;text-align:center;overflow:hidden;box-shadow:var(--shadow-lg)}.ayah-callout:before{content:"";position:absolute;inset:14px;border:1px solid color-mix(in srgb,var(--sand) 32%,transparent);border-radius:7px;pointer-events:none}[data-theme=dark] .ayah-callout{background:radial-gradient(120% 130% at 50% 0,var(--paper-2) 0,var(--bg-tint) 70%);border:1px solid var(--line)}.ayah-corner{position:absolute;color:var(--sand);opacity:.55}.ayah-corner.tl{top:22px;left:22px}.ayah-corner.tr{top:22px;right:22px}.ayah-corner.bl{bottom:22px;left:22px}.ayah-corner.br{bottom:22px;right:22px}.ayah-corner .motif{--motif-color:var(--sand)}.ayah-arabic{position:relative;font-size:clamp(1.9rem,1.3rem + 3.4vw,3.1rem);line-height:2.1;color:#fff7e6;margin:0 auto;max-width:18ch;text-shadow:0 1px 14px rgba(0,0,0,.25)}[data-theme=dark] .ayah-arabic{color:var(--sand);text-shadow:none}.ayah-divider{display:flex;justify-content:center;margin:22px 0;color:var(--gold-soft)}.ayah-divider .motif{--motif-color:var(--gold-soft)}.ayah-tr{display:flex;flex-direction:column;align-items:center;gap:12px}.ayah-meaning{font-family:var(--display);font-style:italic;font-size:clamp(1.1rem,1rem + .7vw,1.45rem);line-height:1.6;max-width:44ch;color:color-mix(in srgb,var(--sand) 92%,#fff)}[data-theme=dark] .ayah-meaning{color:var(--ink)}.ayah-ref{font-family:var(--sans);font-style:normal;font-weight:700;font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft)}.hadith-block{margin:clamp(30px,4vw,44px) 0;padding:30px 32px;background:var(--paper-2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:0 10px 10px 0}.hadith-label{display:block;margin-bottom:16px}.hadith-arabic{font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem);line-height:1.9;color:var(--ink);margin-bottom:16px;text-align:right}.hadith-tr{font-family:var(--display);font-style:italic;font-size:var(--step-1);line-height:1.55;color:var(--ink);margin-bottom:12px}.hadith-ref{font-family:var(--sans);font-style:normal;font-weight:600;font-size:var(--step--2);color:var(--ink-faint);letter-spacing:.04em}.wrap-read{width:100%;max-width:46rem;margin-inline:auto;padding-inline:clamp(16px,4vw,22px)}.masthead{position:relative;overflow:hidden;padding-block:clamp(36px,5vw,64px);text-align:center;background:var(--brand);color:var(--on-brand);margin-top:-1px}[data-theme=dark] .masthead{background:transparent;color:inherit}.masthead-pattern{position:absolute;inset:0;pointer-events:none;opacity:.5;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--sand) 30%,transparent),transparent 55%),repeating-linear-gradient(45deg,transparent 0 22px,hsla(44,61%,77%,.08) 22px 23px),repeating-linear-gradient(-45deg,transparent 0 22px,hsla(44,61%,77%,.08) 22px 23px);-webkit-mask-image:radial-gradient(circle at 50% 30%,#000,transparent 72%);mask-image:radial-gradient(circle at 50% 30%,#000,transparent 72%)}[data-theme=dark] .masthead-pattern{background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--sand) 40%,transparent),transparent 55%),repeating-linear-gradient(45deg,transparent 0 22px,var(--line-soft) 22px 23px),repeating-linear-gradient(-45deg,transparent 0 22px,var(--line-soft) 22px 23px)}.masthead-inner{position:relative}.masthead-mark{display:flex;justify-content:center;margin-bottom:26px}.masthead-mark .big-star{--motif-color:var(--sand)}[data-theme=dark] .masthead-mark .big-star{--motif-color:var(--gold)}.masthead-bismillah{font-size:clamp(1.3rem,1.1rem + 1.2vw,1.9rem);color:var(--sand);margin-bottom:0;opacity:.92}[data-theme=dark] .masthead-bismillah{color:var(--gold)}.masthead-title{font-size:var(--step-6);font-weight:400;line-height:1.08;letter-spacing:-.02em;text-wrap:balance;margin-bottom:24px}.masthead-title .ital{font-style:italic;color:var(--brand)}[data-theme=dark] .masthead-title .ital{color:var(--gold)}.masthead-sub{max-width:52ch;margin:0 auto 34px;font-size:var(--step-1);line-height:1.65;color:var(--ink-soft);text-wrap:pretty}.masthead-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.feed-section{padding-bottom:clamp(50px,7vw,90px)}.feed-controls{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:34px;flex-wrap:wrap;position:sticky;top:78px;z-index:30;padding-block:14px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);margin-inline:-8px;padding-inline:8px}.chip-row{display:flex;gap:9px;flex:1 1 0;min-width:0;max-width:100%;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.chip-row::-webkit-scrollbar{display:none}.chip-row .chip{flex:none;scroll-snap-align:start}.feed-search{width:min(320px,100%)}.searchbar{position:relative;display:flex;align-items:center}.searchbar-icon{position:absolute;left:15px;color:var(--ink-faint);display:grid}.searchbar-input{width:100%;padding:12px 16px 12px 44px;border-radius:100px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:var(--step--1);transition:border-color .2s,box-shadow .2s}.searchbar-input::-moz-placeholder{color:var(--ink-faint)}.searchbar-input::placeholder{color:var(--ink-faint)}.searchbar-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 18%,transparent)}.searchbar-clear{position:absolute;right:12px;color:var(--ink-faint);display:grid;padding:4px}.searchbar-clear:hover{color:var(--ink)}.feed-meta{display:flex;align-items:center;gap:0;margin-bottom:22px;font-size:var(--step--1);color:var(--ink-soft);font-weight:600}.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));gap:22px}.feat-figure{position:relative;flex:0 0 40%;min-height:280px;overflow:hidden;background:var(--brand);display:grid;place-items:center;border-radius:10px 0 0 10px}[data-theme=dark] .feat-figure{background:var(--paper-2)}.feat-pattern{position:absolute;inset:0;opacity:.5;background:repeating-linear-gradient(45deg,transparent 0 18px,hsla(44,61%,77%,.08) 18px 19px),repeating-linear-gradient(-45deg,transparent 0 18px,hsla(44,61%,77%,.08) 18px 19px)}.feat-star{--motif-color:var(--sand);position:relative;opacity:.9}.feat-figure-label{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-family:var(--sans);font-weight:700;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sand);opacity:.7}.feat-read{color:var(--brand)}[data-theme=dark] .feat-read{color:var(--gold)}@media (max-width:680px){.art-card.featured{flex-direction:column}.feat-figure{flex:none;min-height:160px;border-radius:10px 10px 0 0}.feed-controls{top:0;position:static;flex-direction:column;align-items:stretch;gap:14px}.feed-search{width:100%}}.empty-state{text-align:center;padding:64px 20px;max-width:44ch;margin:0 auto}.empty-mark{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;border:1px solid var(--line);color:var(--gold);margin-bottom:22px}.empty-state h3{font-size:var(--step-2);margin-bottom:10px}.empty-state p{margin-bottom:22px}.cat-header,.page-head{padding-block:clamp(40px,6vw,74px) clamp(28px,4vw,44px);border-bottom:1px solid var(--line-soft)}.back-link{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px}.cat-header-title,.page-head-title{font-size:var(--step-5);margin:8px 0 14px}.cat-header-desc,.page-head-desc{font-size:var(--step-1);color:var(--ink-soft);max-width:54ch}.read-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--gold);transform-origin:left;transform:scaleX(0);z-index:70}.article-head{padding-block:clamp(36px,5vw,64px) 0}.article-tags{display:flex;gap:10px;align-items:center;margin:16px 0 18px}.article-title{font-size:var(--step-5);line-height:1.1;text-wrap:balance;margin-bottom:20px}.article-standfirst{font-family:var(--display);font-size:var(--step-2);font-weight:400;line-height:1.45;color:var(--ink-soft);margin-bottom:30px;text-wrap:pretty}.article-byline{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.byline-avatar{width:42px;height:42px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--paper-2);border:1px solid var(--line);color:var(--gold)}.byline-meta{flex:1;display:flex;flex-direction:column;gap:2px}.byline-author{font-weight:700}.byline-sub{font-size:var(--step--2);color:var(--ink-faint)}.share-btn{flex:none}.article-body{padding-top:clamp(28px,4vw,44px);padding-bottom:20px}.body-lede{font-family:var(--display);font-size:var(--step-2);line-height:1.5;color:var(--ink);margin-bottom:26px;font-weight:400}.body-lede:first-letter{float:left;font-size:3.6em;line-height:.78;padding:8px 12px 0 0;font-family:var(--display);font-weight:600;color:var(--brand)}[data-theme=dark] .body-lede:first-letter{color:var(--gold)}.body-p{font-size:var(--step-1);line-height:1.78;margin-bottom:22px;color:color-mix(in srgb,var(--ink) 92%,transparent);text-wrap:pretty}.body-h2{font-size:var(--step-3);margin:40px 0 18px;display:flex;align-items:center;gap:12px}.h2-mark{display:inline-grid;place-items:center;color:var(--gold);flex:none}.body-quote{font-family:var(--display);font-style:italic;font-size:var(--step-2);line-height:1.5;color:var(--brand);margin:32px 0;padding-left:24px;border-left:3px solid var(--gold);text-wrap:pretty}[data-theme=dark] .body-quote{color:var(--sand)}.body-list{margin:0 0 22px;padding-left:4px}.body-list li{position:relative;padding-left:28px;margin-bottom:12px;font-size:var(--step-1);line-height:1.7}.body-list li:before{content:"";position:absolute;left:4px;top:11px;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}.article-foot{text-align:center;padding:14px 0 10px}.article-foot .kicker{font-family:var(--arabic);font-size:1.3rem;letter-spacing:0;text-transform:none}.article-foot-note{max-width:46ch;margin:12px auto 0;font-size:var(--step--1)}.pdf-landing{display:grid;grid-template-columns:200px 1fr;gap:34px;align-items:start}.pdf-preview{background:var(--paper-2);border:1px solid var(--line);border-radius:10px;padding:18px}.pdf-page{aspect-ratio:3/4;border-radius:5px;background:var(--paper);border:1px solid var(--line);display:grid;place-content:center;justify-items:center;gap:12px;color:var(--gold);font-size:var(--step--2);font-weight:600;letter-spacing:.04em}.pdf-stats{display:flex;flex-wrap:wrap;gap:20px 28px;margin:22px 0}.pdf-stats div{display:flex;flex-direction:column}.pdf-stats strong{font-family:var(--display);font-size:var(--step-2);color:var(--brand)}[data-theme=dark] .pdf-stats strong{color:var(--sand)}.pdf-stats span{font-size:var(--step--2);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.1em}@media (max-width:560px){.pdf-landing{grid-template-columns:1fr}.pdf-preview{max-width:200px}}.related-section{background:var(--bg-tint);padding-block:clamp(44px,6vw,78px);border-top:1px solid var(--line-soft)}.related-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}.related-head h2{font-size:var(--step-3)}.figure{margin:clamp(28px,4vw,40px) 0}.article-hero{padding-top:26px}.article-hero .figure{margin:0}.figure-ph{position:relative;width:100%;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--brand);color:var(--sand)}[data-theme=dark] .figure-ph{background:var(--paper-2);border:1px solid var(--line)}.figure-stripes{position:absolute;inset:0;opacity:.5;background:repeating-linear-gradient(45deg,transparent 0 16px,hsla(44,61%,77%,.09) 16px 17px),repeating-linear-gradient(-45deg,transparent 0 16px,hsla(44,61%,77%,.09) 16px 17px)}.figure-label,.figure-ph .motif{position:relative}.figure-label{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:color-mix(in srgb,var(--sand) 85%,transparent)}.figure-play{position:relative;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--sand) 92%,#fff);box-shadow:0 8px 30px -8px rgba(0,0,0,.5)}.play-tri{width:0;height:0;margin-left:4px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--brand)}.figure-cap{margin-top:12px;font-family:var(--display);font-style:italic;font-size:var(--step--1);line-height:1.5;color:var(--ink-soft);text-align:center;text-wrap:pretty}.video-landing{display:flex;flex-direction:column;gap:6px}.video-landing .figure{margin:0 0 18px}.video-info .pdf-stats{margin-top:18px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:20px}.cat-tile{position:relative;display:flex;flex-direction:column;padding:26px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}.cat-tile:after{content:"";position:absolute;right:-30px;bottom:-30px;width:110px;height:110px;background:repeating-linear-gradient(45deg,transparent 0 9px,var(--line-soft) 9px 10px);border-radius:50%;opacity:.8;transition:transform .4s}.cat-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.cat-tile:hover:after{transform:scale(1.4) rotate(20deg)}.cat-tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.cat-tile-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--bg-tint);color:var(--gold)}.cat-tile-count{font-family:var(--display);font-size:var(--step-2);color:var(--ink-faint)}.cat-tile-name{font-size:var(--step-3);margin-bottom:2px}.cat-tile-en{font-size:var(--step--2);text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:700}.cat-tile-desc{margin:14px 0 18px;color:var(--ink-soft);font-size:var(--step--1);line-height:1.6;flex:1}.cat-tile-go{font-weight:600;font-size:var(--step--1);color:var(--brand);display:inline-flex;align-items:center;gap:7px}[data-theme=dark] .cat-tile-go{color:var(--gold)}.search-hero{padding-block:clamp(48px,8vw,90px) 30px}.search-title{font-size:var(--step-5);margin-bottom:10px}.search-popular{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}.about-hero{position:relative;overflow:hidden;padding-block:clamp(50px,8vw,96px) clamp(36px,5vw,60px);text-align:center}.about-pattern{position:absolute;inset:0;opacity:.5;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--sand) 35%,transparent),transparent 50%),repeating-linear-gradient(45deg,transparent 0 24px,var(--line-soft) 24px 25px),repeating-linear-gradient(-45deg,transparent 0 24px,var(--line-soft) 24px 25px);-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 20%,#000,transparent 70%)}.about-hero>.wrap-read{position:relative}.about-title{font-size:var(--step-5);margin:6px 0 22px;text-wrap:balance}.about-lede{font-family:var(--display);font-size:var(--step-2);line-height:1.5;color:var(--ink-soft);text-wrap:pretty}.about-h2{font-size:var(--step-3);margin:40px 0 18px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0 12px}@media (max-width:900px){.value-grid{grid-template-columns:repeat(2,1fr)}}.value-card{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg)}.value-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--bg-tint);color:var(--gold);margin-bottom:14px}.value-card h3{font-size:var(--step-1);margin-bottom:8px}.value-card p{font-size:var(--step--1);line-height:1.6}.contact-card{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:34px;padding:28px 30px;background:var(--brand);color:var(--on-brand);border-radius:var(--radius-lg)}[data-theme=dark] .contact-card{background:var(--paper-2);border:1px solid var(--line)}.contact-card .kicker{color:var(--sand)}.contact-line{margin-top:8px;max-width:44ch;color:color-mix(in srgb,var(--on-brand) 82%,transparent)}[data-theme=dark] .contact-line{color:var(--ink-soft)}@media (max-width:640px){.value-grid{grid-template-columns:1fr}}.notfound{display:grid;place-items:center;min-height:60vh;padding:60px 20px}.notfound h1{font-size:var(--step-4);margin:18px 0 10px}.notfound p{margin-bottom:24px}