/* ===== 11/2026: tối ưu tốc độ + làm gọn giao diện (tải sau cùng, đè các quy tắc cũ) ===== */

/* Ảnh banner: bản nén theo cỡ màn hình */
.banner .bgimg { background-image:url(/assets/img/bana-1600.webp) }
@media (max-width:760px) { .banner .bgimg { background-image:url(/assets/img/bana-900.webp) } }

/* Menu tối, ngăn kéo: đóng thì ẩn hẳn (không che chữ, không bấm nhầm, bàn phím không lọt vào) */
.mdim { visibility:hidden }
body.mopen .mdim { visibility:visible }
.mdrawer { visibility:hidden }
body.mopen .mdrawer { visibility:visible }

/* Đầu trang: màn 1280–1599px chỉ để biểu tượng Nhóm Nguồn Nhà, nút Đăng nhập không bị cắt */
.sitehd { border-bottom:0; box-shadow:0 1px 0 rgba(22,19,15,.06) }
@media (max-width:1599px) { .hcom { padding:0;background:none } .hcom-t { display:none } .hcom-i { width:38px;height:38px } }
@media (min-width:1181px) and (max-width:1439px) { .sitehd nav a { padding-left:9px;padding-right:9px } }

/* Bỏ nhãn chữ in hoa nhỏ phía trên tiêu đề; tiêu đề tự nói */
.eb { display:none }
.banner .slo, .slo { display:block;background:none;padding:0;border-radius:0;white-space:nowrap;text-transform:none;letter-spacing:0;font-size:clamp(10px,2.85vw,16px);letter-spacing:-.01em;font-weight:700;color:#F6D261 }
.rk, .pck, .cvk, .tc .k { text-transform:none;letter-spacing:0;font-size:13px }

/* Chữ đọc được: không dưới 13px, thân bài 16px */
.badge, .stat small, .tag, .cap2 small, .sp small, .ns small, .pcf, .bsu, .gm-n, .fsk-t { font-size:13px }
.pc p, .pcb p, .md p, .tc p, .intro p, .sec p { font-size:16px;line-height:1.55 }
.pc h3, .pcb h3 { font-size:18px }

/* Bề mặt tách bằng nền, không viền 1px, không bóng khi đứng yên */
.pc, .md, .tc, .br, .nf, .ns, .rb, .chip, #cn .bi, .vtgrid div, .spanel, #bando .mpl, #bando .cbtn, .gm-p, .ashare { border-color:transparent }
.pc, .md, .tc, .vtgrid div { background:#F3EEE6 }
.foot { border-top:0 }
#bando .cbtn { box-shadow:none; background:#F3EEE6 }
#bando .cbtn[aria-selected="true"] { box-shadow:none }
#bando .mpl, .vdi { box-shadow:none }
.vtz-f figcaption, .vtgal figcaption { text-shadow:none }

/* Bỏ dải chuyển màu trang trí: màu phẳng */
.ph { background:#E6DED3 }
.afig.afig-pt { background:#EFE8DE }
.rdbar i { background:var(--red) }
.rhint:before { background:var(--red) }
.cv-kn1, .cv-dt, .cv-vh, .cv-ky { background:var(--red) }
.cv-kn2 { background:#211B16 }
.cv-tt { background:var(--gold) }

/* 6 thẻ Đào tạo: bỏ biểu tượng trên đầu, đọc như danh sách */
.md .mi, .md .ic, .md > svg, .md > span:first-child:empty { display:none }

/* Nút nổi góc phải: điện thoại chỉ hiện biểu tượng, không che nội dung */
@media (max-width:760px) {
  .fsk-t { display:none }
  .fstack { right:12px;bottom:14px;gap:10px }
  .fsk-i { width:46px;height:46px }
  footer, .foot { padding-bottom:120px }
}
@media (prefers-reduced-motion:reduce) { .fstack.peek .fsk-t { display:none } .fsk:hover .fsk-t, .fsk:focus-visible .fsk-t { display:block } }

/* Tiêu đề lớn không quá 2 dòng */
@media (max-width:760px) { .banner h1 { font-size:31px } .hx.h2 { font-size:30px } }
@media (min-width:761px) and (max-width:1100px) { .hx.h2 { font-size:32px } }

/* Đường dẫn trong bài: không để màu xanh mặc định */
.abody a, .foot a { color:inherit;text-decoration-color:var(--red);text-underline-offset:3px }
.md b { font-size:20px;line-height:1.25 }
.rk { display:none }
.pcs { font-size:16px;line-height:1.5 }
.pcr, .rhint, .mhint, .mdgo { font-size:15px }
.sp.spl { border-bottom:0 }
.brand small { font-size:13px }
.vdc small, .vth small, small { font-size:13px }
.vdp { box-shadow:none }
/* Mục Video trang chủ */
.hvd { background:#fff }
.hvd-h { display:grid;grid-template-columns:1fr minmax(0,420px);gap:24px 48px;align-items:end;margin-bottom:28px }
.hvd-h p { margin:0;color:var(--ink) }
.hvd-h .btn { justify-self:start }
@media (max-width:760px) { .hvd-h { grid-template-columns:1fr } }
@media (max-width:760px) { .hvd .vdr { margin:0 -16px 0 0;padding-left:0;padding-right:16px } }