.question-bank-page{background:var(--revision-bg,#08111d);color:var(--revision-text,#eef5ff)}
.bank-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 70px}
.bank-hero{display:flex;justify-content:space-between;gap:32px;align-items:flex-start;padding:34px 0 26px}
.bank-hero h1{font-size:clamp(2.4rem,6vw,5.4rem);line-height:.95;margin:.4rem 0 1rem;letter-spacing:-.055em}
.bank-hero h1 span{opacity:.7}.bank-hero p{max-width:760px;font-size:1.04rem;line-height:1.7;color:var(--revision-muted,#9db0c5)}
.bank-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 28px}
.bank-stats>div,.bank-controls,.bank-results{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:22px}
.bank-stats>div{padding:20px}.bank-stats strong{display:block;font-size:2rem}.bank-stats span{color:var(--revision-muted,#9db0c5);font-size:.9rem}
.bank-controls,.bank-results{padding:24px;margin:18px 0}
.bank-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.bank-section-heading h2{margin:.3rem 0 0;font-size:1.7rem}
.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.filter-grid label{display:flex;flex-direction:column;gap:7px;font-size:.82rem;color:var(--revision-muted,#9db0c5);font-weight:700;letter-spacing:.02em}
.filter-grid select,.filter-grid input{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0d1928;color:inherit;padding:12px 13px;font:inherit;outline:none}.filter-grid select:focus,.filter-grid input:focus{border-color:#6fa8ff;box-shadow:0 0 0 3px rgba(111,168,255,.12)}
.search-control{grid-column:span 3}.bank-actions{display:flex;gap:8px}.bank-actions button,.self-mark button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:inherit;border-radius:10px;padding:9px 12px;cursor:pointer}
.question-list{display:grid;gap:14px}.question-card{background:#0b1725;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:20px}.question-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.question-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.065);color:#bcd0e5;font-size:.72rem;font-weight:700}.question-number{font-size:.8rem;color:#7f94aa;white-space:nowrap}.question-card h3{font-size:1.12rem;line-height:1.5;margin:.2rem 0 .8rem}.lesson-link{color:#9cc6ff;text-decoration:none;font-size:.84rem}.lesson-link:hover{text-decoration:underline}
.question-answer{margin-top:14px}.question-answer textarea{width:100%;min-height:92px;resize:vertical;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#09131f;color:inherit;padding:12px;font:inherit}.question-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.question-actions button{cursor:pointer}.mark-scheme{margin-top:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.mark-scheme summary{cursor:pointer;font-weight:700}.mark-scheme ol{padding-left:20px;color:#c8d8e8;line-height:1.55}.self-mark{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.self-mark span{font-size:.8rem;color:#91a4b8}.self-mark button[aria-pressed="true"]{background:#203952;border-color:#5c91c7}.load-more-wrap{text-align:center;margin-top:18px}.load-more-wrap[hidden]{display:none}.section-note{color:var(--revision-muted,#9db0c5)}
@media(max-width:850px){.bank-hero{flex-direction:column}.bank-stats{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:1fr 1fr}.search-control{grid-column:span 2}.bank-section-heading{align-items:flex-start;flex-direction:column}.bank-actions{width:100%}}
@media(max-width:560px){.bank-wrap{width:min(100% - 20px,1180px);padding-top:18px}.bank-stats{grid-template-columns:1fr 1fr}.filter-grid{grid-template-columns:1fr}.search-control{grid-column:auto}.question-top{flex-direction:column}.question-card{padding:16px}}