/* V155 — Unified Quran Statistical Atlas. Scoped to Surah Statistics only. */
#pg-surastats .qoc-subtabs{display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap;margin:1rem 0 1.1rem}
#pg-surastats .qoc-subtabs .qoc-subtab{min-width:145px}
#pg-surastats .qsa-pane{overflow:visible}
#pg-surastats .qsa-overview,#pg-surastats .qsa-insights>article,#pg-surastats .qsa-letter-pulse,#pg-surastats .qsa-method,#pg-surastats .qsa-patterns-head,#pg-surastats .qsa-surah-hint{border:1px solid var(--bdr);background:var(--bg2);border-radius:15px}
#pg-surastats .qsa-overview{padding:1.05rem}
#pg-surastats .qsa-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
#pg-surastats .qsa-kicker{display:block;color:var(--cyan);font:700 .62rem 'Ubuntu Mono',monospace;letter-spacing:.14em;margin-bottom:.3rem}
#pg-surastats .qsa-overview-head h3{margin:0;color:var(--gold2,var(--gold));font-size:1.22rem}
#pg-surastats .qsa-overview-head p{margin:.3rem 0 0;color:var(--txt3);font-size:.76rem;line-height:1.75;max-width:760px}
#pg-surastats .qsa-source-pill{border:1px solid color-mix(in srgb,var(--gold2,var(--gold)) 42%,var(--bdr));border-radius:999px;padding:.42rem .7rem;color:var(--gold2,var(--gold));font-size:.68rem;white-space:nowrap}
#pg-surastats .qsa-primary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}
#pg-surastats .qsa-primary-grid article{min-width:0;position:relative;padding:.95rem .75rem;border:1px solid color-mix(in srgb,var(--gold2,var(--gold)) 28%,var(--bdr));border-radius:13px;background:color-mix(in srgb,var(--bg3) 78%,transparent);text-align:center;cursor:default}
#pg-surastats .qsa-primary-grid article[onclick]{cursor:pointer}
#pg-surastats .qsa-primary-grid article[onclick]:hover{border-color:var(--gold2,var(--gold));transform:translateY(-1px)}
#pg-surastats .qsa-primary-grid .qsa-num{display:block;width:100%;border:0;background:none;color:var(--gold2,var(--gold));font:850 1.38rem 'Ubuntu Mono',monospace;cursor:pointer;line-height:1.2}
#pg-surastats .qsa-primary-grid span{display:block;margin-top:.25rem;color:var(--txt1);font-weight:800;font-size:.76rem}
#pg-surastats .qsa-primary-grid small{display:block;margin-top:.28rem;color:var(--txt3);font-size:.6rem;line-height:1.45}
#pg-surastats .qsa-secondary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.52rem;margin-top:.7rem}
#pg-surastats .qsa-secondary-grid article{min-width:0;padding:.62rem .45rem;border:1px solid var(--bdr);border-radius:10px;text-align:center;background:var(--bg1)}
#pg-surastats .qsa-secondary-grid b,#pg-surastats .qsa-secondary-grid .qsa-num{display:block;width:100%;border:0;background:none;color:var(--cyan);font:800 .88rem 'Ubuntu Mono',monospace;cursor:pointer}
#pg-surastats .qsa-secondary-grid span{display:block;margin-top:.18rem;color:var(--txt3);font-size:.58rem;line-height:1.35}
#pg-surastats .qsa-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.68rem;margin:1rem 0}
#pg-surastats .qsa-insights>article{min-width:0;padding:.88rem .92rem}
#pg-surastats .qsa-insights span{color:var(--txt3);font-size:.62rem}
#pg-surastats .qsa-insights h4{margin:.2rem 0 .42rem;color:var(--gold2,var(--gold));font-size:.92rem}
#pg-surastats .qsa-extreme div{color:var(--txt2);font-size:.68rem;line-height:1.7}
#pg-surastats .qsa-extreme div b{color:var(--cyan)}
#pg-surastats .qsa-extreme button,#pg-surastats .qsa-letter-pulse-head button,#pg-surastats .qsa-patterns-head button{margin-top:.55rem;border:1px solid var(--bdr);border-radius:8px;background:var(--bg1);color:var(--txt1);padding:.38rem .6rem;font:inherit;font-size:.64rem;cursor:pointer}
#pg-surastats .qsa-extreme button:hover,#pg-surastats .qsa-letter-pulse-head button:hover,#pg-surastats .qsa-patterns-head button:hover{border-color:var(--gold2,var(--gold));color:var(--gold2,var(--gold))}
#pg-surastats .qsa-pattern-card{cursor:pointer}
#pg-surastats .qsa-pattern-chips{display:flex;gap:.35rem;flex-wrap:wrap}
#pg-surastats .qsa-pattern-chips i{font-style:normal;border:1px solid var(--bdr);border-radius:999px;padding:.25rem .42rem;color:var(--txt2);font-size:.58rem}
#pg-surastats .qsa-pattern-chips b{color:var(--cyan)}
#pg-surastats .qsa-pattern-card small{display:block;margin-top:.55rem;color:var(--gold2,var(--gold));font-size:.62rem}
#pg-surastats .qsa-letter-pulse{padding:.9rem 1rem;margin-bottom:1rem}
#pg-surastats .qsa-letter-pulse-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap}
#pg-surastats .qsa-letter-pulse-head span{color:var(--cyan);font-size:.6rem}
#pg-surastats .qsa-letter-pulse-head h4{margin:.16rem 0;color:var(--txt1);font-size:.85rem}
#pg-surastats .qsa-letter-pulse-bars{display:flex;align-items:flex-end;justify-content:center;gap:1.2rem;min-height:98px;margin:.6rem auto .2rem;direction:rtl}
#pg-surastats .qsa-letter-pulse-bars>div{display:grid;grid-template-rows:auto 62px auto;place-items:center;gap:.18rem;min-width:44px}
#pg-surastats .qsa-letter-pulse-bars b{color:var(--gold2,var(--gold));font-size:1.05rem}
#pg-surastats .qsa-letter-pulse-bars span{display:flex;align-items:flex-end;width:18px;height:62px;border-radius:6px;background:color-mix(in srgb,var(--txt3) 10%,transparent);overflow:hidden}
#pg-surastats .qsa-letter-pulse-bars i{display:block;width:100%;background:var(--gold2,var(--gold));border-radius:6px 6px 0 0}
#pg-surastats .qsa-letter-pulse-bars strong{font:700 .62rem 'Ubuntu Mono',monospace;color:var(--txt2)}
#pg-surastats .qsa-letter-pulse p{margin:.4rem 0 0;text-align:center;color:var(--txt3);font-size:.6rem;line-height:1.6}
#pg-surastats .qsa-method{padding:.75rem .9rem;margin-bottom:1rem}
#pg-surastats .qsa-method h4{margin:0 0 .25rem;color:var(--gold2,var(--gold));font-size:.78rem}
#pg-surastats .qsa-method p{margin:0;color:var(--txt3);font-size:.62rem;line-height:1.8;text-align:justify}
#pg-surastats .qsa-loading{padding:1rem;text-align:center;color:var(--txt3);font-size:.72rem}
#pg-surastats .qsa-surah-hint{margin:.8rem 0;padding:.65rem .8rem;display:flex;align-items:center;gap:.7rem}
#pg-surastats .qsa-surah-hint span{color:var(--gold2,var(--gold));font-weight:800;font-size:.72rem;white-space:nowrap}
#pg-surastats .qsa-surah-hint p{margin:0;color:var(--txt3);font-size:.64rem;line-height:1.6}
#pg-surastats .qsa-surah-cell{cursor:pointer;color:var(--gold2,var(--gold));font-weight:800}
#pg-surastats .qsa-surah-cell:hover{text-decoration:underline;text-underline-offset:3px}
#pg-surastats .qsa-integrated-detail{margin-top:1rem}
#pg-surastats .qsa-integrated-detail>.ss-detail-browser[hidden]{display:none!important}
#pg-surastats .qsa-patterns-head{padding:.85rem .9rem;margin-bottom:.8rem}
#pg-surastats .qsa-patterns-head h3{margin:0 0 .22rem;color:var(--gold2,var(--gold));font-size:.96rem}
#pg-surastats .qsa-patterns-head p{margin:0;color:var(--txt3);font-size:.66rem;line-height:1.7}
#pg-surastats .qsa-patterns-head>div{display:flex;gap:.45rem;flex-wrap:wrap}
#pg-surastats #qocPatternsPane>#qocOpenClosePane,#pg-surastats #qocPatternsPane>#qocEqualPane{display:block!important;margin-bottom:1rem}
#pg-surastats #qocLettersPane .lf-hero{margin-top:.1rem}
#pg-letters .qsa-legacy-placeholder{display:none}

@media(max-width:900px){
 #pg-surastats .qsa-primary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #pg-surastats .qsa-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #pg-surastats .qsa-insights{grid-template-columns:1fr}
}
@media(max-width:600px){
 #pg-surastats .qoc-subtabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
 #pg-surastats .qoc-subtabs .qoc-subtab{min-width:0;width:100%;font-size:.68rem;padding:.55rem .35rem}
 #pg-surastats .qsa-overview{padding:.72rem}
 #pg-surastats .qsa-overview-head{gap:.45rem}
 #pg-surastats .qsa-overview-head h3{font-size:1.05rem}
 #pg-surastats .qsa-source-pill{font-size:.57rem;padding:.32rem .5rem}
 #pg-surastats .qsa-primary-grid{gap:.45rem}
 #pg-surastats .qsa-primary-grid article{padding:.72rem .45rem}
 #pg-surastats .qsa-primary-grid .qsa-num{font-size:1.04rem}
 #pg-surastats .qsa-primary-grid span{font-size:.66rem}
 #pg-surastats .qsa-primary-grid small{font-size:.54rem}
 #pg-surastats .qsa-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
 #pg-surastats .qsa-secondary-grid article{padding:.52rem .35rem}
 #pg-surastats .qsa-letter-pulse-bars{gap:.65rem;justify-content:space-around}
 #pg-surastats .qsa-letter-pulse-bars>div{min-width:36px}
 #pg-surastats .qsa-surah-hint{align-items:flex-start;flex-direction:column;gap:.2rem}
 #pg-surastats .qsa-method p{text-align:start}
 #pg-surastats #qocLettersPane .lf-controls{display:grid;grid-template-columns:1fr!important}
}

/* V158 — explicit, DOM-safe Patterns & Structure subsection navigation */
#pg-surastats .qsa-pattern-switch{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.65rem}
#pg-surastats .qsa-pattern-switch button{margin-top:0!important}
#pg-surastats .qsa-pattern-switch button.on{border-color:var(--gold2,var(--gold))!important;color:var(--gold2,var(--gold))!important;background:color-mix(in srgb,var(--gold2,var(--gold)) 9%,var(--bg1))!important}
#pg-surastats #qocPatternsPane>#qocOpenClosePane:not([hidden]),#pg-surastats #qocPatternsPane>#qocEqualPane:not([hidden]){display:block!important}
#pg-surastats #qocPatternsPane>#qocOpenClosePane[hidden],#pg-surastats #qocPatternsPane>#qocEqualPane[hidden]{display:none!important}
@media(max-width:700px){#pg-surastats .qsa-pattern-switch{display:grid;grid-template-columns:1fr}#pg-surastats .qsa-pattern-switch button{width:100%}}

#pg-surastats #qocPatternsPane{min-height:1px}
#pg-surastats #qocPatternsPane .qoc-pane{width:100%}


/* V198 — strict atlas subtab isolation. */
#pg-surastats #qocAtlasPane[hidden],#pg-surastats #qocStatsPane[hidden],#pg-surastats #qocLettersPane[hidden],#pg-surastats #qocPatternsPane[hidden]{display:none!important}