/*
 * Ngân hàng câu hỏi + Câu hỏi đã lưu (19/10/2026). Times New Roman, navy #17364d, teal #126f68 (chữ),
 * champagne #c99c43. Mọi lớp dưới .qb (không đụng header/footer chung).
 */
.qb{--navy:#17364d;--deep:#0c243b;--teal:#168b83;--teal-ink:#126f68;--gold:#c99c43;--paper:#f3f5f2;--line:#d9e2df;--muted:#3b4853;--pale:#e6f3ef;--goldp:#fff4df;--bluep:#edf3fa;--red:#a94747;
	background:var(--paper);color:var(--deep);font-family:"Times New Roman",Times,"Liberation Serif",serif;font-size:16px;line-height:1.5;padding:0 0 44px}
.qb *,.qb *:before,.qb *:after{box-sizing:border-box}
:where(.qb) a{color:inherit;text-decoration:none}
:where(.qb) p{margin:0}
.qb :is(h1,h2,h3){margin:0;font-family:inherit;color:inherit}
:where(.qb) :is(button,input,select){font:inherit;color:inherit}
.qb :focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.qb [hidden]{display:none!important}
.qb+.ch-footer{margin-top:0}
.qb-wrap{width:min(1240px,calc(100% - 40px));margin:0 auto}
.qb .cvc-breadcrumbs{margin:0 0 12px;font-size:14px;color:var(--muted)}
.qb .cvc-breadcrumbs a{color:#166994}

.qb-hero{padding:16px 0 18px;background:linear-gradient(110deg,#fff 0%,#fffdf8 65%,#edf6f2 100%);border-bottom:1px solid var(--line)}
.qb-hero-row{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:center}
.qb-eyebrow{color:var(--teal-ink);font-size:13px;font-weight:bold;letter-spacing:.08em;text-transform:uppercase}
.qb .qb-hero h1{font-size:clamp(28px,3vw,38px);font-weight:normal;margin:6px 0 8px;text-wrap:balance}
.qb-lead{max-width:760px;font-size:16.5px;color:#25313b}
.qb-hero-stat{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.qb-hero-stat strong{font-size:32px;line-height:1.1;color:var(--navy)}
.qb-hero-stat span{font-size:14.5px;color:#25313b}
.qb-hero-stat small{font-size:13.5px;color:var(--muted)}
.qb-hero-stat small a{color:var(--teal-ink);font-weight:bold}

.qb-main{padding-top:18px}
.qb-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}
.qb-panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px}
.qb .qb-panel h2{font-size:20px;font-weight:normal;margin-bottom:10px}
.qb-filters{position:sticky;top:96px}
.qb-field{margin:0 0 12px;border:0;padding:0;min-width:0}
.qb-field>label,.qb-field>legend{display:block;font-weight:bold;font-size:14.5px;margin-bottom:5px;color:var(--navy);padding:0}
.qb-field select{width:100%;max-width:100%;padding:8px 10px;border:1px solid #c7d4d1;border-radius:9px;background:#fff;font-size:15px}
.qb-field select:disabled{background:#f4f6f5;color:#6b7680}
.qb-radios{display:grid;gap:4px}
.qb-radio{display:flex;gap:7px;align-items:baseline;font-size:15px;cursor:pointer}
.qb-radio small{color:var(--muted);font-size:13px}
.qb-counts{display:flex;gap:6px}
.qb-counts label{flex:1;cursor:pointer}
.qb-counts input{position:absolute;opacity:0;pointer-events:none}
.qb-counts span{display:block;text-align:center;padding:7px 0;border:1px solid #c7d4d1;border-radius:9px;font-weight:bold}
.qb-counts input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.qb-counts input:focus-visible+span{outline:2px solid var(--teal);outline-offset:2px}
.qb-formfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.qb-formfoot a{color:#166994;font-size:14.5px}
.qb.has-js .qb-formfoot button{display:none}

.qb-content{display:grid;gap:14px;min-width:0}
.qb-sum-k{font-size:13px;font-weight:bold;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-ink)}
.qb-sum-n{font-size:18px;margin-top:2px}
.qb-sum-n strong{font-size:34px;color:var(--navy);margin-right:4px}
.qb-sum-note{color:#25313b;font-size:15px;margin-top:2px}
.qb-summary.is-loading .qb-sum-n{opacity:.5}
.qb-start{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.qb-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;border-radius:12px;border:1px solid var(--navy);background:#fff;color:var(--navy);cursor:pointer;text-align:left;transition:transform .15s,box-shadow .15s}
.qb-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #17364d1a}
.qb-btn:disabled{opacity:.5;cursor:not-allowed}
.qb-btn-t{font-size:17.5px;font-weight:bold}
.qb-btn small{font-size:13.5px;color:inherit;opacity:.92}
.qb-btn.is-practice{background:#eef7f2;border-color:#7fb79f;color:#0f4f49}
.qb-btn.is-exam{background:var(--navy);color:#fff}
.qb-hint{margin-top:10px;font-size:14.5px;color:#25313b}
.qb-hint a{color:#166994;text-decoration:underline}
.qb-btn-sm{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;border:1px solid var(--navy);background:var(--navy);color:#fff!important;font-weight:bold;font-size:14.5px;cursor:pointer}
.qb-btn-sm.is-ghost{background:#fff;color:var(--navy)!important}

.qb-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:8px}
.qb .qb-head h2{margin:0}
.qb-head span{font-size:14px;color:var(--muted)}
.qb-doclist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.qb-doclist a{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #e3eae8;border-radius:9px;font-size:15px;line-height:1.35}
.qb-doclist a:hover,.qb-doclist a[aria-current]{border-color:#9fcdb9;background:#f1f8f4}
.qb-doclist b{flex:none;color:var(--teal-ink);font-size:14px}
.qb-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qb-modes>div{border:1px solid #e3eae8;border-radius:10px;padding:10px 12px}
.qb-modes b{font-size:16.5px;color:var(--navy)}
.qb-modes p{font-size:15px;color:#25313b;margin-top:3px}
.qb-links{margin-top:10px;font-size:15px}
.qb-links a{color:#166994;text-decoration:underline}

/* Câu hỏi đã lưu */
.qb-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.qb-tabs a{padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:bold;color:var(--navy)}
.qb-tabs a b{display:inline-block;min-width:26px;margin-left:4px;padding:0 6px;border-radius:99px;background:#eef3f7;text-align:center;font-size:14px}
.qb-tabs a.is-on{background:var(--navy);border-color:var(--navy);color:#fff}
.qb-tabs a.is-on b{background:#ffffff26}
.qb-savedbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;margin-bottom:12px}
.qb-start.is-row{margin-top:0;min-width:min(560px,100%)}
.qb-empty{text-align:center;padding:26px 18px}
.qb-empty b{display:block;font-size:19px;margin-bottom:4px}
.qb-empty p{color:#25313b;margin-top:6px}
.qb-qlist{margin:0;padding:0 0 0 0;list-style:none;counter-reset:none;display:grid;gap:10px}
.qb-q{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 16px}
.qb-qtext{font-size:17px;font-weight:bold;line-height:1.45;color:var(--deep)}
.qb-qmeta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:14.5px;color:var(--muted)}
.qb-qmeta a{color:#166994}
.qb-ans{margin-top:8px}
.qb-ans summary{cursor:pointer;color:var(--teal-ink);font-weight:bold;font-size:15px}
.qb-ans ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}
.qb-ans li{padding:6px 10px;border:1px solid #e3eae8;border-radius:8px;font-size:15.5px}
.qb-ans li.is-right{border-color:#7fb79f;background:#eef7f2}
.qb-ans li em{font-style:normal;color:var(--teal-ink);font-weight:bold;font-size:14px}
.qb-expl{margin-top:8px;padding:9px 12px;border-left:3px solid var(--teal);background:#f6faf8;font-size:15.5px}
.qb-pages{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px}
.qb-pages a{padding:7px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--navy);font-weight:bold}

@media (max-width:960px){
	.qb-layout{grid-template-columns:1fr}
	.qb-filters{position:static}
	.qb-hero-row{grid-template-columns:1fr}
	.qb-savedbar{grid-template-columns:1fr}
}
@media (max-width:600px){
	.qb-wrap{width:calc(100% - 24px)}
	.qb-start,.qb-modes,.qb-doclist{grid-template-columns:1fr}
	.qb-sum-n strong{font-size:28px}
}
@media (prefers-reduced-motion:reduce){.qb *{transition:none!important}}