/* ===== Trang pháp lý – dùng chung với home.css ===== */
.lg-hero{margin:-70px 12px 0;padding:104px 0 30px;border-radius:0 0 28px 28px;background:linear-gradient(160deg,#0b3a5a 0%,#10547c 55%,#13618f 100%);color:#fff;position:relative;overflow:hidden}
.lg-hero::after{content:"";position:absolute;right:-80px;top:-60px;width:320px;height:320px;border-radius:50%;border:56px solid rgba(255,255,255,.05);pointer-events:none}
.lg-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:14px}
.lg-top .crumb{margin-bottom:0}
.lg-lsw{display:inline-flex;padding:3px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22)}
.lg-lsw a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:600;color:#dbeaf5;text-decoration:none}
.lg-lsw a[aria-current]{background:#fff;color:#10547c}
.lg-lsw a:not([aria-current]):hover{background:rgba(255,255,255,.14)}
.lg-lsw a:focus-visible{outline:2px solid #ffb86b;outline-offset:2px}
.crumb{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:#bcd6e8;margin-bottom:14px}
.crumb a{color:#dbeaf5;text-decoration:none}.crumb a:hover{text-decoration:underline}
.crumb span[aria-hidden]{opacity:.6}
.lg-hero h1{font-size:clamp(28px,6.4vw,44px);line-height:1.15;font-weight:800;letter-spacing:-.01em;max-width:20ch;text-wrap:balance}
.lg-lead{margin-top:12px;font-size:16px;line-height:1.6;color:#d9e8f2;max-width:62ch}
.lg-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.lg-meta span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 12px;color:#fff}
.lg-meta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.lg-tabs{display:flex;gap:6px;margin-top:22px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;position:relative;z-index:1}
.lg-tabs::-webkit-scrollbar{display:none}
.lg-tabs a{flex:none;font-size:14px;font-weight:700;color:#dbeaf5;text-decoration:none;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.06);min-height:44px;display:flex;align-items:center}
.lg-tabs a:hover{background:rgba(255,255,255,.14);color:#fff}
.lg-tabs a[aria-current=page]{background:#fff;color:var(--navy)}

.lg-wrap{display:grid;gap:24px;padding-top:24px;padding-bottom:56px}
.lg-lang{display:flex;gap:12px;align-items:flex-start;background:#fff8ec;border:1px solid #f3dcb8;color:#6b3d05;border-radius:var(--r-md);padding:14px 16px;font-size:14px;line-height:1.55}
.lg-lang svg{flex:none;width:20px;height:20px;fill:none;stroke:#b85400;stroke-width:2;margin-top:1px}

/* Mục lục */
.toc-m{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-card)}
.toc-m summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;font-weight:700;color:var(--navy)}
.toc-m summary::-webkit-details-marker{display:none}
.toc-m summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg);margin-top:-4px;transition:transform .2s}
.toc-m[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.toc ol{list-style:none;counter-reset:t;padding:4px 8px 10px}
.toc li{counter-increment:t}
.toc a{display:flex;gap:10px;padding:9px 8px;border-radius:10px;font-size:14px;line-height:1.4;color:var(--txt);text-decoration:none}
.toc a::before{content:counter(t);flex:none;width:22px;height:22px;border-radius:50%;background:var(--tint);color:var(--navy);font-size:12px;font-weight:700;display:grid;place-items:center}
.toc a:hover{background:var(--bg);color:var(--navy)}
.toc a.on{background:var(--tint);color:var(--navy);font-weight:700}
.toc a.on::before{background:var(--navy);color:#fff}
.toc-d{display:none}

/* Tóm tắt */
.sum{background:#fff;border:1px solid var(--line2);border-radius:var(--r-card);padding:20px;box-shadow:var(--sh-soft)}
.sum h2{font-size:18px;color:var(--navy);display:flex;align-items:center;gap:8px}
.sum h2::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--or)}
.sum>p{font-size:14px;color:var(--muted);margin-top:4px}
.sum ul{list-style:none;display:grid;gap:12px;margin-top:16px}
.sum li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--txt)}
.sum li b{color:var(--ink)}
.sum .si{flex:none;width:40px;height:40px;border-radius:12px;background:var(--tint);display:grid;place-items:center}
.sum .si svg{width:20px;height:20px;fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Nội dung */
.doc{min-width:0}
.doc section{scroll-margin-top:90px;padding:26px 0;border-top:1px solid var(--line)}
.doc section:first-of-type{border-top:0;padding-top:4px}
.doc h2{font-size:clamp(20px,4.6vw,24px);line-height:1.3;color:var(--ink);display:flex;gap:12px;align-items:baseline}
.doc h2 .n{flex:none;font-size:14px;font-weight:800;color:var(--or-btn);background:#fff1e4;border-radius:8px;padding:2px 8px;line-height:1.5;transform:translateY(-2px)}
.doc h3{font-size:16px;margin:18px 0 6px;color:var(--navy)}
.doc p,.doc li{font-size:15.5px;line-height:1.7;color:var(--txt)}
.doc p{margin-top:10px}
.doc ol.cl{list-style:none;margin-top:10px;display:grid;gap:8px}
.doc ol.cl>li{display:grid;grid-template-columns:auto 1fr;gap:10px}
.doc ol.cl>li>.k{font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums;min-width:2.6em}
.doc ul.bl{margin:8px 0 0 1.2em;display:grid;gap:4px}
.doc ul.bl li::marker{color:var(--or)}
.doc a{color:var(--blue);text-underline-offset:3px}
.doc strong{color:var(--ink)}
.ph{background:#fff3c4;color:#6b4d00;border-radius:6px;padding:1px 6px;font-weight:600;font-size:.94em;white-space:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.callout{margin-top:14px;border-left:4px solid var(--navy);background:var(--tint);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:12px 14px;font-size:15px;line-height:1.6;color:var(--txt)}
.callout.warn{border-color:var(--or);background:#fff6ec}
.dfl{display:grid;gap:8px;margin-top:12px}
.dfl div{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 14px}
.dfl dt{font-weight:700;color:var(--ink);font-size:15px}
.dfl dd{font-size:15px;color:var(--txt);line-height:1.6;margin-top:2px}

/* Bảng -> thẻ trên mobile */
.tbl{margin-top:14px}
.tbl table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.55}
.tbl thead{display:none}
.tbl tr{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;margin-bottom:10px;box-shadow:var(--sh-card)}
.tbl td{display:grid;grid-template-columns:7.2em 1fr;gap:10px;padding:5px 0;color:var(--txt);vertical-align:top}
.tbl td::before{content:attr(data-l);font-size:12.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;padding-top:2px}
.tbl td:first-child{display:block;font-weight:700;color:var(--navy);font-size:15.5px;padding-bottom:8px;border-bottom:1px dashed var(--line);margin-bottom:4px}
.tbl td:first-child::before{display:none}
.tbl code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 5px;color:var(--ink);word-break:break-all}
.lbl{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:2px 9px;white-space:nowrap}
.lbl.g{background:#e6f4ec;color:#17653a}.lbl.o{background:#fff1e4;color:#9a4600}.lbl.r{background:#f1f3f5;color:#475569}

/* Thẻ liên hệ */
.lg-ct{background:var(--navy-dd);color:#fff;border-radius:var(--r-card);padding:22px;margin-top:8px;display:grid;gap:16px}
.lg-ct h2{font-size:20px;color:#fff}
.lg-ct p{font-size:14.5px;color:#c9d9e6;line-height:1.6}
.lg-ct .row{display:grid;gap:10px}
.lg-ct a.cbtn{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 14px;color:#fff;text-decoration:none;min-height:52px}
.lg-ct a.cbtn:hover{background:rgba(255,255,255,.14)}
.lg-ct a.cbtn small{display:block;font-size:12px;color:#a9c2d6;font-weight:500}
.lg-ct a.cbtn b{font-size:15px}
.lg-ct svg{flex:none;width:20px;height:20px;fill:none;stroke:#f9a04d;stroke-width:2}
.lg-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.lg-tools button,.lg-tools a{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14px;font-weight:700;color:var(--navy);background:#fff;border:1px solid var(--line2);border-radius:999px;padding:0 16px;min-height:44px;cursor:pointer;text-decoration:none}
.lg-tools svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.lg-rel{display:grid;gap:10px;margin-top:22px}
.lg-rel a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;text-decoration:none;color:var(--ink);font-weight:700;font-size:15px}
.lg-rel a small{display:block;font-weight:500;color:var(--muted);font-size:13px;margin-top:2px}
.lg-rel a::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid var(--or);border-top:2px solid var(--or);transform:rotate(45deg)}
.lg-rel a:hover{border-color:var(--line2);box-shadow:var(--sh-soft)}

/* Nút cài đặt cookie trong trang */
.ck-open{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font:inherit;font-size:15px;font-weight:700;color:#fff;background:var(--navy);border:0;border-radius:999px;padding:0 18px;min-height:46px;cursor:pointer}
.ck-open:hover{background:var(--navy-d)}

@media(min-width:768px){
  .lg-hero{margin:-88px 16px 0;padding:132px 0 34px}
  .sum ul{grid-template-columns:1fr 1fr;gap:16px 24px}
  .sum{padding:26px 28px}
  .tbl thead{display:table-header-group}
  .tbl tr{display:table-row;border:0;box-shadow:none;border-radius:0;padding:0;margin:0}
  .tbl table{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;border-collapse:separate;border-spacing:0}
  .tbl th{text-align:left;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:var(--bg);padding:12px 14px;border-bottom:1px solid var(--line)}
  .tbl td,.tbl td:first-child{display:table-cell;padding:12px 14px;border-bottom:1px solid var(--line);margin:0;font-size:14.5px}
  .tbl td:first-child{font-size:14.5px}
  .tbl tr:last-child td{border-bottom:0}
  .tbl td::before{display:none}
  .lg-ct{grid-template-columns:1.1fr 1fr;align-items:center;padding:28px 32px}
  .lg-rel{grid-template-columns:repeat(3,1fr)}
  .dfl{grid-template-columns:1fr 1fr}
}
@media(min-width:1024px){
  .lg-wrap{grid-template-columns:270px minmax(0,1fr);gap:48px;padding-top:36px;align-items:start}
  .lg-side{position:sticky;top:96px;display:grid;gap:14px}
  .toc-m{display:none}
  .toc-d{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:12px 6px 6px;box-shadow:var(--sh-card);max-height:calc(100vh - 220px);overflow:auto}
  .toc-d .tt{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:2px 14px 6px}
  .lg-main{max-width:820px}
  .lg-lang{grid-column:1/-1}
}
@media print{
  .hdr,.drawer,.abar,.ft,.lg-tabs,.lg-side,.lg-tools,.ck,.ckm,.ann-btn,.toc-m,.lg-rel,.skip{display:none!important}
  .lg-hero{background:none;color:#000;margin:0;padding:0 0 12px}
  .lg-hero *{color:#000!important;border-color:#999!important;background:none!important}
  .lg-wrap{display:block}
  .doc section{break-inside:avoid-page}
  .lg-ct{background:none;color:#000;border:1px solid #999}.lg-ct *{color:#000!important}
}

/* ===== Banner đồng ý cookie (dùng chung mọi trang) ===== */
.ck{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:80;background:#fff;border:1px solid var(--line2);border-radius:20px;box-shadow:0 16px 48px rgba(9,27,54,.22);padding:16px;display:grid;gap:12px;max-width:460px}
.ck[hidden]{display:none}
.ck h2{font-size:16px;color:var(--ink);display:flex;gap:8px;align-items:center}
.ck h2 svg{width:20px;height:20px;fill:none;stroke:var(--or);stroke-width:2}
.ck p{font-size:13.5px;line-height:1.55;color:var(--txt)}
.ck p a{color:var(--blue)}
.ck-b{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ck-b button,.ckm-f button{font:inherit;font-size:14px;font-weight:700;border-radius:12px;min-height:46px;padding:0 12px;cursor:pointer;border:1px solid var(--navy);background:#fff;color:var(--navy)}
.ck-b button.pri,.ckm-f button.pri{background:var(--navy);color:#fff}
.ck-b .lnk{grid-column:1/-1;border:0;min-height:40px;text-decoration:underline;text-underline-offset:3px;background:none}
.ckm{position:fixed;inset:0;z-index:90;background:rgba(9,27,54,.55);display:flex;align-items:flex-end;justify-content:center}
.ckm[hidden]{display:none}
.ckm-d{background:#fff;width:100%;max-width:560px;max-height:92vh;overflow:auto;border-radius:22px 22px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom))}
.ckm-d h2{font-size:19px;color:var(--ink)}
.ckm-d>p{font-size:14px;color:var(--muted);margin-top:4px;line-height:1.55}
.ckm-g{margin-top:14px;display:grid;gap:10px}
.ckm-i{border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.ckm-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ckm-h b{font-size:15px;color:var(--ink)}
.ckm-i p{font-size:13.5px;color:var(--txt);line-height:1.55;margin-top:6px}
.sw{position:relative;flex:none;width:52px;height:30px}
.sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.sw span{position:absolute;inset:0;border-radius:999px;background:#cbd5e1;transition:background .2s}
.sw span::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.sw input:checked+span{background:var(--navy)}
.sw input:checked+span::after{transform:translateX(22px)}
.sw input:disabled+span{background:#7aa7c4;cursor:not-allowed}
.sw input:focus-visible+span{outline:3px solid #f9a04d;outline-offset:2px}
.ckm-f{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.ckm-f .full{grid-column:1/-1}
.ck-toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--navy-dd);color:#fff;font-size:14px;font-weight:600;padding:10px 16px;border-radius:999px;z-index:95;box-shadow:var(--sh-pill)}
@media(min-width:1024px){
  .ck{left:24px;right:auto;bottom:24px;padding:20px}
  .ckm{align-items:center}
  .ckm-d{border-radius:22px;padding:26px 26px 22px}
  .ck-toast{bottom:28px}
}
.ck.ck-s .ck-b{grid-template-columns:1fr}
@media(min-width:1024px){.ck.ck-s{max-width:400px}}