@font-face{font-family:IndoPak;src:url(/fonts/IndoPak.woff) format("woff");font-display:swap}@font-face{font-family:SurahName;src:url(/fonts/surah-name-v2.woff2) format("woff2");font-display:block}:root{--brand-50: #fff8f3;--brand-100: #f8ede4;--brand-200: #efc9ad;--brand-300: #e4a177;--brand-500: #da8856;--brand-700: #a85f35;--brand-800: #8a4a27;--bg: #fffdf9;--surface: #ffffff;--surface-sunken: #fff8f3;--border: #f0dccb;--border-strong: #a8774f;--ink: #2b2118;--ink-muted: #6b5647;--ink-subtle: #8a7566;--on-brand: #ffffff;--night: #241b14;--night-2: #33271e;--on-night: #f5ebe1;--on-night-muted: #cdbcac;--success: #2f7d55;--success-bg: #e8f4ec;--info: #2f6690;--info-bg: #e7f0f7;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-card: 0 1px 2px rgba(43,33,24,.06), 0 1px 3px rgba(43,33,24,.04);--shadow-raised: 0 8px 24px rgba(43,33,24,.1);--font-display: "Fraunces", Georgia, serif;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-quran: "IndoPak", "Amiri Quran", "Noto Naskh Arabic", serif;--font-urdu: "Noto Nastaliq Urdu", serif;--font-arabic-ui: "Amiri", serif}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:var(--brand-700);text-decoration:none}a:hover{color:var(--brand-800)}*{box-sizing:border-box}button{font-family:inherit}:focus-visible{outline:2px solid var(--brand-700);outline-offset:2px}.display{font-family:var(--font-display);font-weight:600;font-size:56px;line-height:1.05;letter-spacing:-1px;margin:0}.h1{font-family:var(--font-display);font-weight:600;font-size:40px;line-height:1.1;letter-spacing:-.5px;margin:0}.h2{font-family:var(--font-display);font-weight:600;font-size:28px;line-height:1.2;margin:0}.h3{font-size:18px;line-height:26px;font-weight:700;margin:0}.body{font-size:16px;line-height:26px;margin:0}.muted{color:var(--ink-muted)}.small{font-size:14px;line-height:20px}.caption{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.eyebrow{font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--brand-700);margin:0}.ar{font-family:var(--font-quran);direction:rtl}.ur{font-family:var(--font-urdu);direction:rtl}.ar-ui{font-family:var(--font-arabic-ui);direction:rtl}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--radius-full);border:1px solid transparent;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap;text-decoration:none}.btn svg{width:18px;height:18px}.btn-primary{background:var(--brand-700);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-800);color:var(--on-brand)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}.btn-secondary:hover{border-color:var(--brand-300);color:var(--ink)}.btn-ghost{background:transparent;color:var(--ink-muted)}.btn-light{background:var(--on-night);color:var(--night)}.btn-light:hover{background:#fff;color:var(--night)}.btn-sm{min-height:36px;padding:0 14px;font-size:14px}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:0;background:transparent;color:var(--ink-muted);cursor:pointer}.iconbtn:hover{background:var(--brand-50);color:var(--brand-700)}.iconbtn svg{width:20px;height:20px}.iconbtn.on{color:var(--brand-700)}.topnav{position:sticky;top:0;z-index:5;background:#fffdf9eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topnav-in{max-width:1280px;margin:0 auto;padding:12px 32px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.navlinks{display:flex;gap:4px}.navlink{padding:8px 14px;border-radius:var(--radius-full);font-size:15px;font-weight:600;color:var(--ink-muted)}.navlink:hover{color:var(--ink);background:var(--brand-50)}.navlink.active{color:var(--ink);background:var(--brand-100)}.search{flex:none;display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--ink-subtle)}.search input{border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:var(--ink);flex:1;min-width:0}.search svg{width:18px;height:18px;flex:none}.kbd{font-size:12px;font-weight:600;color:var(--ink-subtle);border:1px solid var(--border);border-radius:6px;padding:2px 6px}.wrap{max-width:1280px;margin:0 auto;padding:0 32px}.section{padding:72px 0}.row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}@media (max-width: 900px){.grid-3,.grid-4{grid-template-columns:repeat(1,minmax(0,1fr))}.display{font-size:40px}.wrap{padding:0 16px}.navlinks{display:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-link{display:block;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}.card-link:hover{border-color:var(--brand-300);box-shadow:var(--shadow-raised);color:inherit;transform:translateY(-1px)}.topic{padding:20px;display:flex;flex-direction:column;gap:12px;min-height:172px}.topic-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.topic-ar{font-family:var(--font-arabic-ui);font-size:26px;line-height:36px;color:var(--brand-700);direction:rtl;margin:0}.topic-title{font-size:17px;line-height:24px;font-weight:700;margin:0;color:var(--ink)}.topic-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background:var(--surface-sunken);color:var(--ink-muted);border:1px solid var(--border)}.pill-brand{background:var(--brand-100);color:var(--brand-800);border-color:transparent}.pill-info{background:var(--info-bg);color:var(--info);border-color:transparent}.chip{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);font-size:14px;font-weight:600;color:var(--ink-muted);white-space:nowrap}.chip:hover{color:var(--ink);border-color:var(--brand-300)}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--on-night)}.theme-ico{width:44px;height:44px;border-radius:12px;background:var(--brand-50);color:var(--brand-700);display:inline-flex;align-items:center;justify-content:center;flex:none}.theme-ico svg{width:22px;height:22px}.verse{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;scroll-margin-top:96px}.verse-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px 8px 20px;border-bottom:1px solid var(--border);background:var(--surface-sunken)}.verse-ref{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--ink)}.verse-ref span{font-weight:500;color:var(--ink-muted)}.verse-body{padding:28px 28px 24px;display:flex;flex-direction:column;gap:18px}.verse-ar{font-family:var(--font-quran);font-size:34px;line-height:2.05;text-align:right;direction:rtl;color:var(--ink);margin:0}.verse-ur{font-family:var(--font-urdu);font-size:19px;line-height:2.1;text-align:right;direction:rtl;color:var(--ink);margin:0}.verse-en{font-size:16px;line-height:27px;color:var(--ink-muted);margin:0}.ayah-no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-full);border:1.5px solid var(--brand-500);color:var(--brand-700);font-size:12px;font-weight:700;font-family:var(--font-sans);flex:none}.ayah-mark{font-family:var(--font-quran);color:var(--brand-500)}.divider-orn{display:flex;align-items:center;gap:16px;color:var(--brand-300)}.divider-orn:before,.divider-orn:after{content:"";flex:1;height:1px;background:var(--border)}.hadith{border-radius:var(--radius-lg);background:var(--surface-sunken);border:1px solid var(--border);padding:28px;display:flex;flex-direction:column;gap:16px}.crumbs{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--ink-subtle);flex-wrap:wrap}.crumbs a{color:var(--ink-muted);font-weight:600}.footer{background:var(--night);color:var(--on-night-muted)}.footer a{color:var(--on-night)}.footer a:hover{color:var(--brand-300)}.phone{width:390px;background:var(--bg);position:relative;overflow:hidden;font-family:var(--font-sans);color:var(--ink)}.appbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px}.tabbar{position:absolute;left:0;right:0;bottom:0;height:84px;padding:8px 8px 24px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fffdf9f5;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--ink-subtle);text-decoration:none}.tab-ico{width:52px;height:30px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center}.tab-ico svg{width:22px;height:22px}.tab.on{color:var(--brand-700)}.tab.on .tab-ico{background:var(--brand-100)}.scrollx{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.scrollx::-webkit-scrollbar{display:none}.m-verse-ar{font-family:var(--font-quran);font-size:27px;line-height:2.05;text-align:right;direction:rtl;margin:0;color:var(--ink)}.m-verse-ur{font-family:var(--font-urdu);font-size:16px;line-height:2.1;text-align:right;direction:rtl;margin:0}.player{display:flex;align-items:center;gap:16px;background:var(--night);color:var(--on-night);border-radius:var(--radius-lg);padding:12px 16px;box-shadow:var(--shadow-raised)}.player .iconbtn{color:var(--on-night)}.player .iconbtn:hover{background:var(--night-2);color:#fff}.play-btn{width:44px;height:44px;border-radius:var(--radius-full);border:0;background:var(--brand-500);color:var(--night);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.play-btn svg{width:20px;height:20px}.track{flex:1;height:4px;border-radius:4px;background:var(--night-2);overflow:hidden}.track span{display:block;height:100%;width:38%;background:var(--brand-500)}.orn{opacity:.5;pointer-events:none}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:14px;font-weight:700}.input{height:48px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);padding:0 14px;font:inherit;font-size:16px;color:var(--ink);width:100%}.progress{height:6px;border-radius:6px;background:var(--brand-100);overflow:hidden}.progress span{display:block;height:100%;background:var(--brand-500);border-radius:inherit}.danger{color:#b3361f}.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--radius-full);font-size:12px;font-weight:700}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.b-pub{background:var(--success-bg);color:var(--success)}.b-draft{background:#fbf0dc;color:#8a560b}.b-new{background:var(--info-bg);color:var(--info)}.b-off{background:#fbe9e5;color:#b3361f}.b-muted{background:var(--surface-sunken);color:var(--ink-muted);border:1px solid var(--border)}.admin{display:flex;min-height:100vh;background:#f8f4ee;flex-wrap:wrap}.side{flex:0 0 248px;background:var(--night);color:var(--on-night-muted);padding:20px 14px;display:flex;flex-direction:column;gap:4px}.side a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--on-night-muted);font-size:14px;font-weight:600}.side a:hover{background:var(--night-2);color:var(--on-night)}.side a.on{background:var(--brand-500);color:var(--night)}.side a svg{width:18px;height:18px;flex:none}.side-count{margin-left:auto;font-size:12px;opacity:.8}.side-badge{margin-left:auto;min-width:22px;height:22px;border-radius:11px;background:var(--brand-500);color:var(--night);font-size:12px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.side a.on .side-badge{background:var(--night);color:var(--brand-300)}.side .grp{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#8c7a6b;padding:16px 12px 6px;margin:0}.amain{flex:999 1 640px;min-width:0;display:flex;flex-direction:column}.abar{display:flex;align-items:center;gap:16px;padding:14px 32px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.acontent{padding:28px 32px 48px;display:flex;flex-direction:column;gap:24px}.stat{padding:20px;display:flex;flex-direction:column;gap:6px}.stat .v{font-family:var(--font-display);font-size:32px;font-weight:600;line-height:1.1}.tbl-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-muted);padding:12px 16px;background:var(--surface-sunken);border-bottom:1px solid var(--border);white-space:nowrap}.tbl td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.tbl tr:hover td{background:#fffaf5}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);flex-wrap:wrap}.tabs a,.tabs button{padding:12px 16px;font-size:14px;font-weight:700;color:var(--ink-muted);border:0;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;font-family:inherit}.tabs .on{color:var(--ink);border-bottom-color:var(--brand-700)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.textarea{min-height:120px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);padding:12px 14px;font:inherit;font-size:15px;line-height:24px;color:var(--ink);width:100%;resize:vertical}.select{height:48px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);padding:0 14px;font:inherit;font-size:15px;color:var(--ink);width:100%}.help{font-size:13px;color:var(--ink-muted);margin:0}.switch{width:44px;height:26px;border-radius:13px;background:var(--brand-700);position:relative;flex:none;display:inline-block}.switch:after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff}.switch.off{background:#d9c7b8}.switch.off:after{right:auto;left:3px}.stepper{display:flex;gap:8px;flex-wrap:wrap}.step{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);font-size:14px;font-weight:700;color:var(--ink-muted)}.step i{font-style:normal;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-sunken);font-size:12px}.step.done i{background:var(--success);color:#fff}.step.on{border-color:var(--brand-700);color:var(--ink)}.step.on i{background:var(--brand-700);color:#fff}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#241b1473}.dialog{position:relative;background:var(--surface);border-radius:var(--radius-xl);box-shadow:0 24px 60px #241b1440;padding:24px;display:flex;flex-direction:column;gap:16px}.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--surface);border-radius:24px 24px 0 0;padding:10px 20px 28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 -12px 40px #241b142e}.grab{width:40px;height:5px;border-radius:3px;background:var(--border);align-self:center;margin-bottom:4px}.list-row{display:flex;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid var(--border);font-size:15px;color:var(--ink);min-height:52px}.list-row svg{width:20px;height:20px;color:var(--ink-muted);flex:none}.list-row:last-child{border-bottom:0}.seg{display:grid;background:var(--surface-sunken);border-radius:var(--radius-full);padding:4px;border:1px solid var(--border)}.seg span{height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:13px;font-weight:700;color:var(--ink-muted)}.seg span.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card)}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);background:var(--night);color:var(--on-night);font-size:14px;box-shadow:var(--shadow-raised)}.toast b{color:var(--brand-300);font-weight:700;margin-left:auto}.topnav-in .search,.abar .search{flex:1 1 280px}.sname{font-family:SurahName,Amiri,serif;font-weight:400;line-height:1;direction:rtl}.lockup{display:flex;flex-direction:column;align-items:flex-start;gap:2px;color:var(--ink);line-height:1}.lockup img{height:30px;width:auto;display:block}.lockup span{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.4px;color:var(--ink-muted)}.credit{font-size:12px;line-height:18px;color:var(--ink-subtle)}.credit b{font-weight:700;color:var(--ink-muted)}.refline{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--ink-muted)}.refline .k{font-weight:700;color:var(--ink)}.bookp{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:11px;font-weight:700;color:var(--ink-muted);white-space:nowrap}.theme-dark{color-scheme:dark}.theme-dark{--brand-50: #2a1d14;--brand-100: #3a2719;--brand-200: #5c3b25;--brand-300: #e4a177;--brand-500: #e4a177;--brand-700: #eeb48f;--brand-800: #f6cdb2;--bg: #17120e;--surface: #211a15;--surface-sunken: #1b1511;--border: #3d3027;--border-strong: #8c7a6b;--ink: #f5ebe1;--ink-muted: #bfae9f;--ink-subtle: #8c7a6b;--on-brand: #1d140e;--night: #0f0b08;--night-2: #2a211a;--on-night: #f5ebe1;--on-night-muted: #bfae9f;--success: #6fcf97;--success-bg: #1c2b22;--info: #7fb3e0;--info-bg: #16222c;--shadow-card: 0 1px 2px rgba(0,0,0,.4);--shadow-raised: 0 10px 28px rgba(0,0,0,.5);background:var(--bg);color:var(--ink)}.theme-dark .topnav{background:#17120ee6}.theme-dark .tabbar{background:#17120ef5}.theme-dark .lockup img,.theme-dark img.wm{content:url(/brand/wordmark-white.png)}.theme-dark .chip.on{background:var(--brand-700);border-color:var(--brand-700);color:var(--on-brand)}.theme-dark .tbl tr:hover td{background:#261e18}.theme-dark .admin{background:#120e0b}.theme-dark .switch.off{background:#4a3b30}.theme-dark .b-draft{background:#2e2414;color:#f0b44c}.theme-dark .b-off{background:#2e1a16;color:#f08a7a}.theme-dark .orn-img{opacity:.18}[dir=rtl]{font-family:var(--font-urdu)}[dir=rtl] .ui-ur,.ui-ur{font-family:var(--font-urdu);line-height:2}[dir=rtl] .h1,[dir=rtl] .h2,[dir=rtl] .display{font-family:var(--font-urdu);font-weight:600;letter-spacing:0;line-height:1.9}[dir=rtl] .h3,[dir=rtl] .navlink,[dir=rtl] .btn,[dir=rtl] .chip,[dir=rtl] .pill,[dir=rtl] .tab{font-family:var(--font-urdu);letter-spacing:0}[dir=rtl] .eyebrow,[dir=rtl] .caption{letter-spacing:0;text-transform:none;font-family:var(--font-urdu);font-size:13px;line-height:24px}[dir=rtl] .body,[dir=rtl] .small{line-height:2}[dir=rtl] .tbl th{text-align:right}.flip{transform:scaleX(-1)}.num-en{font-family:var(--font-sans);direction:ltr;unicode-bidi:isolate}.tablet{background:var(--bg);color:var(--ink);font-family:var(--font-sans);position:relative;overflow:hidden;display:flex}.rail{flex:0 0 88px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 0}.rail a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--ink-subtle)}.rail a .tab-ico{width:56px;height:32px}.rail a.on{color:var(--brand-700)}.rail a.on .tab-ico{background:var(--brand-100)}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh}.theme-dark body,html.theme-dark{background:var(--bg);color:var(--ink)}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:10px}.skip:focus{top:12px;color:var(--bg)}.stack{display:flex;flex-direction:column}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.gap-32{gap:32px}.between{justify-content:space-between}.center{text-align:center}.nowrap{flex-wrap:nowrap}.grow{flex:1 1 auto;min-width:0}.mt-0{margin-top:0}.m-0{margin:0}.w-full{width:100%}.link-strong{font-weight:700}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.page>main{flex:1 0 auto}.ur,[lang=ur]{font-family:var(--font-urdu)}.num{font-variant-numeric:tabular-nums}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--brand-700);outline-offset:1px;border-color:var(--brand-700)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:#b3361f}.err{color:#b3361f;font-size:13px;margin:0}.theme-dark .err{color:#f08a7a}.check{display:inline-flex;align-items:center;gap:8px;font-size:14px}.check input{width:18px;height:18px;accent-color:var(--brand-700)}button:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn-danger{background:#b3361f;color:#fff}.btn-block{width:100%}.prose{font-size:17px;line-height:30px;color:var(--ink)}.prose h2{font-family:var(--font-display);font-size:26px;line-height:1.25;margin:32px 0 10px}.prose h3{font-size:19px;margin:24px 0 8px}.prose p,.prose ul,.prose ol{margin:0 0 16px}.prose blockquote{margin:0 0 16px;padding:4px 0 4px 18px;border-left:3px solid var(--brand-200);color:var(--ink-muted)}[dir=rtl] .prose{font-family:var(--font-urdu);font-size:19px;line-height:2.25}[dir=rtl] .prose blockquote{padding:4px 18px 4px 0;border-left:0;border-right:3px solid var(--brand-200)}.prose a{text-decoration:underline;text-underline-offset:3px}.topnav-in{padding:10px 32px}.navlink.active{font-weight:700}.lockup img{height:32px}.userchip{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid var(--border);border-radius:999px;color:var(--ink);background:var(--surface);font-size:14px;font-weight:700;cursor:pointer}[dir=rtl] .userchip{padding:4px 4px 4px 12px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--brand-100);color:var(--brand-800);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex:none}.menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-raised);padding:6px;z-index:30;display:flex;flex-direction:column}.menu a,.menu button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--ink);font-size:14px;font-weight:600;background:none;border:0;cursor:pointer;text-align:start;font-family:inherit}.menu a:hover,.menu button:hover{background:var(--brand-50)}.relative{position:relative}.appbar-m,.tabbar{display:none}@media (max-width: 760px){.topnav{display:none}.appbar-m{display:flex;position:sticky;top:0;z-index:20;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.appbar-m .wm{height:30px;width:auto}.tabbar{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:25;height:auto;padding:6px 6px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 96%,transparent)}.page{padding-bottom:84px}.wrap{padding:0 16px}.section{padding:44px 0}.h1{font-size:30px}.display{font-size:34px;letter-spacing:-.5px}.grid-2{grid-template-columns:minmax(0,1fr)}.hide-phone{display:none!important}.verse-body{padding:18px 16px;gap:12px}.verse-ar{font-size:27px}.verse-ur{font-size:17px}.verse-bar{padding:6px 6px 6px 14px}.hadith{padding:18px}.footer .wrap{padding-top:32px}}@media (min-width: 761px){.only-phone{display:none!important}}@media (max-width: 1100px) and (min-width: 761px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.dock{position:sticky;bottom:16px;z-index:22;display:flex;justify-content:center;padding:0 16px;margin:0 0 16px;pointer-events:none}.dock .player{pointer-events:auto;width:100%;max-width:1240px;flex-wrap:nowrap;padding:14px 22px;gap:16px}.dock .player .track{min-width:60px}.dock .player .play-btn{width:56px;height:56px}.dock .player .iconbtn{width:44px;height:44px}.player-sname{font-size:44px;color:var(--brand-300);flex:none}@media (max-width: 767px){.dock .player{padding:12px 14px;gap:10px}.player-sname{font-size:34px}}@media (max-width: 760px){.dock{position:fixed;left:0;right:0;bottom:calc(76px + env(safe-area-inset-bottom));margin:0;padding:0 10px}.dock .player{padding:8px 10px 8px 14px;gap:10px;flex-wrap:nowrap}}.track{cursor:pointer;position:relative}.track span{width:0;transition:width .2s linear}.verse.is-playing,.ayah-row.is-playing{box-shadow:0 0 0 2px var(--brand-300)}.ayah-row{padding:26px 8px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;border-radius:0;scroll-margin-top:90px}.ayah-row.is-target{background:var(--brand-50);border-radius:16px}@media (max-width: 760px){.ayah-row{grid-template-columns:minmax(0,1fr);padding:18px 4px;gap:10px}.ayah-row .ayah-side{flex-direction:row!important}}.toast-wrap{position:fixed;inset-inline:0;bottom:24px;display:flex;justify-content:center;z-index:60;pointer-events:none;padding:0 16px}.toast-wrap .toast{pointer-events:auto;animation:toast-in .2s ease-out;max-width:520px}@media (max-width: 760px){.toast-wrap{bottom:calc(96px + env(safe-area-inset-bottom))}}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:16px}.overlay .scrim{position:absolute;top:0;right:0;bottom:0;left:0}.overlay .dialog{width:100%;max-width:480px;max-height:calc(100vh - 32px);overflow:auto}@media (max-width: 760px){.overlay{align-items:flex-end;padding:0}.overlay .dialog{max-width:none;border-radius:24px 24px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}}.tile-ar{font-family:var(--font-urdu);font-size:18px;line-height:1.9;color:var(--brand-700);direction:rtl;margin:0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{cursor:pointer;font-family:inherit}.blk-ar{font-family:var(--font-quran);font-size:32px;line-height:2.05;text-align:right;direction:rtl;color:var(--ink);margin:0}.blk-ur{font-family:var(--font-urdu);font-size:19px;line-height:2.15;text-align:right;direction:rtl;color:var(--ink);margin:0}.blk-en{font-size:16px;line-height:27px;color:var(--ink-muted);margin:0;direction:ltr;text-align:left;font-family:var(--font-sans)}.hadith .blk-ar{font-family:var(--font-quran);font-size:28px;line-height:2.05}.q-ar{font-family:var(--font-quran);font-size:1.45em;line-height:1}.ar-ref{font-family:var(--font-urdu);font-size:.62em;color:var(--ink-muted)}.hadith .blk-ur{font-size:18px}.textsize-s .blk-ar,.textsize-s .verse-ar{font-size:26px}.textsize-l .blk-ar,.textsize-l .verse-ar{font-size:38px}.textsize-xl .blk-ar,.textsize-xl .verse-ar{font-size:44px}@media (max-width: 760px){.blk-ar{font-size:27px}.blk-ur{font-size:17px}.blk-en{font-size:15px;line-height:24px}}.rail-list a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;font-size:14px;color:var(--ink)}.rail-list a:hover{background:var(--brand-50)}.rail-list a.on{background:var(--brand-100);font-weight:700}.sticky-rail{position:sticky;top:88px}.surah-sticky{position:sticky;z-index:4;height:0;margin-bottom:-20px}.surah-sticky-bar{position:absolute;inset-inline:0;top:0;display:flex;justify-content:center;padding:2px 16px;background:var(--night);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-card);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s,transform .2s}.surah-sticky.is-on .surah-sticky-bar{opacity:1;transform:none}.admin .side{position:sticky;top:0;height:100vh;overflow-y:auto}.admin .side .brand{padding:6px 8px 18px;background:transparent;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.admin .side .brand:hover{background:transparent}.side .count{margin-inline-start:auto;font-size:12px;opacity:.8}.side .pillcount{margin-inline-start:auto;min-width:22px;height:22px;border-radius:11px;background:var(--brand-500);color:var(--night);font-size:12px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.tbl a.rowlink{color:var(--ink);font-weight:700}.pager{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pager a,.pager span{min-width:36px;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--ink);background:var(--surface)}.pager .on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pager .off{opacity:.45}@media (max-width: 900px){.admin .side{position:static;height:auto;flex:1 1 100%;flex-direction:row;flex-wrap:wrap;padding:10px}.admin .side .grp{display:none}.admin .side .brand{flex-direction:row;padding:4px 8px}.admin .side .side-foot{display:none!important}.acontent{padding:20px 16px 40px}.abar{padding:12px 16px}.form-grid{grid-template-columns:minmax(0,1fr)}}.drag{cursor:grab;color:var(--ink-subtle);background:none;border:0;padding:4px}.drag:active{cursor:grabbing}.is-dragging{opacity:.5}.drop-target{box-shadow:inset 0 2px 0 var(--brand-700)}.kpi-bars{display:flex;align-items:flex-end;gap:6px;height:140px}.kpi-bars span{flex:1;background:var(--brand-300);border-radius:6px 6px 0 0;min-height:4px}.kpi-bars span.on{background:var(--brand-700)}.empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 16px}.empty .ico{width:72px;height:72px;border-radius:50%;background:var(--brand-50);color:var(--brand-700);display:inline-flex;align-items:center;justify-content:center}.skel{background:linear-gradient(90deg,var(--surface-sunken),var(--brand-50),var(--surface-sunken));background-size:200% 100%;animation:skel 1.2s infinite;border-radius:8px}@keyframes skel{to{background-position:-200% 0}}[dir=rtl] .flip-rtl{transform:scaleX(-1)}[dir=rtl] .crumbs{direction:rtl}[dir=rtl] .search input{text-align:right}[dir=rtl] .verse-bar{padding:8px 20px 8px 12px}@media print{.topnav,.appbar-m,.tabbar,.dock,.footer,.no-print{display:none!important}.page{padding:0}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.card-link.row,.card-link.stack{display:flex}.wrap.section{padding:72px 32px}@media (max-width: 760px){.wrap.section{padding:44px 16px}}.ayah-end{display:inline-flex;align-items:center;justify-content:center;min-width:1.35em;height:1.35em;padding:0 .2em;margin:0 .15em;border:1.5px solid var(--brand-500);border-radius:999px;font-family:var(--font-arabic-ui);font-size:.55em;line-height:1;color:var(--brand-700);vertical-align:middle}[dir=rtl] .display{font-size:38px;line-height:1.8}@media (max-width: 760px){[dir=rtl] .display{font-size:28px}[dir=rtl] .h1{font-size:26px}}label.toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;cursor:pointer}label.toggle input{order:2;-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;width:44px;height:26px;border-radius:13px;background:#d9c7b8;position:relative;flex:none;cursor:pointer;transition:background .15s}label.toggle input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px #00000026}label.toggle input:checked{background:var(--brand-700)}label.toggle input:checked:after{left:21px}label.toggle input:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.theme-dark label.toggle input:not(:checked){background:#4a3b30}.linkbtn{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--brand-700);cursor:pointer}.linkbtn:hover{color:var(--brand-800);text-decoration:underline}.num-badge{width:26px;height:26px;border-radius:999px;border:1.5px solid var(--brand-300);color:var(--brand-700);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}.topic-top .tile-ar{text-align:end}.account-grid{display:grid;grid-template-columns:248px minmax(0,1fr);gap:28px;align-items:start}.account-side{padding:14px;position:sticky;top:88px;display:flex;flex-direction:column;gap:10px}.account-nav{display:flex;flex-direction:column;gap:6px}.account-nav a,.account-nav .account-out{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--ink);font:inherit;font-size:14px;font-weight:600;background:none;border:0;cursor:pointer;text-align:start;width:100%}.account-nav a:hover,.account-nav .account-out:hover{background:var(--surface-sunken)}.account-nav a.on{background:var(--brand-50);color:var(--brand-800)}.account-nav .account-out{border-top:1px solid var(--border);border-radius:0 0 10px 10px;margin-top:6px;padding-top:12px;color:var(--ink-muted)}.account-grp{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ink-subtle);margin:8px 10px 2px}@media (max-width: 899px){.account-grid{grid-template-columns:1fr;gap:18px}.account-side{position:static}.account-nav{flex-direction:row;flex-wrap:wrap}.account-nav>div{flex-direction:row!important;flex-wrap:wrap}.account-grp,.account-nav .account-out{display:none}.account-nav a{width:auto}}.label{font-size:14px;font-weight:700}.blk{border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;gap:12px;align-items:center;background:var(--surface);flex-wrap:wrap}.blk.off{opacity:.55}.blk>.grow{min-width:120px}.page-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;color:var(--ink);font-weight:600;font-size:14px}.page-nav:hover{background:var(--surface-sunken);color:var(--ink)}.page-nav.on{background:var(--brand-100);font-weight:700}.seg .seg-btn{height:34px;border:0;border-radius:var(--radius-full);background:transparent;font:inherit;font-size:13px;font-weight:700;color:var(--ink-muted);cursor:pointer}.seg .seg-btn.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card)}.rte{border:1px solid var(--border-strong);border-radius:12px;overflow:hidden;background:var(--surface)}.rte-bar{display:flex;flex-wrap:wrap;gap:2px;padding:4px;border-bottom:1px solid var(--border);background:var(--surface-sunken)}.rte-body{min-height:220px;max-height:50vh;overflow-y:auto;padding:14px 16px;outline:none}.rte-body:focus{box-shadow:inset 0 0 0 2px var(--brand-300)}.og-prev{width:160px;height:84px;border-radius:10px;background:var(--night);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:none}.og-prev img{width:100%;height:100%;object-fit:cover}.theme-dark .page-nav.on{background:var(--night-2)}