:root{--eq-bg:#f7f8f4;--eq-surface:#fff;--eq-surface-2:#f0f5ee;--eq-text:#183129;--eq-muted:#64736c;--eq-line:#dbe4dc;--eq-green:#176b4c;--eq-green-2:#0f563d;--eq-gold:#b68a2d;--eq-gold-bg:#fff8e7;--eq-shadow:0 10px 30px rgba(25,55,43,.07);color-scheme:light dark}html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,html.night,body[data-theme="dark"],body.dark,body.dark-mode,body.night-mode{--eq-bg:#0f1714;--eq-surface:#15211d;--eq-surface-2:#1b2a25;--eq-text:#edf5f0;--eq-muted:#aab9b1;--eq-line:#2b3b34;--eq-green:#63c49a;--eq-green-2:#8ad7b6;--eq-gold:#e2ba62;--eq-gold-bg:#2a2418;--eq-shadow:none;color-scheme:dark}*{box-sizing:border-box}.eq-section{background:var(--eq-bg);color:var(--eq-text);min-height:70vh;font-family:"Vazirmatn","Al Jazeera","Amiri",Tahoma,Arial,sans-serif;line-height:1.85;padding:18px 0 48px}.eq-section a{color:inherit;text-decoration:none}.eq-wrap{width:min(1180px,calc(100% - 24px));margin:auto}.eq-skip{position:fixed;inset-inline-start:12px;top:-70px;z-index:99999;background:#fff;color:#111;padding:10px 14px;border-radius:10px}.eq-skip:focus{top:12px}.eq-breadcrumb{font-size:.88rem;color:var(--eq-muted);overflow:auto;white-space:nowrap;margin:2px 0 12px}.eq-breadcrumb ol{display:flex;gap:8px;list-style:none;padding:0;margin:0}.eq-breadcrumb li+li:before{content:"←";margin-inline-end:8px}.eq-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,var(--eq-surface),var(--eq-surface-2));border:1px solid var(--eq-line);border-radius:22px;padding:clamp(18px,3vw,34px);box-shadow:var(--eq-shadow);margin-bottom:18px}.eq-hero h1{font-size:clamp(1.65rem,4vw,2.6rem);line-height:1.35;margin:4px 0 6px}.eq-hero p{margin:0;max-width:760px;color:var(--eq-muted)}.eq-eyebrow,.eq-kicker{font-size:.82rem;font-weight:800;color:var(--eq-green)}.eq-ornament{font-size:clamp(3.5rem,9vw,7rem);color:var(--eq-gold);opacity:.16;line-height:1}.eq-panel{background:var(--eq-surface);border:1px solid var(--eq-line);border-radius:18px;padding:18px;margin:14px 0;box-shadow:var(--eq-shadow)}.eq-panel h2,.eq-panel h3{line-height:1.45;margin-top:0}.eq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.eq-card{display:flex;flex-direction:column;gap:5px;min-height:126px;background:var(--eq-surface);border:1px solid var(--eq-line);border-radius:16px;padding:15px;transition:transform .16s ease,border-color .16s ease}.eq-card:hover{transform:translateY(-2px);border-color:var(--eq-gold)}.eq-card span{color:var(--eq-muted);font-size:.92rem}.eq-card b{color:var(--eq-green);margin-top:auto;font-size:.88rem}.eq-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.eq-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid var(--eq-line);background:var(--eq-surface);border-radius:12px;font-weight:800}.eq-btn-primary{background:var(--eq-green);border-color:var(--eq-green);color:#fff!important}.eq-btn:focus-visible,.eq-card:focus-visible,.eq-search input:focus-visible{outline:3px solid var(--eq-gold);outline-offset:2px}.eq-ayah{font-family:"Quran","Amiri",serif;font-size:clamp(1.28rem,3.2vw,1.85rem);line-height:2.05;text-align:center;margin:16px auto;max-width:900px}.eq-ayah-no{color:var(--eq-gold);white-space:nowrap}.eq-meta{display:flex;flex-wrap:wrap;gap:8px}.eq-chip{display:inline-flex;padding:5px 10px;border:1px solid var(--eq-line);border-radius:999px;background:var(--eq-surface-2);font-size:.86rem}.eq-table-wrap{overflow:auto;border:1px solid var(--eq-line);border-radius:14px}.eq-table{width:100%;border-collapse:collapse;background:var(--eq-surface)}.eq-table th,.eq-table td{padding:10px 12px;border-bottom:1px solid var(--eq-line);text-align:right;vertical-align:top}.eq-table th{background:var(--eq-surface-2);position:sticky;top:0}.eq-list{display:grid;gap:8px;padding:0;list-style:none}.eq-list a{display:block;background:var(--eq-surface);border:1px solid var(--eq-line);border-radius:12px;padding:10px 12px}.eq-search{display:flex;gap:8px;margin:14px 0}.eq-search input{flex:1;min-width:0;min-height:46px;border:1px solid var(--eq-line);background:var(--eq-surface);color:var(--eq-text);border-radius:12px;padding:10px 12px;font:inherit}.eq-search button{min-width:90px;border:0;border-radius:12px;background:var(--eq-green);color:#fff;font:inherit;font-weight:800}.eq-note{border-inline-start:4px solid var(--eq-gold);background:var(--eq-gold-bg);padding:10px 13px;border-radius:10px;color:var(--eq-text)}.eq-progress{display:flex;align-items:center;gap:10px;padding:12px;background:var(--eq-surface-2);border-radius:12px}.eq-progress input{width:22px;height:22px}.eq-pagination{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:18px 0}.eq-pagination a,.eq-pagination span{min-width:42px;min-height:42px;display:grid;place-items:center;border:1px solid var(--eq-line);border-radius:10px;background:var(--eq-surface)}.eq-premium{border-color:var(--eq-gold);background:linear-gradient(135deg,var(--eq-surface),var(--eq-gold-bg))}.eq-stat{font-size:1.8rem;font-weight:900;color:var(--eq-green);display:block}.eq-muted{color:var(--eq-muted)}@media(max-width:760px){.eq-section{padding-top:10px}.eq-wrap{width:min(100% - 16px,1180px)}.eq-hero{border-radius:16px;padding:17px}.eq-ornament{position:absolute;inset-inline-end:12px;top:4px}.eq-grid{grid-template-columns:1fr 1fr;gap:8px}.eq-card{min-height:118px;padding:12px}.eq-actions{display:grid;grid-template-columns:1fr 1fr}.eq-btn{width:100%;padding-inline:8px}.eq-table th,.eq-table td{padding:8px;font-size:.9rem}.eq-search{flex-direction:column}.eq-search button{min-height:44px}}@media(max-width:420px){.eq-grid{grid-template-columns:1fr}.eq-actions{grid-template-columns:1fr 1fr}.eq-hero h1{font-size:1.55rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Knowledge-network additions */
.eq-network{margin-top:26px}.eq-network .eq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.eq-section .eq-table td a{font-weight:800;color:var(--eq-green)}.eq-section .eq-card strong{line-height:1.55}.eq-section .eq-hero{contain:layout paint}.eq-section .eq-ayah{overflow-wrap:anywhere}@media(max-width:760px){.eq-network .eq-grid{grid-template-columns:1fr 1fr}}@media(max-width:420px){.eq-network .eq-grid{grid-template-columns:1fr}}
/* === Premium knowledge experience === */
:root{--eq-green-soft:#eaf4ef;--eq-gold-strong:#9b7117;--eq-gold-soft:#fff6df;--eq-danger:#a63838;--eq-radius-xl:24px;--eq-ring:0 0 0 3px rgba(182,138,45,.24)}
html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,html.night,body[data-theme="dark"],body.dark,body.dark-mode,body.night-mode{--eq-green-soft:#142b22;--eq-gold-strong:#f0c76b;--eq-gold-soft:#2a2418;--eq-danger:#ff9b9b}
.eq-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;background-image:radial-gradient(circle at 12% 20%,rgba(182,138,45,.11) 0 1px,transparent 1.5px),radial-gradient(circle at 82% 70%,rgba(23,107,76,.09) 0 1px,transparent 1.5px);background-size:22px 22px,28px 28px}.eq-hero>*,.eq-panel>*{position:relative}.eq-hero{border-inline-start:4px solid var(--eq-gold);isolation:isolate}.eq-hero .eq-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border-radius:999px;background:var(--eq-green-soft);border:1px solid var(--eq-line)}
.eq-card{position:relative;overflow:hidden}.eq-card:after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:0;height:3px;background:var(--eq-gold);transition:width .18s ease}.eq-card:hover:after,.eq-card:focus-visible:after{width:100%}.eq-card-featured{border-color:var(--eq-gold);background:linear-gradient(145deg,var(--eq-surface),var(--eq-gold-soft))}.eq-card-featured:before{content:"★";position:absolute;top:10px;inset-inline-end:12px;color:var(--eq-gold);font-size:.86rem}.eq-card-icon{font-size:1.45rem;line-height:1;color:var(--eq-gold);margin-bottom:4px}
.eq-btn{min-height:48px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.eq-btn:hover{transform:translateY(-1px)}.eq-btn-primary{box-shadow:0 7px 18px rgba(23,107,76,.18)}.eq-btn-gold{background:var(--eq-gold);border-color:var(--eq-gold);color:#1c180d!important;box-shadow:0 7px 18px rgba(182,138,45,.18)}html[data-theme="dark"] .eq-btn-gold,html.dark .eq-btn-gold,body.dark .eq-btn-gold,body.dark-mode .eq-btn-gold{color:#161107!important}.eq-btn-soft{background:var(--eq-green-soft);border-color:var(--eq-green);color:var(--eq-green-2)}.eq-btn[aria-current="page"]{border-color:var(--eq-gold);box-shadow:var(--eq-ring)}
.eq-cta-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;margin:14px 0;border:1px solid var(--eq-gold);border-radius:18px;background:linear-gradient(135deg,var(--eq-surface),var(--eq-gold-soft));box-shadow:var(--eq-shadow)}.eq-cta-band h2,.eq-cta-band p{margin:0}.eq-cta-band p{color:var(--eq-muted);font-size:.94rem}.eq-cta-band .eq-actions{margin:0}
.eq-search-shell{border:1px solid var(--eq-line);background:var(--eq-surface);border-radius:20px;padding:16px;box-shadow:var(--eq-shadow);margin:14px 0}.eq-search-shell .eq-search{margin:0}.eq-search-status{min-height:26px;color:var(--eq-muted);font-size:.9rem;margin:8px 2px 0}.eq-search-result{display:grid;gap:3px;padding:12px;border:1px solid var(--eq-line);border-radius:13px;background:var(--eq-surface);margin-top:8px}.eq-search-result strong{color:var(--eq-green)}.eq-search-result small{color:var(--eq-muted)}
.eq-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.eq-kpi{background:var(--eq-surface);border:1px solid var(--eq-line);border-radius:15px;padding:13px;text-align:center}.eq-kpi strong{display:block;font-size:1.45rem;color:var(--eq-green);line-height:1.3}.eq-kpi span{font-size:.84rem;color:var(--eq-muted)}
.eq-relation{display:flex;flex-wrap:wrap;gap:7px}.eq-relation a{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid var(--eq-line);border-radius:999px;background:var(--eq-surface-2);font-size:.9rem}.eq-relation a:hover{border-color:var(--eq-gold)}
.eq-quickbar{position:sticky;bottom:8px;z-index:40;display:flex;gap:7px;align-items:center;justify-content:center;width:max-content;max-width:100%;margin:18px auto 0;padding:7px;border:1px solid var(--eq-line);border-radius:15px;background:var(--eq-surface);box-shadow:0 10px 30px rgba(15,35,27,.14)}.eq-quickbar .eq-btn{min-height:42px;padding:7px 11px;font-size:.88rem}.eq-section-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.eq-section-index a{padding:11px;border-radius:13px;border:1px solid var(--eq-line);background:var(--eq-surface);font-weight:800}.eq-section-index a:hover{border-color:var(--eq-gold)}
.eq-answer-first{border:1px solid var(--eq-gold);border-inline-start-width:5px;background:var(--eq-gold-soft);border-radius:14px;padding:13px 15px;margin:14px 0}.eq-answer-first p:last-child{margin-bottom:0}.eq-source-note{font-size:.82rem;color:var(--eq-muted)}
@media(max-width:760px){.eq-cta-band{grid-template-columns:1fr}.eq-cta-band .eq-actions{grid-template-columns:1fr 1fr}.eq-kpi-grid{grid-template-columns:1fr 1fr}.eq-section-index{grid-template-columns:1fr 1fr}.eq-quickbar{width:100%;overflow:auto;justify-content:flex-start;scrollbar-width:none}.eq-quickbar::-webkit-scrollbar{display:none}.eq-quickbar .eq-btn{width:auto;white-space:nowrap;flex:0 0 auto}.eq-card:after{display:none}}
@media(max-width:390px){.eq-cta-band .eq-actions{grid-template-columns:1fr}.eq-section-index{grid-template-columns:1fr 1fr}.eq-kpi strong{font-size:1.25rem}}
/* Touch target hardening */
.eq-search button{min-height:48px}

/* === V3 PREMIUM VISUAL + DARK PREPAINT SAFE === */
html,body{background:var(--eq-bg)}
.eq-section{background:
 radial-gradient(circle at 92% 0,rgba(182,138,45,.055),transparent 28rem),
 radial-gradient(circle at 0 24%,rgba(23,107,76,.045),transparent 30rem),
 var(--eq-bg)}
html[data-theme="dark"] .eq-section{background:
 radial-gradient(circle at 92% 0,rgba(226,186,98,.055),transparent 30rem),
 radial-gradient(circle at 0 24%,rgba(99,196,154,.04),transparent 32rem),
 var(--eq-bg)}
.eq-wrap{position:relative}
.eq-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}.eq-section-head h2{margin:2px 0 0}.eq-text-link{display:inline-flex;align-items:center;min-height:42px;padding:7px 11px;border:1px solid var(--eq-line);border-radius:11px;background:var(--eq-surface-2);font-size:.88rem;font-weight:900;color:var(--eq-green)!important;white-space:nowrap}.eq-text-link:hover{border-color:var(--eq-gold);transform:translateY(-1px)}
.eq-hero-premium{border-color:var(--eq-gold);background:linear-gradient(135deg,var(--eq-surface) 0%,var(--eq-surface-2) 58%,var(--eq-gold-soft) 145%)}
.eq-hero-premium:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(182,138,45,.22);border-radius:50%;inset-inline-end:-100px;bottom:-130px;box-shadow:0 0 0 28px rgba(182,138,45,.05),0 0 0 58px rgba(23,107,76,.04);pointer-events:none}
.eq-hero .eq-actions{margin-bottom:0}.eq-hero .eq-btn{position:relative;z-index:2}
.eq-grid-dense{grid-template-columns:repeat(4,minmax(0,1fr))}.eq-grid-bridge{grid-template-columns:repeat(3,minmax(0,1fr))}
.eq-topic-surah{min-height:142px}.eq-card-index{display:inline-grid;place-items:center;width:42px;height:28px;border-radius:999px;background:var(--eq-green-soft);color:var(--eq-green);font-size:.78rem;font-weight:900;border:1px solid var(--eq-line)}
.eq-list-rich li a{display:grid;gap:3px;border-inline-start:3px solid var(--eq-line);transition:border-color .15s ease,transform .15s ease}.eq-list-rich li a:hover{border-inline-start-color:var(--eq-gold);transform:translateX(-1px)}
.eq-context-links{background:linear-gradient(135deg,var(--eq-surface),var(--eq-green-soft));border-color:var(--eq-line)}
.eq-site-bridge{border-top:3px solid var(--eq-gold);background:linear-gradient(180deg,var(--eq-surface),var(--eq-surface-2))}.eq-site-bridge .eq-card{min-height:138px}
.eq-site-bridge .eq-card-featured{box-shadow:inset 0 0 0 1px rgba(182,138,45,.22),var(--eq-shadow)}
.eq-surah-hub .eq-hero{border-inline-start-width:5px}.eq-surah-hub .eq-hero h1{font-size:clamp(1.7rem,4vw,2.45rem)}
.eq-surah-hub .eq-primary-journey{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 18px}.eq-primary-journey .eq-btn{min-height:56px;border-radius:14px;font-size:.96rem}.eq-primary-journey .eq-btn-primary{box-shadow:0 8px 22px rgba(23,107,76,.2)}.eq-primary-journey .eq-btn-gold{box-shadow:0 8px 22px rgba(182,138,45,.18)}
.eq-hub-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.eq-hub-grid .eq-card{min-height:144px}.eq-hub-grid .eq-card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--eq-gold-soft);border:1px solid var(--eq-line)}
.eq-surah-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.65fr) minmax(0,1fr);gap:8px;margin:18px 0}.eq-surah-nav a{display:flex;flex-direction:column;justify-content:center;min-height:66px;padding:10px 13px;border:1px solid var(--eq-line);border-radius:14px;background:var(--eq-surface);font-weight:900}.eq-surah-nav a span{color:var(--eq-muted);font-size:.8rem;font-weight:700}.eq-surah-nav .eq-surah-index{text-align:center;align-items:center;border-color:var(--eq-gold);background:var(--eq-gold-soft)}.eq-surah-nav .eq-next{text-align:left;align-items:flex-end}
.eq-occasion-hub .eq-hero{border-inline-start-color:var(--eq-gold)}.eq-occasion-links .eq-card:first-child{border-color:var(--eq-gold);background:linear-gradient(145deg,var(--eq-surface),var(--eq-gold-soft))}.eq-occasion-links .eq-card strong{font-size:1.02rem}
.eq-kpi{border-top:2px solid var(--eq-green)}.eq-kpi:nth-child(2){border-top-color:var(--eq-gold)}
.eq-btn-primary,.eq-btn-gold{border-width:1px}.eq-btn-primary:hover,.eq-btn-gold:hover{filter:brightness(.98);box-shadow:0 9px 24px rgba(15,45,34,.18)}
html[data-theme="dark"] .eq-btn-primary{color:#08150f!important;background:#6ad0a4;border-color:#6ad0a4}html[data-theme="dark"] .eq-btn-gold{background:#e6bd63;border-color:#e6bd63;color:#191306!important}html[data-theme="dark"] .eq-card,html[data-theme="dark"] .eq-panel,html[data-theme="dark"] .eq-surah-nav a{box-shadow:0 12px 32px rgba(0,0,0,.12)}
html[data-theme="dark"] .eq-hero-premium{background:linear-gradient(135deg,#15211d 0%,#192a24 64%,#2a2418 150%)}html[data-theme="dark"] .eq-context-links{background:linear-gradient(135deg,#15211d,#142b22)}html[data-theme="dark"] .eq-site-bridge{background:linear-gradient(180deg,#15211d,#17251f)}
@media(max-width:980px){.eq-grid-dense,.eq-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.eq-section-head{align-items:flex-start}.eq-grid-dense,.eq-hub-grid,.eq-grid-bridge{grid-template-columns:1fr 1fr}.eq-surah-hub .eq-primary-journey{grid-template-columns:1fr 1fr}.eq-primary-journey .eq-btn:first-child{grid-column:1/-1}.eq-surah-nav{grid-template-columns:1fr 86px 1fr}.eq-surah-nav a{padding:9px;min-height:62px}.eq-site-bridge .eq-card{min-height:124px}}
@media(max-width:430px){.eq-grid-dense,.eq-hub-grid,.eq-grid-bridge{grid-template-columns:1fr}.eq-section-head{display:block}.eq-section-head .eq-text-link{margin-top:8px}.eq-surah-hub .eq-primary-journey{grid-template-columns:1fr}.eq-primary-journey .eq-btn:first-child{grid-column:auto}.eq-surah-nav{grid-template-columns:1fr 72px 1fr}.eq-surah-nav a{font-size:.82rem}.eq-site-bridge .eq-card{min-height:108px}}
/* V4: consistent hierarchy for the two most important hero actions */
.eq-hero .eq-actions .eq-btn:first-child:not(.eq-btn-gold){background:var(--eq-green);border-color:var(--eq-green);color:#fff!important;box-shadow:0 8px 22px rgba(23,107,76,.18)}
.eq-hero .eq-actions .eq-btn:nth-child(2):not(.eq-btn-primary):not(.eq-btn-gold){background:var(--eq-gold);border-color:var(--eq-gold);color:#1c180d!important;box-shadow:0 8px 22px rgba(182,138,45,.16)}
.eq-panel>.eq-actions .eq-btn:first-child:not(.eq-btn-primary):not(.eq-btn-gold){border-color:var(--eq-green);background:var(--eq-green-soft);color:var(--eq-green-2)!important}
html[data-theme="dark"] .eq-hero .eq-actions .eq-btn:first-child:not(.eq-btn-gold){background:#6ad0a4;border-color:#6ad0a4;color:#08150f!important}
html[data-theme="dark"] .eq-hero .eq-actions .eq-btn:nth-child(2):not(.eq-btn-primary):not(.eq-btn-gold){background:#e6bd63;border-color:#e6bd63;color:#191306!important}
.eq-card strong,.eq-card h2,.eq-card h3{letter-spacing:0}.eq-card:hover strong{color:var(--eq-green)}
@media(max-width:430px){.eq-hero .eq-actions{grid-template-columns:1fr}.eq-hero .eq-actions .eq-btn{min-height:50px}}
/* V4 icon badges: make compact text/symbol icons intentional and consistent */
.eq-card-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--eq-green-soft);border:1px solid var(--eq-line);color:var(--eq-green);font-size:1rem;font-weight:900;line-height:1}
.eq-card-featured .eq-card-icon{background:var(--eq-gold-soft);border-color:var(--eq-gold);color:var(--eq-gold-strong)}
html[data-theme="dark"] .eq-card-icon{border-color:#31473d}
/* Compact bridge to established site sections on deep knowledge pages */
.eq-site-shortcuts{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:18px 0 4px;padding:10px;border:1px solid var(--eq-line);border-radius:16px;background:var(--eq-surface);box-shadow:var(--eq-shadow)}
.eq-site-shortcuts>span{font-size:.78rem;font-weight:900;color:var(--eq-muted);margin-inline-end:3px}.eq-site-shortcuts a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:7px 10px;border:1px solid var(--eq-line);border-radius:10px;background:var(--eq-surface-2);font-size:.84rem;font-weight:850;color:var(--eq-green)!important}.eq-site-shortcuts a:first-of-type{border-color:var(--eq-green);background:var(--eq-green-soft)}.eq-site-shortcuts a:hover{border-color:var(--eq-gold)}
@media(max-width:430px){.eq-site-shortcuts{display:grid;grid-template-columns:1fr 1fr}.eq-site-shortcuts>span{grid-column:1/-1;text-align:center}.eq-site-shortcuts a{min-height:46px}.eq-site-shortcuts a:last-child{grid-column:1/-1}}
/* V17.1 — Ultra-premium Surah Hub + accessible Tafseer chooser */
.eq-surah-hub{--eq-hub-emerald:#075f45;--eq-hub-emerald-2:#0e7c59;--eq-hub-mint:#e6f5ee;--eq-hub-gold:#b98218;--eq-hub-gold-2:#d6aa4a;--eq-hub-ink:#102820}
.eq-surah-hub .eq-hero-premium{min-height:190px;border:1px solid #c9a34e;border-inline-start:6px solid var(--eq-hub-gold);background:radial-gradient(circle at 88% 15%,#fff2c9 0 1px,transparent 2px) 0 0/22px 22px,linear-gradient(130deg,#ffffff 0%,#edf8f2 56%,#fff6df 100%);box-shadow:0 22px 58px rgba(17,63,48,.11);isolation:isolate}
.eq-surah-hub .eq-hero-premium:after{width:300px;height:300px;inset-inline-end:-120px;bottom:-178px;border:1px solid rgba(185,130,24,.3);box-shadow:0 0 0 42px rgba(185,130,24,.06),0 0 0 86px rgba(7,95,69,.045)}
.eq-surah-hub .eq-hero-premium h1{color:#12352a;text-wrap:balance}.eq-surah-hub .eq-hero-premium p{color:#526860;max-width:780px}.eq-surah-hub .eq-hero-premium .eq-eyebrow{background:#dff2e8;border-color:#b8daca;color:#075f45}
.eq-surah-hub .eq-kpi-grid{gap:12px}.eq-surah-hub .eq-kpi{position:relative;overflow:hidden;padding:15px 12px;border:1px solid #d8e6df;border-top:0;background:linear-gradient(180deg,#fff,#f8fbf9);box-shadow:0 10px 30px rgba(18,56,44,.055)}.eq-surah-hub .eq-kpi:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--eq-hub-emerald),var(--eq-hub-gold-2))}.eq-surah-hub .eq-kpi strong{font-size:1.6rem;color:var(--eq-hub-emerald)}
.eq-surah-hub .eq-primary-journey{padding:11px;border:1px solid var(--eq-line);border-radius:20px;background:linear-gradient(135deg,var(--eq-surface),var(--eq-green-soft));box-shadow:0 13px 34px rgba(22,74,56,.07)}.eq-surah-hub .eq-primary-journey .eq-btn{min-height:58px;border-radius:15px}.eq-surah-hub .eq-primary-journey .eq-btn-gold{background:linear-gradient(135deg,#d5a844,#b87e12);border-color:#ae7610;color:#1b1609!important}
.eq-surah-hub .eq-panel{border-radius:22px}.eq-surah-hub .eq-hub-grid .eq-card{min-height:142px;border-radius:18px;border-color:#d9e5df;box-shadow:0 10px 28px rgba(15,67,49,.045);background:linear-gradient(180deg,var(--eq-surface),var(--eq-surface-2))}.eq-surah-hub .eq-hub-grid .eq-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(15,67,49,.11);border-color:var(--eq-hub-gold)}.eq-surah-hub .eq-card-featured{background:linear-gradient(145deg,#fffdf7,#f5fbf7);border-color:#d7b35e}.eq-surah-hub .eq-section-head h2{margin-bottom:0}.eq-surah-hub .eq-context-links{background:linear-gradient(135deg,#fbfdfc,#edf8f2 72%,#fff8e8)}
.eq-surah-hub .eq-surah-nav a{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.eq-surah-hub .eq-surah-nav a:hover{transform:translateY(-2px);border-color:var(--eq-hub-gold);box-shadow:0 10px 24px rgba(15,67,49,.08)}
.eq-tafseer-dialog{width:min(940px,calc(100% - 24px));max-height:min(88vh,920px);max-height:min(88dvh,920px);margin:auto;padding:0;border:0;border-radius:26px;background:var(--eq-surface);color:var(--eq-text);box-shadow:0 28px 90px rgba(2,19,13,.38);overflow:hidden}.eq-tafseer-dialog::backdrop{background:rgba(3,18,13,.72)}.eq-tafseer-shell{display:flex;flex-direction:column;max-height:min(88vh,920px);max-height:min(88dvh,920px);background:var(--eq-surface)}.eq-tafseer-head{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px;border-bottom:1px solid var(--eq-line);background:linear-gradient(135deg,var(--eq-green-soft),var(--eq-surface) 58%,var(--eq-gold-soft))}.eq-tafseer-head h2{font-size:clamp(1.35rem,3vw,1.9rem);margin:2px 0 4px;line-height:1.35}.eq-tafseer-head p{margin:0;color:var(--eq-muted);max-width:680px}.eq-dialog-close{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid var(--eq-line);border-radius:14px;background:var(--eq-surface);color:var(--eq-text);font:900 1.55rem/1 Arial;cursor:pointer}.eq-dialog-close:hover,.eq-dialog-close:focus-visible{border-color:var(--eq-gold);color:var(--eq-danger);outline:3px solid rgba(185,130,24,.28);outline-offset:2px}.eq-tafseer-body{overflow:auto;padding:18px 24px 24px;overscroll-behavior:contain}.eq-tafseer-group{padding:15px;border:1px solid var(--eq-line);border-radius:20px;background:var(--eq-surface);margin-bottom:14px}.eq-tafseer-group:last-child{margin-bottom:0}.eq-tafseer-group-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:12px}.eq-tafseer-group-head h3{margin:2px 0 0;font-size:1.08rem}.eq-tafseer-group-head>span{font-size:.82rem;color:var(--eq-muted);text-align:left}.eq-tafseer-count{display:inline-flex;align-items:center;min-height:25px;padding:2px 8px;border-radius:999px;background:var(--eq-green-soft);border:1px solid var(--eq-line);font-size:.72rem;font-weight:900;color:var(--eq-green)}.eq-tafseer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.eq-tafseer-source{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:10px;min-height:70px;padding:10px 11px;border:1px solid var(--eq-line);border-radius:15px;background:var(--eq-surface-2);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.eq-tafseer-source:hover{transform:translateY(-2px);border-color:var(--eq-gold);box-shadow:0 10px 24px rgba(15,67,49,.08)}.eq-tafseer-source strong{display:block;line-height:1.35}.eq-tafseer-source small{display:block;margin-top:3px;color:var(--eq-muted);font-size:.78rem}.eq-tafseer-source>b{color:var(--eq-gold);font-size:1.05rem}.eq-source-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--eq-green-soft);border:1px solid var(--eq-line);color:var(--eq-green);font-weight:950}.eq-source-featured{border-color:var(--eq-gold);background:linear-gradient(135deg,var(--eq-surface),var(--eq-gold-soft))}.eq-source-featured .eq-source-icon{background:var(--eq-gold-soft);border-color:var(--eq-gold);color:var(--eq-gold-strong)}.eq-tafseer-eerab{background:linear-gradient(135deg,var(--eq-surface),var(--eq-green-soft))}.eq-source-wide{max-width:520px}.eq-tafseer-foot{display:flex;gap:9px;justify-content:flex-end;padding:14px 24px;border-top:1px solid var(--eq-line);background:var(--eq-surface-2)}html.eq-dialog-open{overflow:hidden}
html[data-theme="dark"] .eq-surah-hub .eq-hero-premium,html.dark .eq-surah-hub .eq-hero-premium{background:radial-gradient(circle at 88% 15%,#5c4a20 0 1px,transparent 2px) 0 0/22px 22px,linear-gradient(132deg,#13241e 0%,#173128 58%,#282216 100%);border-color:#6c5627;box-shadow:0 22px 58px rgba(0,0,0,.28)}html[data-theme="dark"] .eq-surah-hub .eq-hero-premium h1,html.dark .eq-surah-hub .eq-hero-premium h1{color:#f4f8f5}html[data-theme="dark"] .eq-surah-hub .eq-hero-premium p,html.dark .eq-surah-hub .eq-hero-premium p{color:#b5c5bd}html[data-theme="dark"] .eq-surah-hub .eq-kpi,html.dark .eq-surah-hub .eq-kpi{background:linear-gradient(180deg,#15231e,#121d19);border-color:#2d4037}html[data-theme="dark"] .eq-surah-hub .eq-kpi strong,html.dark .eq-surah-hub .eq-kpi strong{color:#78d5ae}html[data-theme="dark"] .eq-surah-hub .eq-primary-journey,html.dark .eq-surah-hub .eq-primary-journey{background:linear-gradient(135deg,#14231d,#172c24);border-color:#30483e}html[data-theme="dark"] .eq-surah-hub .eq-hub-grid .eq-card,html.dark .eq-surah-hub .eq-hub-grid .eq-card{background:linear-gradient(180deg,#16241f,#121e1a);border-color:#2e4038}html[data-theme="dark"] .eq-surah-hub .eq-card-featured,html.dark .eq-surah-hub .eq-card-featured{background:linear-gradient(145deg,#1b2a24,#282316);border-color:#755d2b}html[data-theme="dark"] .eq-surah-hub .eq-context-links,html.dark .eq-surah-hub .eq-context-links{background:linear-gradient(135deg,#14221d,#162c24 72%,#252116)}html[data-theme="dark"] .eq-tafseer-dialog,html.dark .eq-tafseer-dialog{background:#13201b;color:#edf5f0}html[data-theme="dark"] .eq-tafseer-head,html.dark .eq-tafseer-head{background:linear-gradient(135deg,#173127,#14211c 60%,#282216)}html[data-theme="dark"] .eq-tafseer-group,html.dark .eq-tafseer-group{background:#15231e;border-color:#2d4037}html[data-theme="dark"] .eq-tafseer-source,html.dark .eq-tafseer-source{background:#192923;border-color:#31473d}html[data-theme="dark"] .eq-source-featured,html.dark .eq-source-featured{background:linear-gradient(135deg,#192923,#2a2418);border-color:#725b2c}html[data-theme="dark"] .eq-tafseer-foot,html.dark .eq-tafseer-foot{background:#101b17}
@media(max-width:760px){.eq-tafseer-dialog{width:100%;max-width:none;max-height:92vh;max-height:92dvh;margin:auto 0 0;border-radius:24px 24px 0 0}.eq-tafseer-shell{max-height:92vh;max-height:92dvh}.eq-tafseer-head{padding:18px 16px 14px}.eq-tafseer-body{padding:14px 12px 18px}.eq-tafseer-grid{grid-template-columns:1fr}.eq-tafseer-group{padding:12px}.eq-tafseer-group-head{align-items:flex-start;display:block}.eq-tafseer-group-head>span{display:block;margin-top:4px;text-align:right}.eq-tafseer-source{min-height:68px}.eq-tafseer-foot{display:grid;grid-template-columns:1fr 1fr;padding:12px}.eq-surah-hub .eq-hero-premium{min-height:165px}}
@media(max-width:430px){.eq-tafseer-foot{grid-template-columns:1fr}.eq-tafseer-dialog{max-height:94vh;max-height:94dvh}.eq-tafseer-shell{max-height:94vh;max-height:94dvh}.eq-surah-hub .eq-kpi-grid{gap:8px}.eq-surah-hub .eq-kpi{padding:12px 8px}.eq-surah-hub .eq-kpi strong{font-size:1.35rem}.eq-surah-hub .eq-hero-premium{border-inline-start-width:4px}}

/* V17.2 — Smart journey + remembered tafseer source */
.eq-surah-hub .eq-primary-journey{grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr))}.eq-tafseer-source.eq-source-recent{border-color:var(--eq-gold);box-shadow:inset 0 0 0 1px rgba(185,130,24,.18),0 9px 24px rgba(15,67,49,.07)}.eq-tafseer-source.eq-source-recent small{color:var(--eq-gold-strong);font-weight:850}@media(max-width:760px){.eq-surah-hub .eq-primary-journey{grid-template-columns:1fr 1fr}.eq-surah-hub .eq-primary-journey .eq-btn:first-child{grid-column:auto}}@media(max-width:430px){.eq-surah-hub .eq-primary-journey{grid-template-columns:1fr}}

/* ============================================================
   V17.2 FINAL — Surah Hub clarity + premium Islamic visual system
   Scoped to .eq-surah-hub and the Tafseer dialog only.
   ============================================================ */
.eq-surah-hub[data-eq-hub-version="17.2"]{--hub-green:#075f45;--hub-green-hi:#0b7c59;--hub-green-soft:#eaf7f1;--hub-gold:#b47e12;--hub-gold-hi:#d8ae4f;--hub-gold-soft:#fff8e8;--hub-ink:#112a22;--hub-muted:#61736b;--hub-line:#d7e4dd;--hub-shadow:0 12px 34px rgba(15,67,49,.075);--hub-shadow-hi:0 18px 46px rgba(15,67,49,.115)}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-wrap{width:min(1140px,calc(100% - 28px))}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium{min-height:154px;margin-bottom:12px;padding:22px clamp(20px,3vw,34px);border-radius:26px;border:1px solid rgba(180,126,18,.58);border-inline-start:6px solid var(--hub-gold);background:radial-gradient(circle at 89% 22%,rgba(180,126,18,.13) 0 1px,transparent 1.7px) 0 0/21px 21px,linear-gradient(133deg,#fff 0%,#eef8f3 58%,#fff9e9 100%);box-shadow:0 18px 48px rgba(17,60,46,.095)}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium:after{content:"";position:absolute;inline-size:250px;block-size:250px;inset-inline-start:-135px;inset-block-end:-172px;border:1px solid rgba(180,126,18,.28);border-radius:50%;box-shadow:0 0 0 34px rgba(180,126,18,.045),0 0 0 69px rgba(7,95,69,.035);pointer-events:none}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium h1{font-size:clamp(1.75rem,3.2vw,2.45rem);letter-spacing:-.02em;color:var(--hub-ink);margin-block:5px 7px}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium p{max-width:790px;color:#536a61;font-size:.98rem;line-height:1.75}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium .eq-eyebrow{background:#e1f3ea;border:1px solid #bbddcd;color:#075f45;font-weight:900}

/* Primary action cockpit: all destinations are Surah-specific. */
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1.16fr) repeat(3,minmax(0,1fr));gap:9px;margin:10px 0 12px;padding:10px;border:1px solid var(--hub-line);border-radius:20px;background:rgba(255,255,255,.86);box-shadow:var(--hub-shadow);backdrop-filter:blur(6px)}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey .eq-btn{position:relative;gap:9px;min-width:0;min-height:62px;padding:11px 12px;border-radius:14px;border:1px solid #d5e1db;background:#fff;color:#18362c!important;box-shadow:none;font-size:.94rem;font-weight:900;white-space:normal;text-align:center;line-height:1.35;overflow:hidden}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey .eq-btn:before{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:transparent;transition:background .15s ease}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey .eq-btn:hover,.eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey .eq-btn:focus-visible{transform:translateY(-2px);border-color:var(--hub-gold);box-shadow:0 10px 25px rgba(15,67,49,.105)}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey .eq-btn:hover:before{background:var(--hub-gold)}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-btn-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#edf6f1;border:1px solid #d0e4da;color:var(--hub-green);font-size:1rem;line-height:1}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-btn-label{min-width:0}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-action-read{background:linear-gradient(135deg,#0b7856,#075f45)!important;border-color:#07583f!important;color:#fff!important;box-shadow:0 11px 28px rgba(7,95,69,.22)!important}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-action-read .eq-btn-icon{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-action-tafseer{background:linear-gradient(135deg,#d9ad4f,#b77e13)!important;border-color:#a9700c!important;color:#231b0b!important;box-shadow:0 11px 28px rgba(180,126,18,.2)!important}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-action-tafseer .eq-btn-icon{background:rgba(255,255,255,.3);border-color:rgba(76,52,7,.13);color:#5f4108}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-action-pdf{border-color:#d8b45e!important;background:linear-gradient(145deg,#fffdfa,#fff7e2)!important;color:#6c4a08!important}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-action-pdf .eq-btn-icon{background:#fff2c9;border-color:#dfc277;color:#80580b}

/* At-a-glance row: data + one clear recommendation, not a tall stack. */
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,.78fr);gap:12px;margin:0 0 13px;align-items:stretch}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-kpi-grid{margin:0;gap:8px}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-kpi{min-height:106px;padding:14px 10px;border-radius:17px;background:linear-gradient(180deg,#fff,#f7fbf9);border:1px solid var(--hub-line);box-shadow:0 7px 20px rgba(17,60,46,.045)}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-kpi:before{height:3px;background:linear-gradient(90deg,var(--hub-green),var(--hub-gold-hi))}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-kpi strong{font-size:1.45rem;color:var(--hub-green)}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-answer-first{margin:0;min-height:100%;display:flex;flex-direction:column;justify-content:center;border:1px solid #dfc477;border-inline-start:5px solid var(--hub-gold);border-radius:17px;background:linear-gradient(145deg,#fffaf0,#fff6dc);box-shadow:0 7px 20px rgba(125,88,15,.045);padding:14px 16px}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-answer-first strong{color:#71500d;font-size:1rem}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-answer-first p{font-size:.9rem;line-height:1.7;color:#665b42}

/* Core and secondary zones are deliberately visually different. */
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-core-panel{border:1px solid #cfe0d7;border-top:4px solid var(--hub-green);background:linear-gradient(180deg,#fff,#fbfdfc);box-shadow:var(--hub-shadow-hi);padding:19px}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-core-panel .eq-section-head{margin-bottom:9px}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-core-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-core-panel .eq-card{min-height:122px;background:#fff;border:1px solid #d8e5de;box-shadow:0 7px 20px rgba(15,67,49,.045)}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-core-panel .eq-card-featured{background:linear-gradient(145deg,#fffdf7,#f6fbf8);border-color:#d8b55d}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel{border:1px solid #e4dbc4;border-top:4px solid var(--hub-gold);background:linear-gradient(145deg,#fffdf8,#fbfdfb);box-shadow:0 10px 30px rgba(66,52,20,.055)}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-card{min-height:116px;background:#fff;border-color:#e0e6e2;box-shadow:none}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-pdf-card{border-color:#d8b45e;background:linear-gradient(145deg,#fffdfa,#fff8e7)}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-card-icon{width:36px;height:36px;flex:0 0 36px;border-radius:11px;font-size:.96rem;background:#eef7f2;border-color:#d5e5dd;color:var(--hub-green)}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-card b{font-size:.82rem;color:#16704f}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-card strong{font-size:.98rem}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-card span:not(.eq-card-icon){font-size:.84rem;line-height:1.55}

/* Learning note goes after navigation; it must inform, not dominate the entry point. */
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-learning-note{margin:12px 0;padding:14px 16px;border-radius:17px;border:1px dashed #cbdcd3;background:#f7fbf9;box-shadow:none}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-learning-note h2{font-size:1rem;margin-bottom:5px}.eq-surah-hub[data-eq-hub-version="17.2"] .eq-learning-note p{margin:0 0 8px;color:var(--hub-muted);font-size:.87rem;line-height:1.65}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-learning-note .eq-chip{min-height:36px;align-items:center;background:#fff}

/* Broader site links are now compact: no second wall of duplicate cards. */
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-compact-bridge{padding:14px 16px;border-radius:17px;background:linear-gradient(135deg,#f8fbf9,#fffaf0);border:1px solid #dae4df;box-shadow:none}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-compact-bridge .eq-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:8px}.eq-surah-hub[data-eq-hub-version="17.2"] .eq-compact-bridge .eq-section-head h2{font-size:1rem}.eq-surah-hub[data-eq-hub-version="17.2"] .eq-compact-bridge .eq-section-head p{font-size:.82rem}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-bridge-pills{display:flex;flex-wrap:wrap;gap:7px;margin:0}.eq-surah-hub[data-eq-hub-version="17.2"] .eq-chip-premium{min-height:40px;align-items:center;padding:7px 12px;background:#fff;border-color:#d7e2dc;font-weight:850;color:#195b45!important}.eq-surah-hub[data-eq-hub-version="17.2"] .eq-chip-premium:hover{border-color:var(--hub-gold);background:#fff9ea}

/* Navigation itself is more compact on desktop. */
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-surah-nav{margin:13px 0;gap:8px}.eq-surah-hub[data-eq-hub-version="17.2"] .eq-surah-nav a{min-height:58px;border-radius:13px;box-shadow:0 5px 16px rgba(15,67,49,.035)}

/* Tafseer chooser: predictable high-contrast CSS in both themes. */
.eq-tafseer-dialog{width:min(900px,calc(100% - 28px));max-height:min(88dvh,860px);border:1px solid #ccdcd4;border-radius:24px;background:#fff;color:#173129;box-shadow:0 30px 100px rgba(2,20,14,.42)}
.eq-tafseer-dialog::backdrop{background:rgba(3,17,12,.74);backdrop-filter:blur(3px)}
.eq-tafseer-shell{max-height:min(88dvh,860px);background:#fff}
.eq-tafseer-head{padding:20px 22px 17px;background:linear-gradient(135deg,#eaf7f1 0%,#fff 62%,#fff7e5 100%);border-bottom:1px solid #d9e5df}
.eq-tafseer-head .eq-kicker{color:#0b7454}.eq-tafseer-head h2{color:#16352b}.eq-tafseer-head p{color:#63756c}
.eq-dialog-close{background:#fff;border-color:#d2e0d9;color:#173129;box-shadow:0 5px 16px rgba(15,67,49,.07)}
.eq-tafseer-body{padding:15px 20px 20px;background:#f8fbf9}
.eq-tafseer-group{padding:14px;border:1px solid #d9e5df;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(15,67,49,.035)}
.eq-tafseer-count{background:#e8f6ef;border-color:#cce2d7;color:#086347}
.eq-tafseer-grid{gap:8px}
.eq-tafseer-source{min-height:68px;border:1px solid #d6e2dc;border-radius:14px;background:#fbfdfc;color:#173129!important;box-shadow:none}
.eq-tafseer-source:hover,.eq-tafseer-source:focus-visible{border-color:#bd8b26;background:#fffaf0;box-shadow:0 8px 20px rgba(15,67,49,.08);transform:translateY(-1px)}
.eq-tafseer-source strong{color:#173129}.eq-tafseer-source small{color:#697a72}.eq-tafseer-source>b{color:#a87512}.eq-source-icon{background:#edf7f2;border-color:#d5e5dd;color:#086548}
.eq-source-featured{border-color:#d6ad51;background:linear-gradient(135deg,#fffdf7,#fff7e4)}.eq-source-featured .eq-source-icon{background:#fff0c6;border-color:#dab865;color:#79530b}
.eq-tafseer-eerab{background:linear-gradient(135deg,#fbfdfc,#edf7f2)}
.eq-tafseer-foot{padding:12px 20px;background:#fff;border-top:1px solid #d9e5df}.eq-tafseer-foot .eq-btn{min-height:48px}

/* Dark mode is explicit; no dependency on browser color inference. */
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"],html.dark .eq-surah-hub[data-eq-hub-version="17.2"]{--hub-ink:#edf7f1;--hub-muted:#a9bbb2;--hub-line:#2b4036;--hub-shadow:none;--hub-shadow-hi:none}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium{background:radial-gradient(circle at 89% 22%,rgba(226,186,98,.16) 0 1px,transparent 1.7px) 0 0/21px 21px,linear-gradient(135deg,#14251e 0%,#173128 60%,#282216 100%);border-color:#705927;box-shadow:0 18px 50px rgba(0,0,0,.3)}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium h1,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium h1{color:#f0f7f3}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium p,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium p{color:#b6c7be}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey{background:#122019;border-color:#2d4238}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey .eq-btn:not(.eq-action-read):not(.eq-action-tafseer),html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey .eq-btn:not(.eq-action-read):not(.eq-action-tafseer){background:#182821;border-color:#31483d;color:#eaf4ef!important}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-action-pdf,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-action-pdf{background:linear-gradient(145deg,#282316,#211e16)!important;border-color:#715a29!important;color:#f0cd7d!important}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-btn-icon,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-btn-icon{background:#183027;border-color:#305044;color:#79d6af}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-action-tafseer .eq-btn-icon,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-action-tafseer .eq-btn-icon{background:rgba(40,30,10,.25);border-color:rgba(60,42,4,.23);color:#493206}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-kpi,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-kpi{background:#14231d;border-color:#2d4037}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-answer-first,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-answer-first{background:linear-gradient(145deg,#282316,#211e16);border-color:#6c5628}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-answer-first strong,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-answer-first strong{color:#edc96f}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-answer-first p,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-answer-first p{color:#c9bea6}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-core-panel,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-core-panel{background:#121f1a;border-color:#2c4037;border-top-color:#579f80}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-core-panel .eq-card,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-core-panel .eq-card{background:#172720;border-color:#2f443a}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel{background:#171f1b;border-color:#4f472f;border-top-color:#a88338}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-card,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-card{background:#192720;border-color:#32453c}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-pdf-card,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-pdf-card{background:#272216;border-color:#705a2a}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-learning-note,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-learning-note{background:#121f1a;border-color:#31473c}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-compact-bridge,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-compact-bridge{background:#14211c;border-color:#30443a}
html[data-theme="dark"] .eq-surah-hub[data-eq-hub-version="17.2"] .eq-chip-premium,html.dark .eq-surah-hub[data-eq-hub-version="17.2"] .eq-chip-premium{background:#192923;border-color:#32483d;color:#8bd8b8!important}
html[data-theme="dark"] .eq-tafseer-dialog,html.dark .eq-tafseer-dialog{background:#122019;color:#eef6f1;border-color:#31453b}
html[data-theme="dark"] .eq-tafseer-shell,html.dark .eq-tafseer-shell{background:#122019}
html[data-theme="dark"] .eq-tafseer-head,html.dark .eq-tafseer-head{background:linear-gradient(135deg,#173128,#14231d 62%,#292316);border-color:#31453b}
html[data-theme="dark"] .eq-tafseer-head h2,html.dark .eq-tafseer-head h2{color:#f0f6f2}html[data-theme="dark"] .eq-tafseer-head p,html.dark .eq-tafseer-head p{color:#aebfb6}
html[data-theme="dark"] .eq-dialog-close,html.dark .eq-dialog-close{background:#192923;border-color:#344b40;color:#eff7f3}
html[data-theme="dark"] .eq-tafseer-body,html.dark .eq-tafseer-body{background:#101b17}
html[data-theme="dark"] .eq-tafseer-group,html.dark .eq-tafseer-group{background:#15241e;border-color:#30443a;box-shadow:none}
html[data-theme="dark"] .eq-tafseer-source,html.dark .eq-tafseer-source{background:#192923;border-color:#33493e;color:#edf6f1!important}
html[data-theme="dark"] .eq-tafseer-source strong,html.dark .eq-tafseer-source strong{color:#edf6f1}html[data-theme="dark"] .eq-tafseer-source small,html.dark .eq-tafseer-source small{color:#a8bbb1}
html[data-theme="dark"] .eq-source-featured,html.dark .eq-source-featured{background:linear-gradient(135deg,#1b2a24,#292316);border-color:#725d2c}
html[data-theme="dark"] .eq-tafseer-foot,html.dark .eq-tafseer-foot{background:#122019;border-color:#31453b}

@media (max-width:1099px){
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey{grid-template-columns:repeat(3,minmax(0,1fr))}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-action-read,.eq-surah-hub[data-eq-hub-version="17.2"] .eq-action-tafseer{grid-column:auto}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary{grid-template-columns:1fr}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-core-grid,.eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-wrap{width:min(100% - 16px,1140px)}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium{min-height:0;padding:17px 15px;border-radius:18px;border-inline-start-width:4px}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium h1{font-size:1.52rem}.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium p{font-size:.9rem;line-height:1.65}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey{grid-template-columns:1fr 1fr;padding:8px;gap:7px;border-radius:16px}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey .eq-btn{min-height:56px;font-size:.88rem;padding:9px 8px}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-action-pdf{grid-column:1/-1}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-kpi-grid{grid-template-columns:1fr 1fr}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-kpi{min-height:86px}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-core-grid,.eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-grid{grid-template-columns:1fr 1fr;gap:7px}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-core-panel,.eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel{padding:13px;border-radius:18px}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-core-panel .eq-card,.eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-card{min-height:112px;padding:11px}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-compact-bridge .eq-section-head{display:block}.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-bridge-pills{display:grid;grid-template-columns:1fr 1fr}
 .eq-tafseer-dialog{width:100%;max-width:none;max-height:94dvh;margin:auto 0 0;border-radius:24px 24px 0 0;border-inline:0;border-bottom:0}
 .eq-tafseer-shell{max-height:94dvh}.eq-tafseer-head{padding:17px 15px 14px}.eq-tafseer-body{padding:12px}.eq-tafseer-grid{grid-template-columns:1fr}.eq-tafseer-group{padding:11px}.eq-tafseer-foot{display:grid;grid-template-columns:1fr 1fr;padding:10px 12px}.eq-tafseer-source{min-height:66px}
}
@media (max-width:430px){
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey{grid-template-columns:1fr 1fr}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-action-pdf{grid-column:1/-1}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-core-grid,.eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-grid{grid-template-columns:1fr}
 .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-bridge-pills{grid-template-columns:1fr}
 .eq-tafseer-foot{grid-template-columns:1fr}
}

/* ========================================================================
   E-QURAN V17.3 — Compact Premium Visual Refinement (CSS-only)
   Goal: faster access, smaller typography/cards, 4-up desktop / 2-up mobile,
   denser search journey, stronger visual hierarchy, no functional changes.
   ======================================================================== */
:root{
  --eq-v173-radius:14px;
  --eq-v173-radius-sm:11px;
  --eq-v173-gap:9px;
  --eq-v173-shadow:0 7px 22px rgba(23,68,52,.055);
  --eq-accent-emerald:#0f6a4b;
  --eq-accent-gold:#b07d18;
  --eq-accent-teal:#19766e;
  --eq-accent-indigo:#52658a;
  --eq-accent-emerald-soft:#edf7f2;
  --eq-accent-gold-soft:#fff8e9;
  --eq-accent-teal-soft:#edf8f7;
  --eq-accent-indigo-soft:#f1f3f8;
}
html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,html.night,
body[data-theme="dark"],body.dark,body.dark-mode,body.night-mode{
  --eq-v173-shadow:none;
  --eq-accent-emerald:#72d2aa;
  --eq-accent-gold:#e8c36d;
  --eq-accent-teal:#72d0c7;
  --eq-accent-indigo:#aab9dc;
  --eq-accent-emerald-soft:#172b23;
  --eq-accent-gold-soft:#2a2418;
  --eq-accent-teal-soft:#172b2a;
  --eq-accent-indigo-soft:#202632;
}

/* Match the compact reading/meanings experience instead of oversized landing pages. */
.eq-section{
  font-size:15px;
  line-height:1.68;
  padding-top:10px;
  padding-bottom:34px;
}
.eq-wrap{width:min(1160px,calc(100% - 20px))}
.eq-breadcrumb{font-size:.78rem;margin:0 0 7px}
.eq-breadcrumb ol{gap:6px}
.eq-breadcrumb li+li:before{margin-inline-end:6px}

.eq-hero{
  min-height:0;
  gap:14px;
  padding:16px 18px;
  border-radius:16px;
  margin-bottom:9px;
  box-shadow:var(--eq-v173-shadow);
}
.eq-hero h1{
  font-size:clamp(1.38rem,2.5vw,1.9rem);
  line-height:1.28;
  margin:2px 0 4px;
  letter-spacing:-.01em;
}
.eq-hero p{font-size:.88rem;line-height:1.6;max-width:720px}
.eq-eyebrow,.eq-kicker{font-size:.72rem;letter-spacing:.01em}
.eq-ornament{font-size:clamp(2.8rem,6vw,4.8rem);opacity:.12}

.eq-panel{
  border-radius:var(--eq-v173-radius);
  padding:12px 13px;
  margin:9px 0;
  box-shadow:var(--eq-v173-shadow);
}
.eq-panel h2,.eq-section-head h2{
  font-size:clamp(1.04rem,1.55vw,1.24rem);
  line-height:1.35;
  margin-bottom:5px;
}
.eq-panel h3{font-size:.98rem;line-height:1.4}
.eq-panel p{margin-top:5px;margin-bottom:8px}
.eq-section-head{gap:9px;margin-bottom:8px;align-items:center}
.eq-text-link{min-height:36px;padding:5px 9px;border-radius:9px;font-size:.76rem}

/* 4 cards on desktop, 2 on phones. Keep cards visually rich but compact. */
.eq-grid,
.eq-network .eq-grid,
.eq-grid-dense,
.eq-hub-grid,
.eq-grid-bridge,
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-core-grid,
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--eq-v173-gap);
  margin:9px 0;
}
.eq-card{
  min-height:96px;
  gap:3px;
  padding:10px 11px;
  border-radius:var(--eq-v173-radius-sm);
  box-shadow:none;
  border-inline-start:3px solid transparent;
  transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;
}
.eq-card strong{font-size:.91rem;line-height:1.4}
.eq-card span{font-size:.76rem;line-height:1.48}
.eq-card b{font-size:.73rem;line-height:1.35}
.eq-card-icon{
  width:30px!important;
  height:30px!important;
  font-size:1rem!important;
  border-radius:9px!important;
  margin-bottom:2px!important;
}
.eq-card:hover,.eq-card:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(22,67,51,.075);
}

/* A subtle four-tone rhythm gives users stronger visual landmarks. */
.eq-grid>.eq-card:nth-child(4n+1){border-inline-start-color:var(--eq-accent-emerald)}
.eq-grid>.eq-card:nth-child(4n+2){border-inline-start-color:var(--eq-accent-gold)}
.eq-grid>.eq-card:nth-child(4n+3){border-inline-start-color:var(--eq-accent-teal)}
.eq-grid>.eq-card:nth-child(4n+4){border-inline-start-color:var(--eq-accent-indigo)}
.eq-grid>.eq-card:nth-child(4n+1) .eq-card-icon{background:var(--eq-accent-emerald-soft);color:var(--eq-accent-emerald)}
.eq-grid>.eq-card:nth-child(4n+2) .eq-card-icon{background:var(--eq-accent-gold-soft);color:var(--eq-accent-gold)}
.eq-grid>.eq-card:nth-child(4n+3) .eq-card-icon{background:var(--eq-accent-teal-soft);color:var(--eq-accent-teal)}
.eq-grid>.eq-card:nth-child(4n+4) .eq-card-icon{background:var(--eq-accent-indigo-soft);color:var(--eq-accent-indigo)}

.eq-actions{gap:6px;margin:9px 0}
.eq-btn{
  min-height:42px;
  padding:7px 11px;
  border-radius:10px;
  font-size:.84rem;
  line-height:1.35;
}
.eq-chip{padding:4px 8px;font-size:.74rem}
.eq-note{padding:8px 10px;border-radius:9px;font-size:.83rem}
.eq-stat{font-size:1.38rem}
.eq-kpi-grid{gap:7px;margin:9px 0}
.eq-kpi{padding:9px;border-radius:11px}
.eq-kpi strong{font-size:1.16rem}.eq-kpi span{font-size:.73rem}
.eq-cta-band{padding:11px 13px;margin:9px 0;border-radius:13px;gap:10px}
.eq-cta-band p{font-size:.8rem}
.eq-answer-first{padding:9px 11px;margin:9px 0;border-radius:11px;font-size:.84rem}
.eq-answer-first h2{font-size:1.02rem;margin:0 0 4px}

/* Search: input must be visible immediately after the compact hero. */
.eq-search-page>.eq-wrap{display:flex;flex-direction:column}
.eq-search-page .eq-breadcrumb{order:0}
.eq-search-page .eq-hero{order:1}
.eq-search-page .eq-search-shell{order:2}
.eq-search-page .eq-panel.eq-premium{order:3}
.eq-search-page .eq-answer-first{order:4}
.eq-search-page .eq-search-shell~.eq-panel:not(.eq-premium){order:5}
.eq-search-page .eq-search-shell{
  margin:0 0 8px;
  padding:11px 12px;
  border-radius:14px;
  border-color:rgba(176,125,24,.42);
  box-shadow:0 8px 24px rgba(22,67,51,.07);
  background:linear-gradient(135deg,var(--eq-surface),var(--eq-accent-gold-soft));
}
.eq-search-page .eq-search-shell label{display:block;font-size:.86rem;margin-bottom:5px}
.eq-search-page .eq-search{margin:0;gap:6px}
.eq-search-page .eq-search input{
  min-height:50px;
  border-radius:11px;
  padding:9px 12px;
  font-size:.92rem;
  border-color:var(--eq-line);
  background:var(--eq-surface);
}
.eq-search-page .eq-search button{min-height:50px;min-width:82px;font-size:.84rem}
.eq-search-page .eq-relation{margin-top:7px;gap:5px}
.eq-search-page .eq-search-status{min-height:20px;margin-top:5px;font-size:.76rem}
.eq-search-page .eq-panel.eq-premium,
.eq-search-page .eq-answer-first{
  padding:8px 11px;
  margin:4px 0 7px;
}
.eq-search-page .eq-panel.eq-premium h2,
.eq-search-page .eq-answer-first h2{font-size:.94rem;margin-bottom:2px}
.eq-search-page .eq-panel.eq-premium p,
.eq-search-page .eq-answer-first p{font-size:.76rem;line-height:1.5;margin:2px 0 5px}
.eq-search-page .eq-answer-first .eq-btn{min-height:36px;padding:5px 9px;font-size:.75rem}
.eq-search-result{padding:8px 10px;margin-top:5px;border-radius:10px;font-size:.82rem}
.eq-search-result small{font-size:.72rem}

/* Surah hub: compact desktop hierarchy, same information with much less vertical drift. */
.eq-surah-hub[data-eq-hub-version="17.2"]{font-size:14.8px}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-wrap{width:min(1120px,calc(100% - 20px))}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium{
  min-height:0;
  padding:16px 18px;
  border-radius:17px;
  margin-bottom:8px;
}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium h1{font-size:clamp(1.42rem,2.4vw,1.9rem)}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium p{font-size:.84rem;line-height:1.55}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey{
  padding:7px;
  gap:6px;
  margin:8px 0 9px;
  border-radius:13px;
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey .eq-btn{
  min-height:48px;
  padding:7px 7px;
  font-size:.78rem;
  border-radius:10px;
}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-btn-icon{width:27px;height:27px;font-size:.85rem;border-radius:8px}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary{gap:7px;margin:7px 0}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-kpi{min-height:68px;padding:8px}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-answer-first{padding:9px 11px}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-core-panel,
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel{padding:11px 12px;border-radius:15px;margin:8px 0}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-core-panel .eq-card,
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-card{min-height:92px;padding:9px 10px}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-learning-note,
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-compact-bridge{padding:10px 12px;margin:8px 0}
.eq-surah-nav{margin:10px 0;gap:6px}.eq-surah-nav a{min-height:50px;padding:7px 9px;font-size:.78rem}
.eq-hub-bridge-pills{gap:5px}

/* Tafsir modal follows the same smaller typographic scale. */
.eq-tafseer-dialog{font-size:14px}
.eq-tafseer-head{padding:14px 16px 11px}.eq-tafseer-head h2{font-size:1.15rem}.eq-tafseer-head p{font-size:.78rem}
.eq-tafseer-body{padding:10px 12px}.eq-tafseer-group{padding:9px;border-radius:12px}
.eq-tafseer-group-head h3{font-size:.94rem}.eq-tafseer-group-head span{font-size:.72rem}
.eq-tafseer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.eq-tafseer-source{min-height:57px;border-radius:10px;padding:7px 8px;gap:7px}
.eq-tafseer-source strong{font-size:.82rem}.eq-tafseer-source small{font-size:.7rem}.eq-source-icon{width:29px;height:29px;font-size:.8rem;border-radius:8px}
.eq-tafseer-foot{padding:9px 12px}.eq-tafseer-foot .eq-btn{min-height:40px}

/* Technical UX/SEO: render below-the-fold panels cheaply without changing HTML semantics. */
@supports (content-visibility:auto){
  .eq-section>.eq-wrap>section:not(.eq-hero):not(.eq-search-shell),
  .eq-surah-hub .eq-panel{content-visibility:auto;contain-intrinsic-size:auto 220px}
  .eq-search-page .eq-search-shell{content-visibility:visible}
}

@media (max-width:980px){
  .eq-grid,.eq-network .eq-grid,.eq-grid-dense,.eq-hub-grid,.eq-grid-bridge,
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-core-grid,
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:760px){
  .eq-section{font-size:14.5px;padding-top:6px;padding-bottom:26px}
  .eq-wrap{width:min(100% - 12px,1160px)}
  .eq-breadcrumb{font-size:.72rem;margin-bottom:5px}
  .eq-hero{padding:13px 12px;border-radius:13px;gap:9px;margin-bottom:7px}
  .eq-hero h1{font-size:1.3rem}.eq-hero p{font-size:.8rem;line-height:1.5}.eq-ornament{font-size:3rem}
  .eq-panel{padding:10px;margin:7px 0;border-radius:12px}
  .eq-panel h2,.eq-section-head h2{font-size:1rem}
  .eq-section-head{margin-bottom:6px}
  .eq-grid,.eq-network .eq-grid,.eq-grid-dense,.eq-hub-grid,.eq-grid-bridge,
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-core-grid,
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  .eq-card{min-height:88px;padding:8px 9px;border-radius:10px}
  .eq-card strong{font-size:.84rem}.eq-card span{font-size:.7rem}.eq-card b{font-size:.68rem}
  .eq-card-icon{width:27px!important;height:27px!important;font-size:.9rem!important}
  .eq-actions{grid-template-columns:1fr 1fr;gap:6px;margin:7px 0}.eq-btn{min-height:44px;font-size:.8rem}
  .eq-search{flex-direction:row}.eq-search-page .eq-search input{min-height:48px;font-size:.88rem}.eq-search-page .eq-search button{min-height:48px;min-width:72px}
  .eq-search-page .eq-relation{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}.eq-search-page .eq-relation::-webkit-scrollbar{display:none}.eq-search-page .eq-relation .eq-chip{white-space:nowrap}
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-wrap{width:min(100% - 12px,1120px)}
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium{padding:13px 12px;border-radius:14px}
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium h1{font-size:1.3rem}.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium p{font-size:.78rem}
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey{grid-template-columns:1fr 1fr;padding:6px;gap:5px}
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-primary-journey .eq-btn{min-height:50px;font-size:.76rem}
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-action-pdf{grid-column:auto}
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-kpi{min-height:58px;padding:6px}.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-kpi strong{font-size:1rem}.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-summary .eq-kpi span{font-size:.65rem}
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-core-panel .eq-card,
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-card{min-height:88px;padding:8px}
  .eq-tafseer-dialog{font-size:13.5px}.eq-tafseer-grid{grid-template-columns:1fr 1fr}.eq-tafseer-source{min-height:56px}
}

@media (max-width:430px){
  /* Keep two cards per row as requested, even on 320–430px phones. */
  .eq-grid,.eq-network .eq-grid,.eq-grid-dense,.eq-hub-grid,.eq-grid-bridge,
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-core-grid,
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-secondary-panel .eq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eq-hero h1{font-size:1.22rem}
  .eq-card{min-height:84px;padding:7px 8px}
  .eq-card strong{font-size:.8rem}.eq-card span{font-size:.67rem;line-height:1.38}.eq-card b{font-size:.65rem}
  .eq-section-head{display:flex;align-items:center}.eq-section-head .eq-text-link{margin-top:0}
  .eq-surah-hub[data-eq-hub-version="17.2"] .eq-hub-bridge-pills{grid-template-columns:1fr 1fr}
  .eq-tafseer-grid{grid-template-columns:1fr}
  .eq-tafseer-foot{grid-template-columns:1fr 1fr}
}

@media (max-width:340px){
  .eq-card strong{font-size:.77rem}.eq-card span{font-size:.64rem}
  .eq-card-icon{width:25px!important;height:25px!important}
  .eq-search-page .eq-search input{padding-inline:9px;font-size:.82rem}
  .eq-search-page .eq-search button{min-width:64px;padding-inline:6px}
}

/* V17.3 QA corrections */
.eq-hero h1{font-size:clamp(1.34rem,2.25vw,1.75rem)}
.eq-surah-hub[data-eq-hub-version="17.2"] .eq-hero-premium h1{font-size:clamp(1.36rem,2.2vw,1.78rem)}
.eq-search-page .eq-answer-first .eq-btn{min-height:44px}
.eq-search-page .eq-search{display:flex!important;flex-direction:row!important;align-items:stretch}
.eq-search-page .eq-search input{flex:1 1 auto!important;width:auto!important;min-width:0!important}
.eq-search-page .eq-search button.eq-btn{flex:0 0 84px!important;width:84px!important;min-width:84px!important}
.eq-search-page .eq-search-status{min-height:0}
.eq-search-page [data-unified-results]>.eq-muted{margin:3px 0 0;font-size:.75rem}
@media(max-width:760px){
 .eq-search-page .eq-search button.eq-btn{flex-basis:76px!important;width:76px!important;min-width:76px!important}
}
@media(max-width:340px){
 .eq-search-page .eq-search button.eq-btn{flex-basis:66px!important;width:66px!important;min-width:66px!important}
}
.eq-btn{min-height:44px}