/*
 * THANG CHỮ + TƯƠNG PHẢN + VÙNG BẤM (13/10) — lớp chồng nạp SAU cùng (trước dental-cms.css), không đổi bố cục.
 * Mục tiêu: phân cấp rõ (to/nhỏ, đậm/nhạt khác nhau) thay vì mọi thứ 12–15px và đều 800.
 *   h1 hiển thị 26–34 / 800 · tiêu đề khối (.h-sec) 21–26 / 800 · tiêu đề hộp (h2) 17 / 700 · tên mục (card/hàng) 16 / 700
 *   thân bài 14 / 400 (dòng 1.7) · chú thích 12 / 400 nhạt · nhãn nhỏ tối thiểu 11 (không dùng 9–10px).
 * Kiểm bằng:  node themes/dental/tools/ui-audit.js http://localhost:PORT  (xem docs/QUY-TRINH-KIEM-TRA-UI.md)
 */
:root{
  --t-display:clamp(26px,3.3vw,34px);
  --t-sec:clamp(21px,2.4vw,26px);
  --t-h2:17px;
  --t-title:16px;
  --t-body:14px;
  --t-meta:12px;
  --t-micro:11px;
  --ink-3:#667086;            /* chữ phụ: đủ tương phản 4.5:1 trên nền trắng (trước #7b8496 ≈ 3.9:1) */
  --orange-ink:#b4540a;       /* cam dùng cho CHỮ trên nền sáng (≥ 4.5:1); --orange giữ cho nền/biểu tượng */
}
body{font-size:var(--t-body);line-height:1.6}

/* tiêu đề trang: lớn, đậm nhất, siết chữ */
.phead h1,.dhead h1,.atop h1,.hero h1{font-size:var(--t-display);font-weight:800;letter-spacing:-.9px;line-height:1.16}
.p-qa .phead h1{font-size:var(--t-display)}
/* tiêu đề khối trong trang */
.h-sec{font-size:var(--t-sec);font-weight:800;letter-spacing:-.6px;line-height:1.2}
.eyebrow{font-size:var(--t-micro);font-weight:700;letter-spacing:.1em}
/* tiêu đề hộp: nhỏ hơn tiêu đề khối, nhẹ hơn một nấc (700) */
.box>.bh h2{font-size:var(--t-h2);font-weight:700;letter-spacing:-.3px}
.side .box>.bh h2,.pside .box>.bh h2{font-size:15px}
/* tên mục trong thẻ/hàng: to hơn thân bài, đậm vừa */
.lr .nm,.dr .nm,.lab .nm,.cc .nm{font-size:var(--t-title);font-weight:700;letter-spacing:-.25px}
.cc .nm{font-size:15px}
/* thân bài / mô tả: to hơn chú thích, nhạt hơn tiêu đề, dòng thoáng */
.bb p,.cb p,.box p,.ltx-c p,.ppc-b small,article p{font-size:var(--t-body);line-height:1.7}
.ppc-b small{font-size:13px}
/* chú thích / số liệu phụ */
small,.muted{font-size:var(--t-meta);font-weight:400}
b,strong{font-weight:600}
.nm b,.pr b,.stat b,.big b,th b{font-weight:800}

/* chữ nhỏ nhất: tối thiểu 11px */
.hot,.l1,.lb,.wl,.ftier,.adl,.ad-lb,.near .ad-lb,.bdg,.av,span.by{font-size:max(var(--t-micro),1em)}
.hot,.l1,.ftier,.adl,.ad-lb{font-size:var(--t-micro)}

/* tương phản: chữ cam trên nền sáng */
.bdg.spon,.cat[style*="orange"],.or,.eyebrow[style*="orange"],[style*="color:var(--orange)"],[style*="color:#e89f00"]{color:var(--orange-ink)!important}
.btn-or{color:var(--orange-ink);border-color:#f2c79a}
.btn-or:hover{background:var(--orange-ink);color:#fff}
.f5 .by,.f5 .r .by{color:var(--ink-3)}

/* vùng bấm đủ lớn trên điện thoại (≥ 36px) */
@media (max-width:760px){
  a.c-ns,.c-ns{min-height:36px;display:inline-flex;align-items:center}
  .crumb a{display:inline-flex;align-items:center;min-height:32px;padding:0 3px}
  select,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.inp input{min-height:40px}
  .phead h1,.dhead h1,.atop h1,.hero h1{letter-spacing:-.6px}
}
.bdg,.bdg.spon,.bdg.vip,.bdg.hot-b,span.av{font-size:var(--t-micro)}
@media (max-width:760px){.pid .tt a,.near a{min-height:28px}.crumb a{min-height:32px}}