/* MathSparsh Question Bank layout v1. Load AFTER the page's existing style block. */
.qb-hero{margin-top:var(--ms-qb-nav-height,var(--nav-h,68px));padding:52px max(24px,calc((100vw - 1240px)/2)) 42px;text-align:left;background:radial-gradient(ellipse at 95% 0,rgba(34,211,238,.18),transparent 55%),linear-gradient(120deg,#171638,#292563 70%,#16405d);border-bottom:1px solid #454279;position:relative}
.qb-hero h1{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.16;letter-spacing:-.035em;margin:0 0 12px;color:#fff}
.qb-hero p{max-width:680px;font-size:1rem;line-height:1.65;opacity:1;color:#d7dcef;margin-bottom:24px}
.qb-hero-stats{justify-content:flex-start;gap:0}
.qb-hero-stat{padding:0 28px;border-left:1px solid rgba(255,255,255,.22)}
.qb-hero-stat:first-child{padding-left:0;border-left:0}
.qb-hero-stat strong{font-size:1.5rem;line-height:1.3;color:#fff}
.qb-hero-stat span{font-size:.82rem;color:#c9cee8;opacity:1}
.qb-outer{max-width:1288px;padding:32px 24px 72px}
.qb-grid{grid-template-columns:244px minmax(0,1fr);gap:28px}
.qb-grid>div,.qc-inner,.qc-content{min-width:0}
.qb-sidebar{top:calc(var(--ms-qb-nav-height,var(--nav-h,68px)) + 20px);gap:16px;max-height:calc(100dvh - var(--ms-qb-nav-height,var(--nav-h,68px)) - 40px);overflow-y:auto;scrollbar-width:thin}
.qb-sidebar .sb-card{border:1px solid #e2e6f0;border-radius:16px;box-shadow:0 3px 12px rgba(30,41,59,.025);flex-shrink:0}
.qb-sidebar .sb-head{background:#f8f9fd;padding:16px;font-size:.76rem;color:#36425e;letter-spacing:.08em}
.qb-sidebar .sb-item{min-height:44px;padding:10px 16px;gap:8px;line-height:1.4}
.qb-sidebar .sb-item.active{box-shadow:inset 3px 0 #6050e8;background:#efedff;color:#4835c3}
.qb-sidebar .sb-count{min-width:26px;text-align:center;flex-shrink:0}
.qb-sidebar .type-pills{padding:12px;gap:8px}
.qb-sidebar .type-pill{min-height:36px;display:inline-flex;align-items:center}
.qb-topbar{background:#fff;border:1px solid #e2e6f0;border-radius:16px;padding:14px;gap:10px;box-shadow:0 4px 16px rgba(30,41,59,.035);margin-bottom:18px}
.qb-search{flex:1 1 240px;min-width:180px}
.qb-search input{min-height:46px;background:#f8f9fc;border:1px solid #dbe1ec;padding:12px 14px 12px 40px;font-size:.94rem}
.qb-sort{min-height:46px;max-width:100%;border:1px solid #dbe1ec;font-size:.86rem;padding:10px 12px}
.qb-filter-btn{min-height:46px;background:#5540da;font-weight:700;padding:10px 20px;transition:background .18s}
.qb-filter-btn:hover{background:#4230b4}
.qb-exam-chips{gap:8px;margin-bottom:20px}
.exam-chip{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 15px;font-size:.8rem;border:1px solid #dce1ee}
.exam-chip.active{background:#5540da;border-color:#5540da;color:#fff;box-shadow:0 3px 8px rgba(85,64,218,.15)}
.qb-results{color:#526079;font-size:.88rem;margin:0 2px 16px;gap:12px;flex-wrap:wrap}
.q-list{gap:20px}
.qc{border:1px solid #dfe5ef;border-radius:18px;box-shadow:0 3px 12px rgba(23,32,58,.025)}
.qc:hover{transform:none;box-shadow:0 8px 26px rgba(23,32,58,.07);border-color:#c9c8e9}
.qc-accent{width:4px}
.qc-content{padding:24px}
.qc-top{gap:7px;margin-bottom:17px}
.qc-type,.qc-diff,.qc-exam,.qc-chapter,.qc-subject{line-height:1.5;padding:5px 10px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.qc-text{font-size:1.04rem;line-height:1.9;color:#1b2940;margin-bottom:20px;overflow-x:auto;overflow-wrap:anywhere}
.qc-text img{height:auto}
.qc-opts{gap:10px;margin-bottom:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
.qc-opt{padding:12px;border:1px solid #e5e9f2;background:#f9fafe;min-width:0;font-size:.88rem;border-radius:10px}
.qc-opt>span:last-child{min-width:0;overflow-x:auto}
.qc-opt-lbl{width:24px;height:24px;background:#e9eafa;color:#504b7e}
.qc-numerical-box{min-height:46px;max-width:100%;padding:12px 16px;border-radius:11px;background:#eff8ff;border:1px solid #c5e5fa;color:#075985;font-size:.88rem;line-height:1.5;margin-bottom:20px;text-decoration:none}
a.qc-numerical-box:hover{background:#e0f2fe;border-color:#7dc7ed}
.qc-footer{gap:12px;border-top:1px solid #edf0f6;padding-top:16px}
.qc-views{color:#66728a;font-size:.79rem;overflow-wrap:anywhere;min-width:0}
.qc-solve{min-height:44px;padding:10px 22px;border-radius:11px;background:#5540da;box-shadow:0 3px 8px rgba(85,64,218,.13);font-size:.88rem}
.qc-solve:hover{transform:none;background:#4230b4;opacity:1}
.qb-pages{gap:8px}
.qb-pages .pg{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.qb-outer :is(a,button,input,select):focus-visible{outline:3px solid #7c6dea;outline-offset:3px}
.qb-filter-toggle{display:none;width:100%;align-items:center;justify-content:space-between;min-height:48px;padding:12px 16px;border:1px solid #d8dcec;border-radius:12px;background:#fff;color:#302659;font:inherit;font-weight:700;cursor:pointer}
@media(max-width:960px){
 .qb-grid{grid-template-columns:210px minmax(0,1fr);gap:18px}
 .qb-outer{padding:24px 18px 56px}.qc-content{padding:20px}
 .qb-search{flex-basis:100%}.qb-sort{flex:1;min-width:0}.qc-opts{grid-template-columns:1fr}
}
@media(max-width:760px){
 .qb-hero{padding:32px 20px 28px}.qb-hero p{font-size:.93rem;max-width:42ch}.qb-hero-stat{padding:0 20px}
 .qb-grid{display:flex;flex-direction:column;gap:18px}.qb-grid>div,.qb-sidebar{width:100%}
 .qb-sidebar{position:static;max-height:none;overflow:visible}
 .qb-sidebar.ms-qb-enhanced .qb-filter-toggle{display:flex}
 .qb-sidebar.ms-qb-enhanced[data-collapsed="true"]>.sb-card{display:none}
 .qb-outer{padding:20px 14px 48px}.qb-topbar{padding:12px}
 .qb-search{min-width:0;flex-basis:100%}.qb-search input{font-size:16px}
 .qb-filter-btn{flex-basis:100%}.qb-sort{font-size:16px;min-width:0;width:calc(50% - 5px)}
 .qb-exam-chips{flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 10px;scrollbar-width:thin}.exam-chip{flex-shrink:0}
 .qc-content{padding:18px 16px}.qc-text{font-size:1rem;line-height:1.85}.qc-top{margin-bottom:14px}
 .qc-solve{margin-left:auto}.qc-footer{gap:10px}.qc-numerical-box{width:100%;justify-content:center}
 .qc-type,.qc-diff,.qc-subject{font-size:.73rem}.qc-chapter{font-size:.71rem}
}
@media(prefers-reduced-motion:reduce){.qb-outer *{transition:none!important;animation:none!important}}