:root{--bg:#0a0e13;--bg-2:#0d1219;--panel:#121822;--panel-2:#172029;--line:#232d38;--line-soft:#171f28;--ink:#eef2f6;--ink-dim:#b6bec6;--ink-faint:#7c8794;--ink-mute:#59636e;--accent:#21df00;--accent-bright:#4bfb55;--accent-deep:#569656;--accent-fill:#21df00;--btn-ink:#06220a;--accent-glow:#21df0047;--accent-wash:#21df0012;--live:#03dac5;--live-dim:#04b3a1;--danger:#ef6b57;--overlay:#00000042;--header-bg:#0a0e13d9;--r-xs:7px;--r-sm:9px;--r:12px;--r-lg:16px;--r-xl:22px;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--shadow-sm:0 1px 2px #00000059;--shadow:0 2px 8px -3px #00000073, 0 14px 30px -14px #0000008c;--shadow-lg:0 10px 26px -10px #00000080, 0 30px 64px -24px #0009;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--maxw:1180px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f5f7f5;--bg-2:#eef2ee;--panel:#fff;--panel-2:#eef2ee;--line:#e0e6e0;--line-soft:#e9ede9;--ink:#10161d;--ink-dim:#4f5a52;--ink-faint:#78837b;--ink-mute:#9aa39c;--accent:#0e7a00;--accent-bright:#0a6600;--accent-deep:#a6cfa6;--accent-fill:#21df00;--btn-ink:#06220a;--accent-glow:#0e7a002e;--accent-wash:#21df0014;--live:#017d72;--live-dim:#03dac5;--overlay:#0000001f;--header-bg:#ffffffdb;--shadow-sm:0 1px 2px #1428140f;--shadow:0 2px 8px -3px #142d141a, 0 14px 30px -16px #142d1424;--shadow-lg:0 10px 26px -10px #142d1424, 0 30px 64px -26px #142d142e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);background-position:-1px -1px;background-size:38px 38px,38px 38px;margin:0;font-size:15px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1100px 460px at 50% -160px, var(--accent-wash), transparent 70%), radial-gradient(120% 80% at 50% 0%, transparent 55%, var(--bg) 100%);position:fixed;inset:0;transform:translateZ(0)}#root{z-index:1;position:relative}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:600}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:500}body,.site-header,.card,.btn,.chip,.dl,.designer,.search,.theme-toggle{transition:background-color .28s var(--ease), border-color .28s var(--ease), color .28s var(--ease), box-shadow .28s var(--ease)}.site-header{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--header-bg);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .wrap{align-items:center;gap:18px;height:66px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{width:34px;height:34px;box-shadow:0 0 0 1px var(--line), 0 4px 12px -4px #00000080;transition:transform .3s var(--ease-spring), box-shadow .3s var(--ease);border-radius:9px;flex:none;display:block}.brand:hover .brand-mark{box-shadow:0 0 0 1px var(--accent-deep), 0 6px 18px -5px var(--accent-glow);transform:rotate(-4deg)scale(1.06)}.brand b{font-family:var(--font-display);letter-spacing:-.03em;font-size:18px}.brand>span>span{color:var(--ink-mute);font-size:12px;font-family:var(--font-mono);letter-spacing:.02em}.header-spacer{flex:1}.header-count{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.02em;font-size:12px}.header-count b{color:var(--live);font-weight:500}.hero{padding:84px 0 46px;position:relative}.hero .eyebrow{animation:rise .6s var(--ease-out) both}.hero h1{letter-spacing:-.035em;max-width:15ch;animation:rise .6s var(--ease-out) 50ms both;font-size:clamp(34px,5.6vw,60px);line-height:1}.hero h1 .cu{color:var(--accent)}.hero p{color:var(--ink-dim);max-width:54ch;animation:rise .6s var(--ease-out) .12s both;margin-top:20px;font-size:16.5px;line-height:1.6}.hero-stats{animation:rise .6s var(--ease-out) .18s both;flex-wrap:wrap;gap:40px;margin-top:34px;display:flex}.hero-stat{flex-direction:column;gap:2px;padding-left:14px;display:flex;position:relative}.hero-stat:before{content:"";background:var(--accent);opacity:.5;border-radius:2px;width:2px;position:absolute;top:4px;bottom:4px;left:0}.hero-stat b{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.02em;font-size:26px;font-weight:500}.hero-stat span{color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;font-size:12px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.controls{flex-wrap:wrap;align-items:center;gap:14px;margin:6px 0 22px;display:flex}.search{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);min-width:260px;height:50px;box-shadow:var(--shadow-sm);flex:1;align-items:center;gap:11px;padding:0 16px;display:flex}.search:focus-within{border-color:var(--accent-deep);box-shadow:0 0 0 4px var(--accent-glow), var(--shadow-sm)}.search input{color:var(--ink);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;font-size:15px}.search input::placeholder{color:var(--ink-mute)}.search svg{color:var(--ink-faint);transition:color .2s var(--ease);flex:none}.search:focus-within svg{color:var(--accent)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--font-mono);letter-spacing:.01em;border:1px solid var(--line);background:var(--panel);color:var(--ink-dim);cursor:pointer;transition:color .16s var(--ease), border-color .16s var(--ease), background-color .16s var(--ease), transform .16s var(--ease-spring);border-radius:100px;padding:8px 15px;font-size:12.5px}.chip:hover{color:var(--ink);border-color:var(--accent-deep);transform:translateY(-1px)}.chip:active{transform:translateY(0)}.chip[data-active=true]{color:var(--btn-ink);background:var(--accent-fill);border-color:var(--accent-fill);box-shadow:0 4px 14px -4px var(--accent-glow);font-weight:600}.results-meta{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.02em;margin:2px 0 20px;font-size:12px}.results-meta b{color:var(--ink-dim);font-weight:500}.grid{grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:20px;display:grid}.card{content-visibility:auto;contain-intrinsic-size:auto 300px;background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:transform .32s var(--ease-out), border-color .28s var(--ease), box-shadow .32s var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.card:hover{border-color:var(--accent-deep);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-thumb{aspect-ratio:16/10;background:var(--panel-2);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.card-thumb img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease), transform .6s var(--ease-out);display:block;transform:scale(1.04)}.card-thumb img.loaded{opacity:1;transform:none}.card:hover .card-thumb img.loaded{transform:scale(1.03)}.card-thumb .ph{color:var(--line);background:var(--panel-2);place-items:center;display:grid;position:absolute;inset:0}.card-thumb .pdf-badge,.card-thumb .cat-badge{font-family:var(--font-mono);letter-spacing:.06em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;padding:4px 9px;font-size:10.5px;font-weight:500;position:absolute}.card-thumb .cat-badge{color:#6dff75;background:#080c10b3;border:1px solid #4bfb554d;bottom:11px;left:11px}.card-thumb .pdf-badge{color:#ff8f7e;background:#ef6b5729;border:1px solid #ef6b5766;top:11px;right:11px}.card-body{flex-direction:column;flex:1;gap:11px;padding:15px 16px 16px;display:flex}.card-body h3{letter-spacing:-.015em;font-size:16.5px;line-height:1.28}.card-meta{font-family:var(--font-mono);color:var(--ink-faint);align-items:center;gap:9px;margin-top:auto;font-size:11.5px;display:flex}.card-meta .dot{background:var(--ink-mute);border-radius:50%;width:3px;height:3px}.card-pins{flex-wrap:wrap;gap:6px;display:flex}.pin{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink-mute);background:var(--panel);border-radius:5px;padding:3px 8px;font-size:10px;font-weight:500}.pin[data-on=true]{color:var(--live);border-color:color-mix(in srgb, var(--live) 40%, transparent);background:color-mix(in srgb, var(--live) 8%, transparent)}.reveal{opacity:0;transform:translateY(16px)}.reveal.is-visible{opacity:1;transition:opacity .5s var(--ease-out), transform .55s var(--ease-out);transform:none}.btn{font-family:var(--font-mono);letter-spacing:.01em;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;transition:color .16s var(--ease), border-color .16s var(--ease), background-color .16s var(--ease), transform .16s var(--ease-spring), box-shadow .2s var(--ease);align-items:center;gap:9px;padding:11px 18px;font-size:13px;display:inline-flex}.btn:hover{border-color:var(--accent-deep);color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent-fill);color:var(--btn-ink);border-color:var(--accent-fill);box-shadow:0 6px 18px -6px var(--accent-glow);font-weight:600}.btn-primary:hover{filter:brightness(1.06);color:var(--btn-ink);border-color:var(--accent-fill)}.btn-wide{justify-content:center;width:100%}.center-row{justify-content:center;margin:36px 0 8px;display:flex}.page{animation:fadein .4s var(--ease-out) both}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.back-link{font-family:var(--font-mono);color:var(--ink-dim);transition:color .16s var(--ease), gap .16s var(--ease);align-items:center;gap:8px;margin:30px 0 22px;font-size:13px;display:inline-flex}.back-link:hover{color:var(--accent);gap:11px}.detail{grid-template-columns:1.12fr .88fr;align-items:start;gap:40px;display:grid}.detail-media{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);position:sticky;top:90px;overflow:hidden}.detail-media img{width:100%;display:block}.detail-media embed,.detail-media iframe{background:#fff;border:0;width:100%;height:580px}.detail-media .ph{aspect-ratio:4/3;color:var(--line);place-items:center;display:grid}.detail h1{letter-spacing:-.03em;font-size:clamp(26px,3.6vw,38px);line-height:1.06}.detail-sub{font-family:var(--font-mono);color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;font-size:12.5px;display:flex}.detail-sub .cat{color:var(--accent)}.block{margin-top:30px}.block>.eyebrow{margin-bottom:13px;display:block}.note{color:var(--ink-dim);white-space:pre-wrap;line-height:1.7}.tags{flex-wrap:wrap;gap:7px;display:flex}.tag{font-family:var(--font-mono);background:var(--panel);border:1px solid var(--line);color:var(--ink-dim);transition:border-color .16s var(--ease), color .16s var(--ease);border-radius:6px;padding:5px 10px;font-size:11.5px}.tag:hover{border-color:var(--accent-deep);color:var(--ink)}.designer{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:15px 17px;display:flex}.designer .avatar{width:46px;height:46px;font-family:var(--font-display);background:var(--accent-wash);color:var(--accent);border:1px solid var(--accent-deep);border-radius:50%;flex:none;place-items:center;font-size:19px;font-weight:600;display:grid}.designer .who b{font-family:var(--font-display);font-size:15.5px;display:block}.designer .who span{font-family:var(--font-mono);color:var(--ink-faint);font-size:12px}.bom{border-collapse:collapse;width:100%;font-family:var(--font-mono);background:var(--panel);border:1px solid var(--line);border-radius:var(--r);font-size:13px;overflow:hidden}.bom th{text-align:left;color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;background:var(--panel-2);padding:11px 14px;font-size:10.5px;font-weight:500}.bom td{border-top:1px solid var(--line-soft);padding:10px 14px}.bom tr:hover td{background:var(--panel-2)}.bom tr td:first-child{color:var(--ink)}.bom .val{color:var(--live)}.bom .unit{color:var(--ink-faint)}.dl-list{flex-direction:column;gap:9px;display:flex}.dl{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);transition:border-color .16s var(--ease), background-color .16s var(--ease), transform .16s var(--ease-spring);align-items:center;gap:13px;padding:13px 15px;display:flex}.dl:hover{border-color:var(--accent-deep);background:var(--panel-2);transform:translate(3px)}.dl .ico{background:var(--accent-wash);width:36px;height:36px;color:var(--accent);border:1px solid var(--line);border-radius:8px;flex:none;place-items:center;display:grid}.dl .lbl{flex:1;min-width:0}.dl .lbl b{font-size:14px;font-family:var(--font-body);display:block}.dl .lbl span{font-family:var(--font-mono);color:var(--ink-faint);word-break:break-all;font-size:11px}.dl .arrow{color:var(--ink-faint);transition:color .16s var(--ease)}.dl:hover .arrow{color:var(--accent)}.state{text-align:center;animation:fadein .4s var(--ease-out) both;padding:96px 20px}.state .eyebrow{margin-bottom:14px;display:block}.state h2{letter-spacing:-.02em;margin-bottom:9px;font-size:23px}.state p{color:var(--ink-dim);max-width:46ch;margin:0 auto 22px}.scope{width:132px;height:46px;margin:0 auto 24px;display:block}.scope path{fill:none;stroke:var(--live);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;stroke-dashoffset:260px;animation:trace 1.5s var(--ease) infinite}@keyframes trace{to{stroke-dashoffset:-260px}}.skeleton{background:linear-gradient(100deg, var(--panel) 30%, var(--panel-2) 50%, var(--panel) 70%);animation:shimmer 1.5s var(--ease) infinite;border-radius:var(--r-lg);background-size:300% 100%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-card{aspect-ratio:16/10}.theme-toggle{background:var(--panel);border:1px solid var(--line);border-radius:100px;align-items:center;gap:2px;padding:3px;display:inline-flex}.theme-toggle button{cursor:pointer;width:32px;height:28px;color:var(--ink-faint);transition:color .16s var(--ease), background-color .16s var(--ease);background:0 0;border:none;border-radius:100px;place-items:center;display:grid}.theme-toggle button:hover{color:var(--ink)}.theme-toggle button[data-active=true]{background:var(--accent-wash);color:var(--accent)}.site-footer{border-top:1px solid var(--line);margin-top:84px;padding:34px 0 56px}.site-footer .wrap{font-family:var(--font-mono);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:12px;display:flex}.site-footer a{transition:color .16s var(--ease)}.site-footer a:hover{color:var(--accent)}@media (width<=860px){.detail{grid-template-columns:1fr;gap:26px}.detail-media{position:static}.detail-media embed,.detail-media iframe{height:440px}}@media (width<=560px){.hero{padding:56px 0 32px}.hero-stats{gap:26px}.header-count{display:none}.wrap{padding:0 18px}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:5px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal,.card-thumb img{opacity:1;transform:none}}.infinite-status{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.02em;justify-content:center;align-items:center;gap:12px;padding:34px 0 8px;font-size:12.5px;display:flex}.infinite-status.end{color:var(--ink-mute);gap:14px}.end-rule{background:var(--line);width:40px;height:1px;display:inline-block}.loader-dots{gap:5px;display:inline-flex}.loader-dots i{background:var(--accent);opacity:.35;width:6px;height:6px;animation:dotpulse 1.1s var(--ease) infinite;border-radius:50%;display:block}.loader-dots i:nth-child(2){animation-delay:.15s}.loader-dots i:nth-child(3){animation-delay:.3s}@keyframes dotpulse{0%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.loader-dots i{opacity:.7;animation:none}}.main-nav{gap:4px;margin-left:8px;display:flex}.nav-link{font-family:var(--font-mono);letter-spacing:.01em;color:var(--ink-dim);transition:color .16s var(--ease), background-color .16s var(--ease);border-radius:100px;padding:7px 13px;font-size:13px}.nav-link:hover{color:var(--ink);background:var(--panel-2)}.nav-link.active{color:var(--accent);background:var(--accent-wash)}@media (width<=560px){.nav-link{padding:7px 10px;font-size:12px}.brand>span>span{display:none}}.hub-grid{grid-template-columns:1fr 1fr;gap:20px;margin:10px 0 30px;display:grid}.hub-card{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease-out), border-color .24s var(--ease), box-shadow .3s var(--ease-out);gap:18px;padding:26px;display:flex}.hub-card:hover{border-color:var(--accent-deep);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hub-icon{background:var(--accent-wash);width:54px;height:54px;color:var(--accent);border:1px solid var(--accent-deep);border-radius:14px;flex:none;place-items:center;display:grid}.hub-icon.alt{color:var(--live);border-color:color-mix(in srgb, var(--live) 45%, transparent);background:color-mix(in srgb, var(--live) 9%, transparent)}.hub-body{flex-direction:column;gap:6px;display:flex}.hub-body h2{letter-spacing:-.02em;font-size:22px}.hub-body p{color:var(--ink-dim);margin:2px 0 8px;font-size:14.5px;line-height:1.55}.hub-stat{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:8px;margin-top:auto;font-size:13px;display:inline-flex}.hub-stat svg{transition:transform .2s var(--ease)}.hub-card:hover .hub-stat svg{transform:translate(3px)}@media (width<=720px){.hub-grid{grid-template-columns:1fr}}.filter-thumb{background:#fff}.filter-thumb img{opacity:1;object-fit:contain;padding:12px;transform:none}.calc-schematic{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;margin-top:18px;overflow:hidden}.calc-schematic img{object-fit:contain;width:100%;max-height:300px;padding:14px;display:block}.calc-inputs-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.btn-sm{padding:7px 12px;font-size:12px}.calc-inputs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--ink-dim);font-size:12.5px}.field-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);height:46px;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);align-items:center;padding:0 12px;display:flex}.field-wrap:focus-within{border-color:var(--accent-deep);box-shadow:0 0 0 3px var(--accent-glow)}.field-wrap input{min-width:0;color:var(--ink);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;font-size:15px}.field-unit{font-family:var(--font-mono);color:var(--ink-faint);padding-left:8px;font-size:12px}.calc-type{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding-top:16px;display:flex}.seg{background:var(--panel);border:1px solid var(--line);border-radius:100px;padding:3px;display:inline-flex}.seg-btn{font-family:var(--font-mono);color:var(--ink-dim);cursor:pointer;transition:color .15s var(--ease), background-color .15s var(--ease);background:0 0;border:none;border-radius:100px;padding:7px 18px;font-size:13px}.seg-btn:hover{color:var(--ink)}.seg-btn[data-active=true]{background:var(--accent-fill);color:var(--btn-ink);font-weight:600}.calc-results{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);align-self:start;padding:20px 22px;position:sticky;top:90px}.results-head{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.results-note{color:var(--ink-faint);font-size:11px}.findings{flex-direction:column;display:flex}.finding{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.finding:first-child{border-top:none}.finding-name{color:var(--ink);font-size:14px;line-height:1.35}.finding-value{font-family:var(--font-mono);white-space:nowrap;text-align:right;font-size:15px}.finding-value b{color:var(--live);font-size:17px;font-weight:500}.finding-value em{color:var(--ink-faint);margin-left:2px;font-size:12px;font-style:normal}.finding-blank{color:var(--ink-mute);font-family:var(--font-mono)}.filter-note{border-top:1px solid var(--line-soft);color:var(--ink-faint);margin-top:18px;padding-top:16px;font-size:12.5px;font-style:italic;line-height:1.55}@media (width<=860px){.calc-results{margin-top:6px;position:static}}@media (width<=460px){.calc-inputs{grid-template-columns:1fr}}.footer-apps{align-items:center;gap:8px;display:inline-flex}.footer-apps a{color:var(--ink-dim);transition:color .16s var(--ease)}.footer-apps a:hover{color:var(--accent)}.footer-sep{color:var(--ink-mute)}.urdu{direction:rtl;font-family:Noto Nastaliq Urdu,serif;line-height:2.15}.hub-grid-3{grid-template-columns:repeat(3,1fr)}.hub-icon.alt2{color:#8f88e6;background:#8f88e61f;border-color:#8f88e673}@media (width<=900px){.hub-grid-3{grid-template-columns:1fr}}.books-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px;display:grid}.book-card{transition:transform .3s var(--ease-out);flex-direction:column;gap:12px;display:flex}.book-card:hover{transform:translateY(-4px)}.book-cover{aspect-ratio:3/4;border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(160deg, color-mix(in srgb, var(--book-accent) 22%, var(--panel)), var(--bg-2));box-shadow:var(--shadow);transition:border-color .24s var(--ease), box-shadow .3s var(--ease-out);flex-direction:column;justify-content:space-between;padding:20px 18px;display:flex;position:relative;overflow:hidden}.book-card:hover .book-cover{border-color:var(--book-accent);box-shadow:var(--shadow-lg)}.book-cover-spine{background:var(--book-accent);opacity:.85;width:6px;position:absolute;top:0;bottom:0;right:0}.book-cover-eng{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);max-width:90%;font-size:11px}.book-cover-urdu{color:var(--ink);text-align:right;text-shadow:0 1px #00000026;align-self:stretch;padding-left:8px;font-size:27px}.book-info h3{letter-spacing:-.01em;font-size:15.5px;line-height:1.3}.book-head{border-left:3px solid var(--book-accent);align-items:flex-start;gap:20px;margin-top:4px;padding-left:20px;display:flex}.book-title-urdu{color:var(--ink);margin:6px 0 2px;font-size:clamp(30px,5vw,46px)}.book-title-eng{font-family:var(--font-display);color:var(--ink-dim);letter-spacing:-.01em;margin:0;font-size:18px}.book-layout{grid-template-columns:320px 1fr;align-items:start;gap:28px;margin-top:8px;display:grid}.book-toc{position:sticky;top:90px}.book-toc>.eyebrow{margin-bottom:12px;display:block}.toc-list{flex-direction:column;gap:3px;max-height:74vh;margin:0;padding:0 4px 0 0;list-style:none;display:flex;overflow-y:auto}.toc-item{text-align:left;border-radius:var(--r);cursor:pointer;width:100%;color:var(--ink);transition:background-color .14s var(--ease), border-color .14s var(--ease);background:0 0;border:1px solid #0000;align-items:flex-start;gap:12px;padding:10px 11px;display:flex}.toc-item:hover{background:var(--panel-2)}.toc-item[data-active=true]{background:var(--accent-wash);border-color:var(--accent-deep)}.toc-num{font-family:var(--font-mono);color:var(--ink-faint);flex:none;width:22px;padding-top:3px;font-size:11px}.toc-names{flex-direction:column;gap:2px;min-width:0;display:flex}.toc-urdu{color:var(--ink);font-size:16px}.toc-eng{color:var(--ink-faint);font-size:11.5px;font-family:var(--font-mono);line-height:1.3}.book-reader{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}.reader-head{border-bottom:1px solid var(--line);background:var(--panel-2);justify-content:space-between;align-items:center;gap:14px;padding:12px 15px;display:flex}.reader-urdu{direction:rtl;font-family:Noto Nastaliq Urdu,serif;font-size:17px;line-height:1.9;display:block}.reader-eng{font-family:var(--font-mono);color:var(--ink-faint);font-size:11.5px;display:block}.reader-frame{background:#fff;border:0;width:100%;height:78vh;display:block}@media (width<=860px){.book-layout{grid-template-columns:1fr}.book-toc{position:static}.toc-list{max-height:320px}.reader-frame{height:70vh}}.footer-grid{flex-direction:column;gap:14px;display:flex}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-legal{border-top:1px solid var(--line-soft);justify-content:flex-start;gap:10px;padding-top:14px}.footer-legal a{color:var(--ink-dim);transition:color .16s var(--ease)}.footer-legal a:hover{color:var(--accent)}.prose-page{max-width:760px}.prose-head{padding:56px 0 8px}.prose-head h1{letter-spacing:-.03em;margin-top:12px;font-size:clamp(30px,4.6vw,44px);line-height:1.05}.prose-lead{color:var(--ink-dim);max-width:60ch;margin-top:16px;font-size:17px;line-height:1.6}.prose{padding-bottom:24px}.prose h2{letter-spacing:-.02em;border-top:1px solid var(--line-soft);margin:38px 0 12px;padding-top:20px;font-size:22px}.prose h3{color:var(--accent);margin:24px 0 8px;font-size:16.5px}.prose p{color:var(--ink-dim);margin:0 0 14px;line-height:1.75}.prose strong{color:var(--ink);font-weight:600}.prose ul{color:var(--ink-dim);margin:0 0 14px;padding-left:20px;line-height:1.75}.prose li{margin-bottom:9px}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.prose a:hover{color:var(--accent-bright)}.prose-note{border-radius:var(--r);background:var(--panel);border:1px solid var(--line);color:var(--ink-faint);margin-top:32px;padding:14px 16px;font-size:13px;font-style:italic}.contact-card{border-radius:var(--r-lg);background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-out), border-color .2s var(--ease), box-shadow .2s var(--ease-out);align-items:center;gap:16px;margin:26px 0 8px;padding:18px 20px;display:flex}.contact-card:hover{border-color:var(--accent-deep);box-shadow:var(--shadow);transform:translateY(-2px)}.contact-ico{background:var(--accent-wash);width:44px;height:44px;color:var(--accent);border:1px solid var(--accent-deep);border-radius:11px;flex:none;place-items:center;display:grid}.contact-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.contact-body b{font-family:var(--font-display);font-size:16px}.contact-body .mono{color:var(--ink-faint);word-break:break-all;font-size:13px}.contact-arrow{color:var(--ink-faint);transition:transform .2s var(--ease), color .2s var(--ease)}.contact-card:hover .contact-arrow{color:var(--accent);transform:translate(3px)}.cookie-banner{z-index:60;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);animation:cookie-rise .35s var(--ease-out) both;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 32px -18px #0009}@keyframes cookie-rise{0%{transform:translateY(100%)}to{transform:none}}.cookie-inner{max-width:var(--maxw);flex-wrap:wrap;align-items:center;gap:22px;margin:0 auto;display:flex}.cookie-text{flex:1;min-width:260px}.cookie-text b{font-family:var(--font-display);margin-bottom:3px;font-size:15px;display:block}.cookie-text p{color:var(--ink-dim);max-width:68ch;margin:0;font-size:13.5px;line-height:1.55}.cookie-text a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.cookie-actions{flex-wrap:wrap;gap:8px;display:flex}.cookie-options{flex-direction:column;gap:10px;margin-top:12px;display:flex}.cookie-opt{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.cookie-opt input{accent-color:var(--accent);width:15px;height:15px;margin-top:3px}.cookie-opt input:disabled{opacity:.55}.cookie-opt b{margin:0;font-size:13.5px;display:block}.cookie-opt em{color:var(--ink-faint);font-size:12.5px;font-style:normal}.footer-link-btn{cursor:pointer;font-family:var(--font-mono);color:var(--ink-dim);transition:color .16s var(--ease);background:0 0;border:none;padding:0;font-size:12px}.footer-link-btn:hover{color:var(--accent)}@media (width<=640px){.cookie-inner{gap:14px}.cookie-actions{width:100%}.cookie-actions .btn{flex:1;justify-content:center}}