/* HƯỚNG DẪN BẰNG GIỌNG (cos_huong_dan.js, cos_huong_dan_tour.js) — 06/10/2026. Chữ lớn, nút ≥ 40px, không dựa vào màu một mình. */
/* Lề khớp lề của .card (index.html + cos_vo_khung.css) để thanh đứng thẳng hàng với các thẻ bên dưới, không dính vào thanh trên */
.hd-bar{margin-top:.85rem; padding:0 1.1rem}
body.vo .hd-bar{margin-top:12px; padding:0 24px}       /* margin-left của thanh do cos_vo_khung.css lo (chừa chỗ menu dọc) — chỉ canh ngang bằng padding */
@media (max-width:999px){ body.vo .hd-bar{margin-top:10px; padding:0 12px} }
.hd-nut-hang{display:flex; flex-wrap:wrap; gap:8px}
/* Cố ý TO hơn vỏ khung (body.vo .btn = 32px, 13px): người dùng ít quen máy cần nút dễ thấy, dễ chạm. Chuỗi chọn dài hơn để thắng cos_vo_khung.css. */
body.vo .hd-bar .btn, .hd-bar .btn, body.vo .hd-bang .btn, .hd-bang .btn{min-height:40px; font-size:1rem; padding:8px 16px; line-height:1.2; border-radius:8px}
body.vo .hd-bar .btn-sm, .hd-bar .btn-sm, body.vo .hd-bang .btn-sm, .hd-bang .btn-sm{min-height:40px; font-size:1rem; padding:8px 14px}
.hd-hop{margin-top:10px; padding:12px 16px; border:1px solid var(--line); border-radius:12px; background:color-mix(in srgb, var(--gold) 8%, transparent)}
.hd-tt{font-size:.85rem}
.hd-chu{font-size:1.1rem; line-height:1.7; margin:6px 0 0}
.hd-hoi{margin-top:12px; display:flex; flex-wrap:wrap; align-items:center; gap:8px}
.hd-bar .hide{display:none !important}              /* .btn / .hd-hoi đặt display riêng sẽ đè .hide — bài học 06/10 (.tcn-chia) */
.hd-hoi > span{font-weight:600}
/* Chỉ từng bước: lớp tối không chặn chuột, nút sáng bấm xuyên được */
.hd-tour{display:none}
.hd-tour.mo{display:block}
.hd-lo{position:fixed; z-index:1200; border:3px solid var(--gold-l); border-radius:12px; pointer-events:none;
  box-shadow:0 0 0 9999px rgba(0,0,0,.62), 0 0 16px 4px color-mix(in srgb, var(--gold) 70%, transparent); transition:left .2s, top .2s, width .2s, height .2s}
.hd-lo[hidden]{display:none}
.hd-bang{position:fixed; z-index:1210; left:50%; bottom:16px; transform:translateX(-50%); width:min(560px, calc(100vw - 32px));
  padding:14px 16px; border:1px solid var(--gold); border-radius:14px; background:var(--bg); box-shadow:0 8px 32px rgba(0,0,0,.5)}
.hd-b-chu{font-size:1.15rem; line-height:1.55; margin:4px 0 12px; font-weight:600}
.hd-b-nut{display:flex; flex-wrap:wrap; gap:8px}