/* GreenSpacers — CSS chung V2 (phiếu docs/V2-PHIEU.md mục 9; MASTER SPEC 6/11 đã kiểm tương phản ≥ 4,5:1).
   Một file cho toàn web. Trang chỉ giữ ≤ 40 dòng <style> riêng (biến vùng, chỉnh nhỏ). Bẫy B59. */

:root{
  --rung:#203C32;        /* xanh rừng — tiêu đề, link, nút chính */
  --rung-dam:#172D26;    /* header tối, footer, khung lời mời */
  --reu:#62786A;         /* xanh rêu — chỉ cho viền, nền nhạt, biểu tượng (4,3:1 — không dùng cho chữ thân) */
  --nga:#F5F3ED;         /* nền trang */
  --trang:#FCFBF8;       /* thẻ, vùng nội dung */
  --nga-dam:#ECEBE4;     /* nền xen kẽ, hàng chẵn */
  --muc:#242923;         /* chữ thân */
  --muc-nhat:#5f635a;    /* chữ phụ — 5,5:1 trên --nga (Muted Ink #777A70 của MASTER SPEC chỉ 3,9:1) */
  --dat:#A18B70;         /* nâu đất — vạch, nền chip, biểu tượng (2,9:1 — không dùng cho chữ) */
  --dat-chu:#6b5a44;     /* nâu đất đậm cho chữ nhãn nhỏ — 6,0:1 trên --nga */
  --dong:#A66D4F;        /* đồng — chỉ vạch 1px, điểm nhấn nhỏ; không dùng cho chữ */
  --vien:#DDDCD3;
  --vien-mo:rgba(36,41,35,.12);
  --ok:#3D7457; --canh:#B67A36; --nguy:#A34E43; --tin:#52718B;   /* màu ngữ nghĩa — nền chip/đường; chữ dùng bản đậm trong .chip */
  --vung:var(--rung);    /* hub ghi đè: Đà Lạt #7a5c2e · Lạc Dương #2c5844 · Đức Trọng #3d4a3a · Di Linh #5c4a2e */
  --ease:cubic-bezier(.22,1,.36,1);
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --r-nut:4px; --r-the:6px;
  --rong:1200px; --rong-doc:760px;
  --header:76px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:var(--sans);font-size:17px;line-height:1.7;color:var(--muc);background:var(--nga);font-weight:400;-webkit-font-smoothing:antialiased}
img,picture,svg{max-width:100%;display:block}
img{height:auto}
a{color:var(--rung);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .25s var(--ease)}
a:hover{color:var(--rung-dam)}
:focus-visible{outline:3px solid var(--rung);outline-offset:3px;box-shadow:0 0 0 2px var(--nga)}
.skip-link{position:absolute;left:-999px;top:0;background:var(--rung);color:#fff;padding:10px 16px;z-index:9999;font-size:14px;text-decoration:none}
.skip-link:focus{left:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Chữ ---------- */
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;color:var(--rung);line-height:1.15;text-wrap:balance}
h1{font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-.01em;font-weight:500}
h2{font-size:clamp(30px,3.6vw,44px);font-weight:500}
h3{font-size:clamp(23px,2.4vw,28px)}
h4{font-size:clamp(18px,1.8vw,21px);font-family:var(--sans);font-weight:600}
p{margin:0 0 18px}
ul,ol{margin:0 0 18px 1.2em}
li{margin-bottom:8px}
strong{font-weight:600}
small,.nho{font-size:14px;color:var(--muc-nhat)}
.so{font-variant-numeric:tabular-nums;font-weight:500}
.nhan{display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--dat-chu);margin:0 0 16px}
.nhan::after{content:"";width:40px;height:1px;background:var(--dong)}
.nhan.nhan-sang{color:#e9dfcf}
.nhan.nhan-sang::after{background:#c9a66b}
.phu{font-size:16px;color:var(--muc-nhat)}
.lead{font-family:var(--serif);font-size:clamp(20px,2.2vw,24px);line-height:1.5;color:var(--muc)}
.answer-lead{border-top:1px solid var(--dong);border-bottom:1px solid var(--dong);padding:24px 0;margin:0 0 36px;font-family:var(--serif);font-size:clamp(20px,2.1vw,23px);line-height:1.5;color:var(--muc)}
.answer-lead strong{color:var(--vung)}
.highlight{border-left:1px solid var(--dong);padding:4px 0 4px 26px;margin:40px 0;font-family:var(--serif);font-size:clamp(21px,2.2vw,25px);line-height:1.45;color:var(--rung-dam)}

/* ---------- Khung ---------- */
.khung{width:100%;max-width:var(--rong);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.wrap{width:100%;max-width:var(--rong-doc);margin:0 auto;padding:56px max(20px,env(safe-area-inset-left,0px)) 64px max(20px,env(safe-area-inset-right,0px))}
.khoi{padding-block:72px}
.khoi-nga-dam{background:var(--nga-dam)}
.khoi-toi{background:var(--rung-dam);color:#e9ebe6}
.khoi-toi h2,.khoi-toi h3{color:#f2efe6}
.khoi-toi a{color:#e9dfcf}
.khoi-toi p{color:#d9dcd5}
.dau-khoi{display:grid;gap:12px;margin-bottom:36px;max-width:820px}
.dau-khoi p{color:var(--muc-nhat);margin:0}
.luoi{display:grid;gap:24px}
.luoi-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.luoi-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.luoi-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.luoi>*{min-width:0}
@media(max-width:1023px){.luoi-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.khoi{padding-block:52px}.luoi-2,.luoi-3,.luoi-5{grid-template-columns:1fr}.luoi{gap:16px}.wrap{padding-top:40px}}

/* ---------- Nút ---------- */
.nut{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 22px;border-radius:var(--r-nut);font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.02em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .2s var(--ease)}
.nut:hover{transform:translateY(-1px)}
.nut-chinh{background:var(--rung);color:#fff;border-color:var(--rung)}
.nut-chinh:hover{background:var(--rung-dam);color:#fff}
.nut-vien{background:transparent;color:var(--rung);border-color:var(--rung)}
.nut-vien:hover{background:rgba(32,60,50,.06);color:var(--rung-dam)}
.khoi-toi .nut-chinh{background:#c9a66b;color:#172D26;border-color:#c9a66b}
.khoi-toi .nut-chinh:hover{background:#d8bd86;color:#172D26}
.khoi-toi .nut-vien{color:#f2efe6;border-color:rgba(242,239,230,.6)}
.khoi-toi .nut-vien:hover{background:rgba(255,255,255,.08);color:#fff}
.nhom-nut{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* ---------- Header ---------- */
.gs-header{position:sticky;top:0;z-index:100;height:var(--header);background:rgba(245,243,237,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--vien)}
.gs-header .khung{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.gs-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--rung);font-family:var(--serif);font-size:17px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.gs-logo img{width:30px;height:34px;object-fit:contain}
.gs-nav{display:flex;align-items:center;gap:4px;margin:0}
.gs-nav>li{list-style:none;position:relative}
.gs-nav a,.gs-nav button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 12px;font-family:var(--sans);font-size:14px;font-weight:500;color:var(--muc);text-decoration:none;background:none;border:0;border-radius:var(--r-nut);cursor:pointer}
.gs-nav a:hover,.gs-nav button:hover,.gs-nav a[aria-current="page"]{color:var(--rung);background:rgba(32,60,50,.06)}
.gs-nav a[aria-current="page"]{font-weight:600}
.gs-nav button svg{width:12px;height:12px;transition:transform .25s var(--ease)}
.gs-nav button[aria-expanded="true"] svg{transform:rotate(180deg)}
.gs-sub{position:absolute;top:calc(100% + 6px);left:0;min-width:260px;background:var(--trang);border:1px solid var(--vien);border-radius:var(--r-the);padding:8px;box-shadow:0 12px 32px rgba(23,45,38,.12);display:none;z-index:101}
.gs-nav>li:focus-within .gs-sub,.gs-nav>li.open .gs-sub{display:block}
.gs-sub li{list-style:none}
.gs-sub>li>a,.gs-sub>li>span{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:9px 12px;font-size:14px;color:var(--muc);border-radius:var(--r-nut);text-decoration:none}
.gs-sub>li>span{color:var(--muc-nhat);cursor:default}
.gs-sub a:hover{background:var(--nga-dam);color:var(--rung)}
.gs-sub .chip{font-size:10px}
.gs-cta{margin-left:8px}
.gs-burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:none;border:1px solid var(--vien);border-radius:var(--r-nut);cursor:pointer;color:var(--rung)}
.gs-burger svg{width:22px;height:22px}
@media(max-width:1023px){
  :root{--header:64px}
}
/* menu 5 mục vỡ chữ từ 1024 tới ~1180px (đo 6/11) → dùng nút menu dưới 1200px */
@media(max-width:1199px){
  .gs-nav,.gs-cta{display:none}
  .gs-burger{display:inline-flex}
}
/* Menu điện thoại: tấm trượt toàn màn */
.mobile-menu{position:fixed;inset:0;z-index:200;background:var(--nga);overflow-y:auto;transform:translateX(100%);transition:transform .35s var(--ease);padding:16px max(20px,env(safe-area-inset-right,0px)) 40px max(20px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:4px}
.mobile-menu.open{transform:none}
.mm-dau{display:flex;align-items:center;justify-content:space-between;height:48px;margin-bottom:12px}
.mm-dong{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--vien);border-radius:var(--r-nut);color:var(--rung);cursor:pointer}
.mm-dong svg{width:20px;height:20px}
.mobile-menu>a,.mm-nhom>a{display:block;padding:12px 4px;font-family:var(--serif);font-size:24px;font-weight:600;color:var(--rung);text-decoration:none;border-bottom:1px solid var(--vien)}
.mm-nhom-con{list-style:none;margin:0 0 8px;padding:6px 0 6px 12px}
.mm-nhom-con li{margin:0}
.mm-nhom-con li a,.mm-nhom-con li span{display:block;padding:9px 4px;font-size:16px;color:var(--muc);text-decoration:none}
.mm-nhom-con li span{color:var(--muc-nhat)}
.mm-lien-he{display:grid;gap:10px;margin:0 0 12px}
.mm-zalo,.mm-call{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:var(--r-nut);font-weight:600;text-decoration:none;font-size:15px}
.mm-zalo{background:var(--rung);color:#fff}
.mm-call{border:1px solid var(--rung);color:var(--rung)}
body.menu-mo{overflow:hidden}

/* ---------- Breadcrumb ---------- */
.breadcrumb{max-width:var(--rong-doc);margin:0 auto;padding:16px max(20px,env(safe-area-inset-left,0px)) 0;font-size:13px;color:var(--muc-nhat)}
.breadcrumb a{color:var(--rung);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--vien)}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb .sep{margin:0 6px;color:var(--muc-nhat)}

/* ---------- Hero trang chủ ---------- */
.hero-v2{padding-block:40px 56px}
.hero-v2 .khung{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}
.hero-v2 h1{margin:0 0 18px}
.hero-v2 .lead{margin:0 0 28px;max-width:560px}
.hero-anh{position:relative;border-radius:var(--r-the);overflow:hidden;aspect-ratio:16/10;max-height:70vh}
.hero-anh img{width:100%;height:100%;object-fit:cover}
.hero-anh figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 16px;font-size:12px;letter-spacing:.06em;color:#f2efe6;background:linear-gradient(180deg,rgba(23,45,38,0),rgba(23,45,38,.72))}
@media(max-width:1023px){.hero-v2 .khung{grid-template-columns:1fr;gap:28px}.hero-anh{aspect-ratio:16/9;max-height:62vh}}

/* ---------- Thẻ vùng ---------- */
.the-vung{display:flex;flex-direction:column;background:var(--trang);border:1px solid var(--vien);border-radius:var(--r-the);overflow:hidden;color:var(--muc);text-decoration:none;transition:border-color .25s var(--ease),transform .25s var(--ease)}
a.the-vung:hover{border-color:var(--reu);transform:translateY(-2px);color:var(--muc)}
.the-vung-anh{aspect-ratio:16/9;background:var(--nga-dam);overflow:hidden}
.the-vung-anh img{width:100%;height:100%;object-fit:cover}
.the-vung-trong{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,var(--nga-dam) 0 10px,var(--nga) 10px 20px);color:var(--muc-nhat);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.the-vung-than{padding:16px 18px 18px;display:grid;gap:8px}
.the-vung h3{font-size:22px;margin:0}
.the-vung p{margin:0;font-size:15px;color:var(--muc-nhat)}
.the-vung .chip{justify-self:start}

/* ---------- Chip trạng thái (6 nhãn) ---------- */
.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.02em;line-height:1.5;white-space:nowrap}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
.chip-da_xac_minh{background:#e1efe6;color:#245240}
.chip-ghi_nhan_thuc_dia{background:#e3ebe1;color:#2f4a3a}
.chip-du_lieu_cong_khai{background:#e2eaf0;color:#374f63}
.chip-nguoi_dung_cung_cap{background:#efe8dc;color:#6b5a44}
.chip-uoc_tinh{background:#f3e7d6;color:#7a5020}
.chip-dang_nghien_cuu{background:#ECEBE4;color:#5f635a}
.chip-co_nguoi{background:#e1efe6;color:#245240}

/* ---------- Bảng ---------- */
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 12px;border:1px solid var(--vien);border-radius:var(--r-the);background:var(--trang)}
.bang{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.bang th,.bang td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--vien)}
.bang th{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muc-nhat);background:var(--nga-dam)}
.bang.bang-vung{min-width:0}
.bang-vung td.so-lieu small,.bang-vung td small{white-space:normal;font-weight:400;display:block;margin-top:2px}
@media(max-width:600px){.bang-vung th,.bang-vung td{padding:10px 10px;font-size:14px}}
.bang-vung tbody th{font-size:15px;letter-spacing:0;text-transform:none;color:var(--muc);background:none;font-weight:600}
.bang-vung tbody th .chip{margin-top:6px}
.chon-vung{list-style:none;margin:0 0 24px;padding:0;border-top:1px solid var(--vien)}
.chon-vung li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px 20px;padding:12px 0;border-bottom:1px solid var(--vien)}
.chon-vung a{font-weight:600}
@media(max-width:600px){.chon-vung li{grid-template-columns:1fr;gap:2px}}
.bang tbody tr:nth-child(even){background:rgba(236,235,228,.5)}
.bang tbody tr:last-child td{border-bottom:0}
.bang td.so-lieu,.bang td .so-lieu{font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}
.bang td a{font-weight:500}
.bang-chu-thich{font-size:13px;color:var(--muc-nhat);display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:0 0 8px}

/* ---------- Số thật & khối thực địa ---------- */
.so-that{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 36px}
.so-that>div{padding:20px 0;border-top:1px solid var(--dong)}
.so-that strong{display:block;font-family:var(--serif);font-size:clamp(40px,4.6vw,56px);font-weight:500;line-height:1;color:var(--rung);font-variant-numeric:tabular-nums;margin-bottom:8px}
.so-that span{font-size:14px;color:var(--muc-nhat)}
.khoi-thuc-dia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.thuc-dia-the{background:var(--trang);border:1px solid var(--vien);border-radius:var(--r-the);padding:20px;display:grid;gap:10px;align-content:start}
.thuc-dia-the .td-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:var(--muc-nhat);letter-spacing:.04em;text-transform:uppercase}
.thuc-dia-the h3{font-size:21px;margin:0}
.thuc-dia-the p{margin:0;font-size:15px}
.thuc-dia-the .td-ket{font-size:13px;font-weight:600;color:var(--rung)}
.thuc-dia-the img{border-radius:var(--r-nut);aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}
@media(max-width:767px){.so-that{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.so-that strong{font-size:34px}.so-that span{font-size:12px}.khoi-thuc-dia{grid-template-columns:1fr}}
.dich-vu-dong{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:28px 0 8px}
.dich-vu-dong div{border-top:1px solid var(--vien);padding:12px 0 0;font-size:14px}
.dich-vu-dong b{display:block;font-family:var(--serif);font-size:13px;letter-spacing:.2em;color:var(--dat-chu);margin-bottom:4px}
@media(max-width:767px){.dich-vu-dong{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- Bài / Góc nhìn ---------- */
.the-bai{display:grid;gap:8px;padding:18px 0;border-top:1px solid var(--vien)}
.the-bai .nhan{margin:0;font-size:11px}
.the-bai h3{font-size:21px;margin:0}
.the-bai h3 a{text-decoration:none}
.the-bai h3 a:hover{text-decoration:underline}
.the-bai p{margin:0;font-size:15px;color:var(--muc-nhat)}
.the-bai time{font-size:13px;color:var(--muc-nhat)}
.lien-quan{list-style:none;margin:0;padding:0}
.lien-quan.cot-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
@media(max-width:767px){.lien-quan.cot-2{grid-template-columns:1fr}}
.lien-quan li{margin:0;border-bottom:1px solid var(--vien)}
.lien-quan a{display:block;padding:12px 0;text-decoration:none;font-size:16px;color:var(--rung)}
.lien-quan a:hover{text-decoration:underline}
.related{max-width:var(--rong-doc);margin:48px auto 0;padding:24px max(20px,env(safe-area-inset-left,0px)) 32px;border-top:1px solid var(--vien)}
.related h3{font-size:22px;margin-bottom:12px}
.related a{display:block;padding:11px 0;font-size:15px;text-decoration:none;border-bottom:1px solid var(--vien-mo)}
.related a:hover{text-decoration:underline}

/* ---------- Ô Cập nhật (giữ markup cũ update-item) ---------- */
.updates-list{list-style:none;margin:0;padding:0}
.update-item{display:grid;grid-template-columns:84px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--vien)}
.update-date{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--dat-chu);padding-top:5px}
.update-body h3{font-size:20px;margin:0 0 8px}
.update-body p{font-size:15px;margin:0 0 8px}
.update-src{font-size:13px;font-weight:500}
.updates-list.gap .update-item:nth-child(n+4){display:none}
.updates-list.gap.mo .update-item:nth-child(n+4){display:grid}
.nut-mo-them{margin-top:12px}
@media(max-width:600px){.update-item{grid-template-columns:1fr;gap:4px}}

/* ---------- Người sáng lập, lời khách ---------- */
.sang-lap{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:40px;align-items:start}
.sang-lap img{border-radius:var(--r-the);aspect-ratio:1;object-fit:cover;width:100%;height:auto}
.sang-lap .chuc-danh{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muc-nhat);margin-top:10px}
.cach-lam{list-style:none;margin:18px 0 22px;padding:0}
.cach-lam li{padding:8px 0 8px 22px;position:relative;margin:0;font-size:15px}
.cach-lam li::before{content:"";position:absolute;left:0;top:17px;width:10px;height:1px;background:var(--dong)}
@media(max-width:767px){.sang-lap{grid-template-columns:1fr}.sang-lap img{max-width:220px}}
.loi-khach{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.loi-khach blockquote{margin:0;padding:18px 20px;border-left:1px solid var(--dong);font-family:var(--serif);font-size:19px;line-height:1.45;color:var(--muc)}
.loi-khach footer{margin-top:10px;font-family:var(--sans);font-size:13px;color:var(--muc-nhat)}
@media(max-width:767px){.loi-khach{grid-template-columns:1fr}}

/* ---------- Lời mời (cta-box) ---------- */
.cta-box{background:var(--rung-dam);color:#e9ebe6;border-radius:var(--r-the);padding:56px 28px;margin:48px 0;text-align:center;outline:1px solid rgba(201,166,107,.45);outline-offset:-12px}
.cta-box h2{color:#f2efe6;margin:0 0 10px;font-size:clamp(26px,3.4vw,36px)}
.cta-box p{color:#cfd3cb;margin:0 0 22px;font-size:16px}
.cta-box a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 26px;margin:6px 4px 0;border-radius:var(--r-nut);background:#c9a66b;color:#172D26;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:.04em}
.cta-box a:hover{background:#d8bd86;color:#172D26}
.cta-box .cta-call{background:none;border:1px solid rgba(242,239,230,.6);color:#f2efe6}
.cta-box .cta-call:hover{background:rgba(255,255,255,.08);color:#fff}
.lien-he-dong{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:15px;margin-top:18px}
.quick-contact{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 36px;font-size:14px;color:var(--muc-nhat)}
.quick-contact a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:var(--r-nut);text-decoration:none;font-weight:600;font-size:14px}
.quick-contact .qc-zalo{background:var(--rung);color:#fff}
.quick-contact .qc-call{border:1px solid var(--rung);color:var(--rung)}

/* ---------- Footer ---------- */
.gs-footer{background:var(--rung-dam);color:#cfd3cb;padding-block:56px 32px;margin-top:40px}
.gs-footer a{color:#e9dfcf;text-decoration:none}
.gs-footer a:hover{color:#fff;text-decoration:underline}
.gs-footer .cot{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:32px;margin-bottom:36px}
.gs-footer h3{font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#f2efe6;margin:0 0 12px}
.gs-footer ul{list-style:none;margin:0;padding:0}
.gs-footer li{margin:0 0 8px;font-size:14px}
.gs-footer .thuong-hieu{font-family:var(--serif);font-size:20px;letter-spacing:.2em;color:#f2efe6;margin-bottom:10px}
.gs-footer .nap{font-size:14px;line-height:1.7}
.gs-footer .nap a{font-weight:600}
.gs-footer .cuoi{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid rgba(233,223,207,.18);font-size:13px}
.gs-footer .cuoi nav{display:flex;flex-wrap:wrap;gap:14px}
@media(max-width:767px){.gs-footer .cot{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:480px){.gs-footer .cot{grid-template-columns:1fr}}

/* ---------- Nút nổi: 1 nút, mở 2 lựa chọn; ẩn khi footer vào khung ---------- */
.nut-noi{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:150;width:52px;height:52px;border-radius:50%;background:var(--rung);color:#fff;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(23,45,38,.28);transition:opacity .3s var(--ease),transform .3s var(--ease)}
.nut-noi svg{width:22px;height:22px}
.nut-noi.an{opacity:0;pointer-events:none;transform:translateY(12px)}
.noi-menu{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(max(16px,env(safe-area-inset-bottom,0px)) + 62px);z-index:150;display:none;flex-direction:column;gap:8px}
.noi-menu.mo{display:flex}
.noi-menu a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 16px;border-radius:999px;background:var(--trang);color:var(--rung);border:1px solid var(--vien);box-shadow:0 6px 18px rgba(23,45,38,.16);text-decoration:none;font-weight:600;font-size:14px}
.noi-menu a svg{width:18px;height:18px}

/* ---------- Trang bài (cột đọc) ---------- */
.article-hero{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-the);margin:0 0 30px}
.anh-bai{display:block;width:100%;height:auto;border-radius:var(--r-the);margin:6px 0 30px}
.subtitle{font-family:var(--serif);font-size:20px;color:var(--muc-nhat);margin-bottom:36px}
.eyebrow{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--dat-chu);margin:0 0 18px;font-weight:500}
.eyebrow::after{content:"";flex:0 0 56px;height:1px;background:var(--dong)}
main.wrap>h2{margin:64px 0 16px;padding-top:28px;border-top:1px solid var(--vien)}
main.wrap h3{margin:32px 0 10px}
.kiem{margin:0 0 24px 1.2em}.kiem li{margin-bottom:10px}
.faq-section{margin-top:48px}
.faq-item{border-bottom:1px solid var(--vien);padding:18px 0}
.faq-q{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--muc);cursor:pointer;min-height:44px}
.faq-a{font-size:15px;color:var(--muc);margin-top:10px;display:none;line-height:1.75}
.faq-item.open .faq-a{display:block}
.tac-gia{display:flex;gap:16px;align-items:center;margin:48px 0 0;padding:20px 0 0;border-top:1px solid var(--vien)}
.tac-gia img{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:none}
.tac-gia p{margin:0 0 4px;font-size:14px;line-height:1.5}
.tac-gia .tg-ten{font-weight:600}
.chuan{margin:30px 0 8px;border-top:1px solid var(--vien)}
.chuan>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--vien)}
.chuan dt{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--dat-chu);font-weight:600;padding-top:4px}
.chuan dd{margin:0}
@media(max-width:600px){.chuan>div{grid-template-columns:1fr;gap:4px}}
main.wrap p a:not([class]),main.wrap li a:not([class]){text-decoration:underline;text-underline-offset:3px}
.ngay-kiem{font-size:13px;color:var(--muc-nhat);letter-spacing:.04em}

/* ---------- Hiện dần khi cuộn ---------- */
:root{--ease-rv:cubic-bezier(.22,1,.36,1)}
.reveal-on [data-rv]{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease-rv),transform .8s var(--ease-rv)}
.reveal-on [data-rv].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal-on [data-rv]{opacity:1!important;transform:none!important;transition:none!important}.nut:hover,a.the-vung:hover{transform:none}}

/* ---------- Điện thoại: gọn (mục tiêu trang chủ ≤ 11 màn 390px) ---------- */
@media(max-width:767px){
  .khoi{padding-block:34px}
  .the-bai{padding:14px 0}
  .update-item{padding:14px 0}
  .so-that>div{padding:16px 0}
  .cach-lam li{padding:6px 0 6px 22px}
  .sang-lap img{max-width:140px}
  .gs-footer .cuoi{padding-top:14px}
  .dau-khoi{margin-bottom:20px}
  .dau-khoi p{font-size:15px}
  .hero-v2 .lead{font-size:19px;margin-bottom:20px}
  .hero-v2 .nhan{letter-spacing:.14em;font-size:11px}
  .hero-v2{padding-block:28px 40px}
  .the-vung{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:stretch}
  .the-vung-anh,.the-vung-trong{aspect-ratio:auto;height:100%;min-height:104px}
  .the-vung-trong{font-size:10px;text-align:center;padding:8px;letter-spacing:.04em}
  .the-vung-than{padding:12px 14px;gap:6px}
  .the-vung h3{font-size:19px}
  .the-vung p{font-size:13.5px;line-height:1.5}
  .luoi-5{gap:10px}
  .so-do-vung{display:none}   /* điện thoại: 5 thẻ vùng là lối vào chính; sơ đồ dành cho màn rộng */
  .khoi-thuc-dia{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .thuc-dia-the{flex:0 0 86%;scroll-snap-align:start;padding:14px 16px}
  .thuc-dia-the img{aspect-ratio:16/9;height:auto;max-height:140px}
  .thuc-dia-the h3{font-size:19px}.thuc-dia-the p{font-size:14px}
  .hero-anh{max-height:46vh}
  .so-that{margin-bottom:24px}
  .lien-quan a{padding:8px 0;font-size:14.5px}
  .bang-chu-thich,.nho{font-size:12.5px}
  .dich-vu-dong{margin-top:20px}
  .updates-list.gap .update-item:nth-child(n+3){display:none}
  .updates-list.gap:not(.mo) .update-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .loi-khach{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-top:28px;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .loi-khach blockquote{flex:0 0 84%;scroll-snap-align:start;font-size:17px;padding:14px 16px}
  .sang-lap img{max-width:160px}
  .gs-footer{padding-block:40px 24px}
  .gs-footer .cot{grid-template-columns:1fr 1fr;gap:20px}
  .gs-footer li{font-size:13px;margin-bottom:6px}
  .gs-footer .nap{font-size:13px}
  .cta-box{padding:36px 20px}
  .lien-he-dong{gap:8px 16px;font-size:14px}
}
@media(max-width:480px){.gs-footer .cot>div:first-child{grid-column:1/-1}}

/* ===== Hub vùng + trang trụ (PR2) ===== */
.dong-ngay{font-size:13px;color:var(--muc-nhat);margin:8px 0 28px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.muc-luc-lop{list-style:none;margin:8px 0 40px;padding:0;border-top:1px solid var(--vien);counter-reset:lop}
.muc-luc-lop li{counter-increment:lop;border-bottom:1px solid var(--vien)}
.muc-luc-lop a{display:flex;gap:14px;align-items:baseline;min-height:44px;padding:11px 0;text-decoration:none;color:var(--rung);font-size:16px}
.muc-luc-lop a::before{content:counter(lop,decimal-leading-zero);font-family:var(--sans);font-size:12px;letter-spacing:.16em;color:var(--dat-chu);flex:0 0 26px}
.muc-luc-lop a:hover{text-decoration:underline}
section.lop>h2{margin:64px 0 16px;padding-top:28px;border-top:1px solid var(--vien)}
.so-lop{display:block;font-family:var(--sans);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--dat-chu);font-weight:500;margin:0 0 8px}
.khoi-dang-thu-thap{border:1px dashed var(--dat);border-radius:var(--r-the);padding:18px 20px;margin:12px 0 24px;background:var(--trang)}
.khoi-dang-thu-thap p{margin:0 0 8px}.khoi-dang-thu-thap p:last-child{margin:0}
.nut-lop{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:var(--r-nut);border:1px solid var(--vung);color:var(--vung);text-decoration:none;font-weight:600;font-size:14px;margin:4px 0 8px}
.nut-lop:hover{background:var(--vung);color:#fff}
.bang-vung td,.bang-vung th{vertical-align:top}
@media(max-width:767px){section.lop>h2{margin-top:48px}.muc-luc-lop a{font-size:15px}.dong-ngay{margin-top:4px}}

/* ===== Trang cũ chuyển sang V2 (PR5 sớm): lớp các bài đang dùng + bảng không có class ===== */
.tbl-wrap>table:not(.bang){width:100%;border-collapse:collapse;font-size:15px}
.tbl-wrap>table:not(.bang) th,.tbl-wrap>table:not(.bang) td{text-align:left;padding:12px 14px;vertical-align:top;border-bottom:1px solid var(--vien)}
.tbl-wrap>table:not(.bang) thead th{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--vung);background:var(--nga-dam);border-bottom:1px solid var(--vien)}
.tbl-wrap>table:not(.bang) tbody tr:last-child td{border-bottom:none}
.checklist{list-style:none;margin:20px 0;padding:0}
.checklist li{position:relative;padding:9px 0 9px 28px;margin:0;border-bottom:1px solid var(--vien-mo,var(--vien))}
.checklist li::before{content:"✓";position:absolute;left:0;top:9px;color:var(--dat-chu);font-weight:700}
.status-list{list-style:none;margin:20px 0;padding:0}
.status-list li{padding:9px 0;margin:0;border-bottom:1px solid var(--vien);font-size:16px}
.xref{font-size:15px;color:var(--muc-nhat);font-style:italic;margin:28px 0 0}
.xref a{color:var(--vung)}
.faq-h{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--vung);margin:28px 0 8px}
.price-big{color:var(--vung);font-weight:600}
.tra-phuong{margin:8px 0 36px;padding:20px 22px;border:1px solid var(--vien);border-radius:var(--r-the);background:var(--trang)}
.tra-phuong label{display:block;font-size:13px;letter-spacing:.06em;color:var(--vung);margin-bottom:10px}
.tra-phuong input{width:100%;font:inherit;font-size:17px;padding:12px 14px;min-height:48px;border:1px solid var(--vien);background:#fff;color:var(--muc);border-radius:var(--r-nut)}
.tra-phuong input:focus{outline:2px solid var(--vung);outline-offset:2px}
.tra-kq{margin:12px 0 0;font-size:16px;min-height:1.6em;color:var(--muc)}

/* ===== PR3: Góc nhìn (danh mục bài, tin mới) ===== */
.lop-goc{margin:48px 0 0}
.lop-goc>p{color:var(--muc-nhat)}
.luoi-bai{display:grid;gap:0 32px;margin-top:8px}
@media(min-width:700px){.luoi-bai{grid-template-columns:1fr 1fr}}
.tin-gon{list-style:none;margin:16px 0 0;padding:0}
.tin-gon li{padding:14px 0;border-top:1px solid var(--vien);font-size:15px}
.tin-gon time{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--dat-chu);padding-top:3px;grid-row:span 2}
@media(max-width:600px){.tin-gon time{grid-row:auto}}
main h1+picture>.article-hero{margin-top:24px}
/* neo trong trang không bị header dính che (header 76/64px) */
html{scroll-padding-top:84px}
.chon-vung a{display:inline-flex;align-items:center;min-height:44px}
main.wrap .the-bai h3{margin:0}
.tin-gon a{display:grid;grid-template-columns:84px 1fr;gap:4px 16px;min-height:44px;text-decoration:none;color:inherit}
.tin-gon a:hover span:not(.tin-nguon){text-decoration:underline}
.tin-gon .tin-nguon{grid-column:2;font-size:13px;font-weight:500;color:var(--rung)}
@media(max-width:600px){.tin-gon a{grid-template-columns:1fr}.tin-gon .tin-nguon{grid-column:1}}