/* ❓ Câu hỏi thường gặp trong màn Pháp lý (cos_cau_hoi.js) — 27/09/2026.
   KHÔNG dùng shorthand `font: … inherit` (không hợp lệ, trình duyệt bỏ cả dòng). Màu luôn kèm chữ. */
.ch-hop > summary{list-style:none; display:flex; align-items:center; gap:.5rem; cursor:pointer}
.ch-hop > summary::-webkit-details-marker{display:none}
.ch-hop > summary::after{content:'▾ thu gọn'; margin-left:auto; color:var(--muted); font-size:.78rem; white-space:nowrap}
.ch-hop:not([open]) > summary::after{content:'▸ mở ra'}
.ch-hop > summary h3{margin:0}
.ch-chon{display:grid; grid-template-columns:1fr 1fr; gap:.5rem}
@media (max-width:600px){.ch-chon{grid-template-columns:1fr}}
.ch-chon select, .ch-chon input{width:100%; margin:0; box-sizing:border-box}
.ch-ds{display:flex; flex-direction:column; gap:4px; max-height:350px; overflow-y:auto; padding-right:2px}
.ch-cau{padding:.55rem .75rem; border:1px solid var(--line); border-radius:8px; font-size:.92rem; line-height:1.35;
  color:var(--ink); background:color-mix(in srgb, var(--navy3) 35%, transparent); cursor:pointer}
.ch-cau:hover, .ch-cau:focus-visible{border-color:var(--gold); background:color-mix(in srgb, var(--gold) 12%, transparent); outline:none}
.ch-cau[aria-selected="true"]{border-color:var(--gold); color:var(--gold-l)}
.ch-cau .ch-cd{display:inline-block; margin-left:.4rem; vertical-align:middle}
/* Bấm câu → cuộn ô hỏi lên đầu, chừa thanh đầu + thanh tab dính (57 + 46px). */
.tc-o-hoi{scroll-margin-top:110px}