/* Layout: longform một cột 40rem; module infographic tràn rộng 60rem; tông xanh ngọc - vàng sen nhận diện Vietnam Airlines, sao vàng cho tính đảng, bản đồ đường bay dạng hải đồ */
:root{
  --paper:#fbfbf6; --ink:#10262a; --muted:#52666a; --rule:#d8e4e5; --tint:#edf4f3;
  --red:#005f6e; --red-deep:#00444f; --gold:#a8801c; --gold-hi:#e6b441;
  --on-red:#fafaeb; --on-red-muted:#b9d3d6; --red-line:rgba(250,250,235,.2); --on-brand:#fafaeb;
  --ok:#2f7d4f; --wait:#b9741a;
  --f-display:"Montserrat","Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-body:"Literata","Noto Serif",Georgia,"Times New Roman",serif;
  --measure:40rem; --wide:60rem;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --paper:#0b1a1d; --ink:#e7efee; --muted:#9fb5b7; --rule:#203538; --tint:#122427;
  --red:#4fb0bb; --red-deep:#00353d; --gold:#e6b441; --gold-hi:#efc865;
  --on-red:#fafaeb; --on-red-muted:#a9c8cb; --red-line:rgba(250,250,235,.18); --on-brand:#00353d;
  --ok:#5fbf86; --wait:#e9a440; color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#0b1a1d; --ink:#e7efee; --muted:#9fb5b7; --rule:#203538; --tint:#122427;
  --red:#4fb0bb; --red-deep:#00353d; --gold:#e6b441; --gold-hi:#efc865;
  --on-red:#fafaeb; --on-red-muted:#a9c8cb; --red-line:rgba(250,250,235,.18); --on-brand:#00353d;
  --ok:#5fbf86; --wait:#e9a440; color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:1.0625rem;line-height:1.78;-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
button{font:inherit;color:inherit}

/* thanh tiến độ + mục lục dính */
.bar-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}
.bar-top .in{max-width:var(--wide);margin-inline:auto;padding-inline:16px;display:flex;align-items:center;gap:1rem;height:44px;font-family:var(--f-display);font-size:.78rem}
.bar-top .brand{font-weight:700;color:var(--red);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.bar-top nav{margin-left:auto;display:flex;gap:.25rem}
.bar-top nav a{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;text-decoration:none;color:var(--muted);font-weight:700;border:1px solid var(--rule)}
.bar-top nav a.on{background:var(--red);color:var(--on-brand);border-color:var(--red)}
.progress{height:3px;background:transparent}
.progress i{display:block;height:100%;width:var(--p,0%);background:var(--gold)}

/* HERO */
.hero{background:var(--red-deep);color:var(--on-red);overflow:hidden;position:relative}
.hero svg.lotus-wm{position:absolute;right:-60px;top:-30px;width:min(460px,60vw);height:auto;display:block;opacity:.07;fill:var(--gold-hi);pointer-events:none}
.hero .in{position:relative}
.brandline{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:.9rem;font-family:var(--f-display);font-size:.8rem;font-weight:600;letter-spacing:.08em;color:var(--gold-hi)}
.hero .brandline svg{display:inline-block;width:22px;height:22px;fill:var(--gold-hi);flex:none}
.hero .in{max-width:68rem;margin-inline:auto;padding:clamp(2rem,5vw,3.6rem) clamp(16px,4vw,40px) 0}
.mast{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;font-family:var(--f-display);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.mast .star{width:18px;height:18px;fill:var(--gold-hi);flex:none}
.mast .org{color:var(--gold-hi)}
.mast .ser{color:var(--on-red-muted);font-weight:600}
.hero h1{font-family:var(--f-display);font-weight:800;font-size:clamp(2rem,5vw,3.6rem);line-height:1.1;letter-spacing:-.018em;margin:1rem 0 1.2rem;max-width:17ch;text-wrap:balance}
.hero .ep{font-family:var(--f-display);font-weight:700;color:var(--gold-hi);font-size:.95rem;letter-spacing:.04em}
.hero .sapo{font-weight:500;font-size:clamp(1.02rem,1.6vw,1.2rem);line-height:1.65;max-width:44rem;margin:0}
.hero .chart{margin-top:clamp(1.4rem,4vw,2.4rem)}
.hero .chart svg{display:block;width:100%;height:auto}
.hero .gr line{stroke:var(--red-line);stroke-width:1}
.hero .gl{font-family:var(--f-display);font-size:11px;fill:var(--on-red-muted)}
.hero .rline{fill:none;stroke:var(--gold-hi);stroke-width:2.4;stroke-dasharray:8 6}
.hero .rpt{fill:var(--red-deep);stroke:var(--gold-hi);stroke-width:2.5}
.hero .rl{font-family:var(--f-display);font-size:14px;font-weight:700;fill:var(--on-red)}
.hero .rs{font-family:var(--f-display);font-size:11px;fill:var(--on-red-muted)}
.hero .zone{font-family:var(--f-display);font-size:11px;fill:var(--on-red-muted);font-style:italic}
.hero .plane{fill:var(--gold-hi)}
.strip{display:flex;flex-wrap:wrap;gap:.5rem 2rem;border-top:1px solid var(--red-line);padding-block:1rem 1.4rem;font-family:var(--f-display);font-size:.84rem;color:var(--on-red-muted)}
.strip b{color:var(--on-red)}
@media (max-width:600px){.hero .rl{font-size:30px}.hero .rs,.hero .zone,.hero .gl{display:none}.hero .rline{stroke-width:4}}

.hero .mast,.hero .strip{justify-content:center;text-align:center}
.hero h1,.hero .sapo{margin-inline:auto;text-align:center}
.hero h1{max-width:20ch}
.ac-f{fill:#ffffff;stroke:#0a3d50;stroke-width:.35}
.ac-w,.ac-t{fill:#d6e3ea;stroke:#0a3d50;stroke-width:.3}
.ac-e{fill:#9fb3bf}
.ac-b{fill:#006885}
.ac-l{fill:#e2b75c}
/* GIỚI THIỆU LOẠT BÀI */
.series{background:var(--tint);border-bottom:1px solid var(--rule);padding-inline:clamp(16px,4vw,40px)}
.series .in{max-width:var(--measure);margin-inline:auto;padding-block:2.2rem 2rem}
.lab{font-family:var(--f-display);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin:0 0 .6rem}
.series .ls{font-weight:600;line-height:1.65;margin:0 0 1rem}
.series p{margin:0 0 .9rem;font-size:1rem}
.series summary{font-family:var(--f-display);font-size:.88rem;font-weight:700;color:var(--red);cursor:pointer;padding-block:.3rem}
.eps{list-style:none;margin:1.2rem 0 0;padding:0}
.eps li{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:.8rem;font-family:var(--f-display);font-size:.9rem;line-height:1.45;padding:.65rem 0;border-top:1px solid var(--rule)}
.eps b{color:var(--red)}
.eps .now span{font-weight:700}
.eps .now b::after{content:" ●";color:var(--gold)}

/* BÀI */
main{padding-inline:clamp(16px,4vw,40px)}
article{max-width:var(--measure);margin-inline:auto;padding-block:.5rem 1.5rem}
article>p{margin:0 0 1.15rem}
article p.lead::first-letter{font-family:var(--f-display);font-weight:800;float:left;font-size:3.7em;line-height:.88;padding:.08em .12em 0 0;color:var(--red)}
.chap-h{margin:3.4rem 0 1.4rem;scroll-margin-top:64px}
.chap-h .no{display:flex;align-items:center;gap:.7rem;font-family:var(--f-display);font-weight:800;font-size:.8rem;letter-spacing:.12em;color:var(--red)}
.chap-h .no::after{content:"";flex:1;height:2px;background:var(--red)}
.chap-h h2{font-family:var(--f-display);font-weight:800;font-size:clamp(1.4rem,2.8vw,1.85rem);line-height:1.22;margin:.6rem 0 0;text-wrap:balance;letter-spacing:-.012em}
a.ref{color:var(--red);font-weight:600;text-decoration-thickness:1px;text-underline-offset:3px}

.pull{margin:2.2rem 0;padding:.2rem 0 .2rem 1.4rem;border-left:4px solid var(--red)}
.pull p{font-family:var(--f-display);font-weight:700;font-size:clamp(1.15rem,2.3vw,1.45rem);line-height:1.42;margin:0 0 .6rem}
.pull cite{font-family:var(--f-display);font-style:normal;font-size:.82rem;color:var(--muted)}

/* module rộng */
.mod,.media,.band,.nq{margin:2.4rem calc(50% - min(50vw - 16px, var(--wide)/2));}
.mod{background:var(--tint);padding:clamp(1.2rem,3.4vw,2.2rem);border-top:3px solid var(--red)}
.mod-k{font-family:var(--f-display);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin:0}
.mod h3{font-family:var(--f-display);font-weight:800;font-size:clamp(1.2rem,2.4vw,1.55rem);line-height:1.25;margin:.35rem 0 .4rem;text-wrap:balance}
.mod-sub{font-family:var(--f-display);font-size:.88rem;color:var(--muted);margin:0 0 1.2rem}
.src{font-family:var(--f-display);font-size:.76rem;color:var(--muted);margin:1.2rem 0 0;font-style:italic}

.band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule);border-block:1px solid var(--rule)}
.band>div{background:var(--paper);padding:1.1rem .9rem;display:grid;gap:.3rem;align-content:start}
.mod .band{margin:1.4rem 0 0}
.mod .band>div{background:var(--tint)}
.band b{font-family:var(--f-display);font-weight:800;font-size:clamp(1.45rem,3.2vw,2.2rem);line-height:1;color:var(--red);font-variant-numeric:tabular-nums}
.band span{font-family:var(--f-display);font-size:.8rem;line-height:1.35;color:var(--muted)}
@media (max-width:600px){.band{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ảnh/video */
.media{margin-block:2.4rem}
.slot{aspect-ratio:var(--r);max-width:100%;background:repeating-linear-gradient(135deg,var(--tint) 0 14px,var(--paper) 14px 28px);border:1px dashed var(--muted);display:grid;place-items:center;align-content:center;gap:.5rem;color:var(--muted)}
.slot svg{width:44px;height:44px;fill:currentColor;opacity:.55}
.video .slot svg{width:64px;height:64px;opacity:.8;fill:var(--red)}
.slot-tag{font-family:var(--f-display);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.media figcaption{font-family:var(--f-display);font-size:.85rem;line-height:1.5;color:var(--muted);margin-top:.6rem;max-width:var(--measure)}
.credit{display:block;font-size:.75rem;opacity:.85}

/* ảnh */
.photo{margin:2.4rem 0}
.photo.wide,.photo.duo{margin-inline:calc(50% - min(50vw - 16px, var(--wide)/2))}
.photo img{display:block;width:100%;height:auto;max-width:100%}
.duo-g{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.duo-g img{aspect-ratio:3/2;object-fit:cover;height:100%}
@media (max-width:560px){.duo-g{grid-template-columns:1fr}}
.photo figcaption{font-family:var(--f-display);font-size:.85rem;line-height:1.5;color:var(--muted);margin:.6rem auto 0;max-width:var(--measure);border-left:3px solid var(--gold);padding-left:.7rem}
.photo .credit{display:block;font-size:.74rem;opacity:.85}
/* thẻ tư liệu */
.links{margin:2rem 0}
.links .mod-k{margin-bottom:.6rem}
.lcs{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.lc{display:grid;gap:.3rem;align-content:start;padding:.9rem 1rem;border:1px solid var(--rule);border-left:4px solid var(--red);background:var(--paper);text-decoration:none;color:var(--ink);font-family:var(--f-display);transition:background .2s}
.lc:hover{background:var(--tint)}
.lc-s{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.lc-t{font-size:.95rem;font-weight:700;line-height:1.35}
.lc-go{font-size:.78rem;color:var(--muted)}
/* nghị quyết */
.nq{background:var(--paper);border:1px solid var(--rule);border-top:6px solid var(--red);padding:clamp(1.2rem,3.4vw,2rem)}
.nq-h{display:grid;gap:.15rem;margin:0 0 1rem;font-family:var(--f-display)}
.nq-h span:first-child{font-weight:800;color:var(--red);font-size:1.05rem;text-transform:uppercase;letter-spacing:.04em}
.nq-h span:last-child{font-size:.84rem;color:var(--muted)}
.nq-q{font-family:var(--f-body);font-size:clamp(1.12rem,2.2vw,1.35rem);line-height:1.55;font-weight:600;margin:0 0 1rem}
.nq-l{margin:0;padding:0;list-style:none;display:grid;gap:.5rem;font-family:var(--f-display);font-size:.9rem;line-height:1.5}
.nq-l li{padding-left:1.2rem;position:relative}
.nq-l li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}

/* đồng hồ */
.track{position:relative;height:84px;margin:1rem 10px 0}
.rail{position:absolute;left:0;right:0;top:14px;height:4px;background:var(--rule);border-radius:2px}
.rail i{display:block;height:100%;width:var(--p);background:var(--red);border-radius:2px;transition:width .4s}
.stop{position:absolute;left:var(--x);top:0;transform:translateX(-50%);background:none;border:0;cursor:pointer;display:grid;justify-items:center;gap:.15rem;padding:0;font-family:var(--f-display)}
.stop::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--paper);border:3px solid var(--muted);margin-top:5px;margin-bottom:.35rem}
.stop[aria-selected="true"]::before,.stop.past::before{border-color:var(--red);background:var(--red)}
.stop b{font-size:.82rem;white-space:nowrap}
.stop span{font-size:.7rem;color:var(--muted)}
@media (max-width:600px){.stop b{font-size:.68rem;white-space:normal;text-align:center;max-width:4.6rem;line-height:1.2}}
.cp{background:var(--paper);padding:1.1rem 1.2rem;border-left:4px solid var(--red);min-height:6.5rem}
.cp h4{font-family:var(--f-display);font-weight:800;font-size:1.05rem;margin:0 0 .35rem}
.cp p{margin:0;font-size:.98rem}
.mini{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;font-family:var(--f-display);font-size:.88rem;color:var(--muted)}
.mini b{display:block;font-size:1.5rem;color:var(--red)}

/* bản đồ */
.routemap svg,.netmap svg{display:block;width:100%;height:auto}
.route-mod .gr line,.net .gr line{stroke:var(--rule)}
.route-mod .gl,.net .gl{font-family:var(--f-display);font-size:11px;fill:var(--muted)}
.route-mod .zone{font-family:var(--f-display);font-size:12px;fill:var(--muted);font-style:italic}
.route-mod .rline{fill:none;stroke:var(--red);stroke-width:2.6;stroke-dasharray:8 6}
.route-mod .rpt{fill:var(--tint);stroke:var(--red);stroke-width:2.5}
.route-mod .rl{font-family:var(--f-display);font-size:14px;font-weight:700;fill:var(--ink)}
.route-mod .rs{font-family:var(--f-display);font-size:11px;fill:var(--muted)}
.route-mod .plane{fill:var(--gold)}
@media (max-width:600px){.route-mod .rl{font-size:30px}.route-mod .rs,.route-mod .zone,.route-mod .gl{display:none}}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.chip{border:1px solid var(--rule);background:var(--paper);border-radius:999px;padding:.35rem .8rem;font-family:var(--f-display);font-size:.8rem;font-weight:600;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:var(--on-brand)}
.net .arc{fill:none;stroke:var(--red);stroke-width:1.6;opacity:.75;transition:opacity .3s}
.net .arc[data-y="cuoi"]{stroke-dasharray:5 5}
.net .dest circle{fill:var(--red)}
.net .dest[data-y="cuoi"] circle{fill:var(--tint);stroke:var(--red);stroke-width:2}
.net .dest text{font-family:var(--f-display);font-size:13px;font-weight:600;fill:var(--ink)}
.net .dim{opacity:.1}
.net .hub{fill:var(--gold);stroke:var(--red);stroke-width:3}
.net .hubl{font-family:var(--f-display);font-size:14px;font-weight:800;fill:var(--red)}
@media (max-width:600px){.net .dest text{font-size:26px}}
.netlog{list-style:none;margin:1.2rem 0 0;padding:0}
.netlog li{display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);gap:1rem;padding:.7rem 0;border-top:1px solid var(--rule);transition:opacity .3s}
.netlog b{font-family:var(--f-display);font-size:.85rem;color:var(--red)}
.netlog span{font-size:.95rem;line-height:1.55}
.netlog li.dim{opacity:.35}
@media (max-width:520px){.netlog li{grid-template-columns:1fr;gap:.15rem}}

/* nhiệm vụ đặc biệt */
.mtabs{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.4rem;margin:1rem 0 1.2rem;scrollbar-width:thin}
.mtab{flex:none;display:grid;gap:.1rem;text-align:left;border:1px solid var(--rule);background:var(--paper);padding:.55rem .85rem;cursor:pointer;font-family:var(--f-display);min-width:6.5rem}
.mtab b{font-size:1.05rem;color:var(--red)}
.mtab span{font-size:.76rem;color:var(--muted)}
.mtab[aria-selected="true"]{background:var(--red);border-color:var(--red)}
.mtab[aria-selected="true"] b,.mtab[aria-selected="true"] span{color:var(--on-brand)}
.mwhen{font-family:var(--f-display);font-weight:800;margin:0 0 .8rem}
.mnums{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem;margin-bottom:1rem}
.mnums b{display:block;font-family:var(--f-display);font-weight:800;font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1;color:var(--red);font-variant-numeric:tabular-nums}
.mnums span{font-family:var(--f-display);font-size:.8rem;color:var(--muted);line-height:1.35}
.mpanel p{margin:0}

/* kinh tế */
.econ-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0 1.4rem}
.eb b{display:block;font-family:var(--f-display);font-weight:800;font-size:clamp(2rem,5vw,3rem);line-height:1;color:var(--red)}
.eb small{font-size:.45em;font-weight:700}
.eb span{font-family:var(--f-display);font-size:.85rem;color:var(--muted)}
.bars-t{font-family:var(--f-display);font-size:.85rem;font-weight:600;margin:0 0 .6rem}
.bar{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr) 3.4rem;align-items:center;gap:.8rem;margin:.4rem 0;font-family:var(--f-display);font-size:.84rem}
.bt{height:14px;background:var(--rule)}
.bt i{display:block;height:100%;width:var(--w);background:var(--gold)}
.bar b{color:var(--red);font-variant-numeric:tabular-nums;text-align:right}
@media (max-width:520px){.bar{grid-template-columns:minmax(0,1fr) 3.2rem}.bar .bl{grid-column:1/-1}}

/* biên giới mềm */
.soft-wrap{display:grid;grid-template-columns:200px minmax(0,1fr);gap:1.6rem;align-items:start;margin-top:1rem}
.rings{width:100%;max-width:200px}
.rings .r3{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:4 5}
.rings .r2{fill:none;stroke:var(--red);stroke-width:1.5;opacity:.6}
.rings .r1{fill:var(--red)}
.rings .rc{font-family:var(--f-display);font-size:13px;font-weight:700;fill:var(--on-brand)}
.rings .rt{font-family:var(--f-display);font-size:11px;fill:var(--muted)}
.soft p{margin:0 0 .9rem;font-size:.98rem}
.soft summary{font-family:var(--f-display);font-weight:700;color:var(--red);cursor:pointer;font-size:.88rem;margin-bottom:.6rem}
@media (max-width:600px){.soft-wrap{grid-template-columns:1fr}.rings{max-width:170px}}

/* giấy phép */
.legs{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}
.legs li{display:grid;gap:.3rem;padding:0 .6rem 0 0;font-family:var(--f-display)}
.legs .dot{width:20px;height:20px;border-radius:50%;border:3px solid currentColor;position:relative}
.legs li::after{content:"";height:3px;background:var(--rule);order:-1;margin-bottom:-12px;margin-right:-.6rem;position:relative;top:11px;z-index:0}
.legs .ok{color:var(--ok)} .legs .ok .dot{background:var(--ok)}
.legs .wait{color:var(--wait)}
.legs b{color:var(--ink);font-size:.9rem;line-height:1.3}
.legs em{font-style:normal;font-size:.78rem;font-weight:700}
@media (max-width:600px){.legs{grid-template-columns:1fr 1fr;row-gap:1rem}.legs li::after{display:none}}
.quote-s{margin:1.4rem 0 0;font-family:var(--f-body);font-style:italic;font-size:1.02rem}
.quote-s span{display:block;font-family:var(--f-display);font-style:normal;font-size:.8rem;color:var(--muted);margin-top:.3rem}

/* đảng ủy */
.party{background:var(--red-deep);border-top-color:var(--gold-hi);color:var(--on-red)}
.party .mod-k{color:var(--gold-hi)}
.flow{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--red-line)}
.flow li{background:var(--red-deep);padding:1rem .9rem;display:grid;gap:.4rem;align-content:start;position:relative}
.flow b{font-family:var(--f-display);font-weight:800;font-size:1.15rem;line-height:1.2;color:var(--gold-hi)}
.flow span{font-family:var(--f-display);font-size:.82rem;line-height:1.45;color:var(--on-red-muted)}
@media (max-width:700px){.flow{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.flow{grid-template-columns:1fr}}

/* cơ chế */
.mech-grid{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1.25fr);gap:1rem;align-items:stretch;margin-top:1rem}
.mc{padding:1.1rem 1.2rem;background:var(--paper)}
.mc.arrow{background:none;padding:0;display:grid;place-items:center}
.mc.arrow svg{width:40px;height:40px;fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.mc.now{border-top:3px solid var(--muted)}
.mc.next{border-top:3px solid var(--red)}
.mc-h{font-family:var(--f-display);font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .6rem}
.mc.next .mc-h{color:var(--red)}
.mc ul{margin:0;padding-left:1.1rem;display:grid;gap:.45rem;font-family:var(--f-display);font-size:.88rem;line-height:1.45}
@media (max-width:640px){.mech-grid{grid-template-columns:1fr}.mc.arrow svg{transform:rotate(90deg)}}

.next-ep{max-width:var(--measure);margin:1.5rem auto 3rem;padding:1.4rem 1.4rem;background:var(--red-deep);color:var(--on-red)}
.next-ep small{display:block;font-family:var(--f-display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);font-weight:800}
.next-ep strong{display:block;font-family:var(--f-display);font-size:1.2rem;line-height:1.35;margin-top:.35rem;text-wrap:balance}
footer{border-top:3px solid var(--gold);padding:1.4rem clamp(16px,4vw,40px) 2.4rem;text-align:center;font-family:var(--f-display);font-size:.8rem;color:var(--muted)}
footer b{color:var(--red);display:block;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem}
/* ===== Lớp Shorthand: hero ảnh, chương mở, scrollytelling, box dọc ===== */
.hero2{position:relative;min-height:min(78vh,740px);display:grid;align-items:end;color:var(--on-red);overflow:hidden;background:#00353d}
.hero2 .h-img{position:absolute;inset:0;background-size:cover;background-position:center 40%;filter:grayscale(1) contrast(1.1);transform:scale(1.04)}
.hero2 .h-tone{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,53,61,.35) 0%,rgba(0,53,61,.55) 45%,rgba(0,53,61,.96) 100%),linear-gradient(90deg,rgba(0,95,110,.55),rgba(0,95,110,.15));mix-blend-mode:normal}
.hero2 .h-duo{position:absolute;inset:0;background:#005f6e;mix-blend-mode:color;opacity:.85}
.hero2 .in{position:relative;max-width:68rem;margin-inline:auto;width:100%;padding:clamp(3.5rem,10vh,6rem) clamp(16px,4vw,40px) clamp(1.6rem,4vh,2.6rem);text-align:center}
.hero2 .mast{justify-content:center}
.hero2 h1{font-family:var(--f-display);font-weight:800;font-size:clamp(2.1rem,5.6vw,4.2rem);line-height:1.06;letter-spacing:-.02em;margin:1rem auto 1.2rem;max-width:18ch;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero2 .ep{display:inline-block;font-family:var(--f-display);font-weight:800;color:#00353d;background:var(--gold-hi);font-size:.85rem;letter-spacing:.08em;padding:.25rem .7rem;margin-bottom:.4rem}
.hero2 .sapo{font-weight:500;font-size:clamp(1.02rem,1.6vw,1.2rem);line-height:1.65;max-width:44rem;margin:0 auto;color:#fafaeb}
.hero2 .brandline{margin-top:1.2rem}
.hero2 .scrollcue{display:block;margin:1.8rem auto 0;width:22px;height:34px;border:2px solid rgba(255,255,255,.6);border-radius:12px;position:relative}
.hero2 .scrollcue::after{content:"";position:absolute;left:50%;top:6px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--gold-hi);animation:cue 1.8s infinite}
@keyframes cue{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.hero2 .scrollcue::after{animation:none}}
.hero2 .hcap{position:absolute;right:16px;bottom:10px;font-family:var(--f-display);font-size:.7rem;color:rgba(255,255,255,.7)}
.hero2 .mast .org{color:var(--gold-hi)} .hero2 .mast .ser{color:#d5e8ea}

/* khối văn bản + box dọc */
.tb{max-width:none;margin-inline:auto;padding-inline:clamp(16px,4vw,40px);display:flow-root}
.col{max-width:var(--measure);margin-inline:auto}
.col>p{margin:0 0 1.2rem}
.col>p.lead::first-letter{font-family:var(--f-display);font-weight:800;float:left;font-size:3.9em;line-height:.86;padding:.08em .12em 0 0;color:var(--red)}
.tb:first-child .col{padding-top:1rem}
.side{font-family:var(--f-display);font-size:.88rem;line-height:1.5;background:var(--tint);border-top:3px solid var(--red);padding:1rem 1.1rem 1.1rem;margin:1.6rem 0}
.side-k{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin:0 0 .6rem}
.side-k svg{width:14px;height:14px;fill:var(--gold)}
.side h4{font-size:1.05rem;font-weight:800;line-height:1.3;margin:0 0 .5rem}
.side p{margin:0 0 .6rem}
.side-src{font-size:.74rem;color:var(--muted);font-style:italic}
.side summary{font-weight:700;color:var(--red);cursor:pointer;margin-bottom:.4rem}
@media (min-width:1280px){
  .col{margin-inline:auto;position:relative}
  .side{position:absolute;right:-18.5rem;width:16rem;margin:0}
}
.card-flight dl{margin:0;display:grid;gap:.7rem}
.card-flight dl div{display:grid;gap:.1rem;padding-top:.6rem;border-top:1px solid var(--rule)}
.card-flight dl div:first-child{border-top:0;padding-top:0}
.card-flight dt{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.card-flight dd{margin:0;font-size:.88rem}
.card-flight dd b{display:block;font-size:1.5rem;font-weight:800;color:var(--red);line-height:1.1}
.side-nq{background:var(--paper);border:1px solid var(--rule);border-top:5px solid var(--gold)}
.side-nq .nq-d{font-size:.78rem;color:var(--muted)}
.side-nq .nq-q{font-family:var(--f-body);font-size:1rem;font-weight:600;line-height:1.5;color:var(--ink)}
.side-nq ul{margin:0;padding-left:1rem;display:grid;gap:.35rem;font-size:.82rem}
.side-soft .rings{display:block;width:100%;max-width:220px;margin:.2rem auto .6rem}
.side-term{border-top-color:var(--gold)}
.side-links a{display:grid;gap:.15rem;padding:.65rem 0;border-top:1px solid var(--rule);text-decoration:none;color:var(--ink);font-weight:700;line-height:1.35;position:relative;padding-right:1.2rem}
.side-links a span{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--red);font-weight:800}
.side-links a i{position:absolute;right:0;top:.7rem;font-style:normal;color:var(--muted)}
.side-links a:hover{color:var(--red)}

/* chương mở */
.chapter{position:relative;overflow:hidden;margin:2.5rem 0 1.8rem;padding:clamp(2.4rem,7vh,4.2rem) clamp(16px,4vw,40px);text-align:center;scroll-margin-top:48px}
.chapter.dark{background:#00353d;color:#fafaeb}
.chapter.light{background:var(--tint);color:var(--ink)}
.chapter.party{background:#00353d;color:#fafaeb;border-top:4px solid var(--gold-hi)}
.chapter .ch-in{position:relative;max-width:52rem;margin-inline:auto}
.chapter .ch-n{display:block;font-family:var(--f-display);font-weight:800;font-size:clamp(4rem,12vw,8rem);line-height:.9;color:transparent;-webkit-text-stroke:2px var(--gold-hi);letter-spacing:-.03em}
.chapter.light .ch-n{-webkit-text-stroke-color:var(--gold)}
.chapter h2{font-family:var(--f-display);font-weight:800;font-size:clamp(1.6rem,3.8vw,2.8rem);line-height:1.15;letter-spacing:-.015em;margin:.6rem 0 0;text-wrap:balance}
.chapter .ch-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(1) contrast(1.1)}
.chapter .ch-tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,53,61,.7),rgba(0,53,61,.88)),rgba(0,95,110,.4)}
.chapter.has-bg{padding-block:clamp(5rem,20vh,10rem)}
.chapter .ch-lotus{position:absolute;right:-4%;bottom:-18%;width:min(420px,60vw);fill:var(--gold-hi);opacity:.08}
.chapter.light .ch-lotus{fill:var(--red);opacity:.06}
.chapter.party::before{content:"";position:absolute;left:50%;top:1.2rem;width:22px;height:22px;margin-left:-11px;background:var(--gold-hi);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}

/* ảnh tràn */
.pfull{margin:1.8rem 0}
.pf-img{position:relative;overflow:hidden;background:#00353d}
.pf-img img{display:block;width:100%;height:min(64vh,620px);object-fit:cover}
.pf-tone{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,53,61,.55))}
.pfull figcaption{max-width:var(--measure);margin:.7rem auto 0;padding-inline:16px;font-family:var(--f-display);font-size:.85rem;line-height:1.5;color:var(--muted);border-left:3px solid var(--gold);padding-left:.7rem}
.pfull figcaption span{display:block;font-size:.74rem}
@media (max-width:600px){.pf-img img{height:auto;aspect-ratio:4/3}}
.full-wrap{padding-inline:clamp(16px,4vw,40px);margin:1.8rem 0}
.full-wrap>.mod,.full-wrap>.photo{margin-inline:auto;max-width:var(--wide)}
.full-wrap .photo figcaption{margin-left:0}

/* bức tường số */
.statwall{background:#00353d;color:#fafaeb;margin:1.8rem 0;padding:clamp(1.6rem,4vw,2.6rem) clamp(16px,4vw,40px)}
.sw-in{max-width:var(--wide);margin-inline:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.sw-in b{display:block;white-space:nowrap;font-family:var(--f-display);font-weight:800;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1;color:var(--gold-hi);font-variant-numeric:tabular-nums}
.sw-in span{display:block;margin-top:.5rem;font-family:var(--f-display);font-size:.85rem;line-height:1.4;color:#b9d3d6;border-top:1px solid rgba(250,250,235,.2);padding-top:.5rem}
@media (max-width:640px){.sw-in{grid-template-columns:1fr 1fr}}

/* scrollytelling */
.scrolly{position:relative;margin:1.8rem 0;background:#00353d;color:#fafaeb;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);column-gap:2rem;padding-inline:clamp(16px,4vw,40px)}
.sc-graphic{position:sticky;top:48px;height:min(calc(100vh - 48px),720px);display:grid;place-items:center;padding-block:1.5rem}
.sc-steps{padding-block:12vh 22vh}
.step{min-height:52vh;display:flex;align-items:center}
.step .card{background:rgba(250,250,240,.97);color:#10262a;padding:1.2rem 1.3rem;border-left:4px solid var(--gold-hi);max-width:24rem;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:.45;transition:opacity .35s}
.step.on .card{opacity:1}
.step h4{font-family:var(--f-display);font-weight:800;font-size:1.1rem;margin:.2rem 0 .4rem;line-height:1.3}
.step p{margin:0;font-size:.98rem;line-height:1.6}
.st-t{font-family:var(--f-display);font-weight:800;color:#005f6e;font-size:1rem;margin:0 0 .2rem!important}
.st-t span{font-weight:600;color:#52666a;font-size:.8rem;margin-left:.3rem}
.cf-k{font-family:var(--f-display);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi);margin:0 0 1rem;text-align:center}
.clockface{position:relative;width:min(420px,80vw);text-align:center}
.ring{width:100%;height:auto;transform:rotate(-90deg)}
.ring-bg{fill:none;stroke:rgba(250,250,235,.15);stroke-width:8}
.ring-fg{fill:none;stroke:var(--gold-hi);stroke-width:8;stroke-linecap:round;stroke-dasharray:var(--p) 100;transition:stroke-dasharray .6s}
.ring .ticks line{stroke:rgba(250,250,235,.4);stroke-width:2}
.cf-t{position:absolute;left:0;right:0;top:calc(50% + .5rem);transform:translateY(-50%);display:grid;gap:.2rem}
.cf-t b{font-family:var(--f-display);font-weight:800;font-size:clamp(2.2rem,6vw,4rem);line-height:1;letter-spacing:-.02em}
.cf-t span{font-family:var(--f-display);color:#b9d3d6;font-size:1rem}
.cf-cap{font-family:var(--f-display);font-size:.9rem;color:#b9d3d6;margin:1rem 0 0}
.routebox{width:100%}
.routebox svg{display:block;width:100%;height:auto}
.routebox .gr line{stroke:rgba(250,250,235,.12)}
.routebox .r-base{fill:none;stroke:rgba(230,180,65,.32);stroke-width:2.5;stroke-dasharray:8 7}
.routebox .r-prog{fill:none;stroke:var(--gold-hi);stroke-width:3.5;stroke-dasharray:1000;stroke-dashoffset:0}
.routebox .rpt{fill:#00353d;stroke:var(--gold-hi);stroke-width:3}
.routebox .rl{font-family:var(--f-display);font-weight:800;font-size:18px;fill:#fafaeb}
.routebox .zone{font-family:var(--f-display);font-size:13px;font-style:italic;fill:#93b9bd}
.rb-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem;margin-top:1rem;font-family:var(--f-display);font-size:.85rem;color:#b9d3d6}
.rb-stats b{color:var(--gold-hi);font-size:1.15rem}
@media (max-width:860px){
  .scrolly{grid-template-columns:1fr}
  .sc-graphic{height:46vh;top:44px;z-index:0;padding-block:.6rem}
  .clockface{width:min(250px,62vw)}
  .sc-steps{position:relative;z-index:1;padding-block:4vh 16vh}
  .step{min-height:50vh;justify-content:center;align-items:flex-end;padding-bottom:2vh}
  .step .card{opacity:1;max-width:none;width:100%}
  .routebox .rl{font-size:30px}.routebox .zone{display:none}
}

/* dải trích dẫn */
.qband{position:relative;overflow:hidden;margin:1.8rem 0;padding:clamp(2rem,5vw,3.4rem) clamp(16px,4vw,40px);background:var(--tint);text-align:center}
.qband.dark{background:#00444f;color:#fafaeb}
.qband blockquote{position:relative;max-width:48rem;margin:0 auto}
.qband p{font-family:var(--f-display);font-weight:700;font-size:clamp(1.3rem,3vw,2.1rem);line-height:1.35;letter-spacing:-.01em;margin:0 0 1rem;text-wrap:balance}
.qband cite{font-family:var(--f-display);font-style:normal;font-size:.88rem;color:var(--muted)}
.qband.dark cite{color:var(--gold-hi)}
.qb-lotus{position:absolute;left:50%;top:50%;width:min(560px,90vw);transform:translate(-50%,-50%);fill:var(--red);opacity:.06}
.qband.dark .qb-lotus{fill:var(--gold-hi);opacity:.08}

/* công tắc so sánh */
.toggle{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:4px;margin:1rem 0 1.2rem}
.toggle button{position:relative;z-index:1;border:0;background:none;padding:.5rem 1.4rem;font-family:var(--f-display);font-weight:700;font-size:.9rem;cursor:pointer;border-radius:999px;color:var(--muted)}
.toggle button[aria-selected="true"]{color:var(--on-brand)}
.toggle i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--red);border-radius:999px;transition:transform .35s}
.toggle.next i{transform:translateX(100%)}
.tg-p ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1px;background:var(--rule)}
.tg-p li{background:var(--paper);padding:1rem 1.1rem;font-family:var(--f-display);font-size:.88rem;line-height:1.45;display:grid;gap:.35rem;align-content:start}
.tg-p li b{font-size:1rem;color:var(--red)}
.tg-p[data-k="now"] li b{color:var(--muted)}

/* bỏ margin cũ của mod khi nằm trong full-wrap */
.full-wrap>.mod{margin-block:0}

/* dẫn lời có chân dung: tách nền, ghép liền vào dải màu */
.qport{padding-bottom:0}
.qport .qp-in{position:relative;max-width:64rem;margin-inline:auto;display:grid;grid-template-columns:minmax(0,24rem) minmax(0,1fr);gap:clamp(1.4rem,4vw,3.5rem);align-items:end;text-align:left}
.qp-img{position:relative;margin:0;align-self:end}
.qp-img::before{content:"";position:absolute;left:8%;right:8%;top:12%;bottom:0;background:radial-gradient(closest-side,rgba(230,180,65,.32),rgba(230,180,65,0));z-index:0}
.qp-img img{position:relative;z-index:1;display:block;width:100%;height:auto;filter:drop-shadow(0 12px 30px rgba(0,0,0,.35))}
.qport blockquote{max-width:none;margin:0;align-self:center;padding-bottom:clamp(2rem,5vw,3.4rem)}
.qp-mark{display:block;font-family:var(--f-display);font-weight:800;font-size:5.5rem;line-height:.6;color:var(--gold-hi);height:2.6rem}
.qport p{font-size:clamp(1.25rem,2.6vw,1.9rem);text-wrap:pretty}
.qport cite{display:grid;gap:.2rem;font-size:.86rem;border-top:2px solid var(--gold-hi);padding-top:.8rem;margin-top:.4rem;width:fit-content}
.qport cite b{font-size:1.05rem;color:#fafaeb}
.qport.dark cite{color:#b9d3d6}
@media (max-width:700px){.qport .qp-in{grid-template-columns:1fr;text-align:center}.qp-img{width:72%;margin-inline:auto;order:2}.qport blockquote{order:1;padding:0 0 .5rem}.qport cite{margin-inline:auto}}

.cf-plane{display:block;width:100%;height:auto;margin:.1rem 0 .8rem}
.tb + .tb{margin-top:0}
.col>p:last-child{margin-bottom:.6rem}
.series .in{padding-block:1.8rem 1.6rem}
.next-ep{margin:1rem auto 2rem}
.routebox #sc-plane image{filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}

.sc-graphic{grid-template-columns:minmax(0,1fr)}
.sc-route .sc-graphic{justify-items:stretch}

/* nhận diện VNA: logo chính thức, họa tiết kỷ hà */
.bar-top .brandlogo{display:flex;align-items:center;gap:.8rem;min-width:0}
.bar-top .brandlogo img{height:22px;width:auto;flex:none}
.bar-top .brandlogo .brand{border-left:1px solid var(--rule);padding-left:.8rem}
@media (max-width:640px){.bar-top .brandlogo .brand{display:none}}
.hero2 .h-logo{display:block;width:min(260px,62vw);height:auto;margin:0 auto 1.4rem;padding:12px}
.chapter.dark,.chapter.party,.statwall,.scrolly{background-image:repeating-linear-gradient(45deg,rgba(230,180,65,.05) 0 1px,transparent 1px 26px),repeating-linear-gradient(-45deg,rgba(230,180,65,.05) 0 1px,transparent 1px 26px)}
.chapter.light{background-image:repeating-linear-gradient(45deg,rgba(0,95,110,.05) 0 1px,transparent 1px 26px),repeating-linear-gradient(-45deg,rgba(0,95,110,.05) 0 1px,transparent 1px 26px)}
footer .f-logo{display:block;width:180px;height:auto;margin:0 auto .8rem;padding:10px}
footer{background:#00353d;color:#b9d3d6;border-top:3px solid #e6b441}
footer b{color:#fafaeb}
/* ===== Module Kỳ 2, Kỳ 3 ===== */
.hero3{position:relative;overflow:hidden;background:#00353d;color:#fafaeb;background-image:repeating-linear-gradient(45deg,rgba(230,180,65,.05) 0 1px,transparent 1px 26px),repeating-linear-gradient(-45deg,rgba(230,180,65,.05) 0 1px,transparent 1px 26px)}
.hero3 .in{position:relative;z-index:1;max-width:68rem;margin-inline:auto;padding:clamp(2.6rem,8vh,4.5rem) clamp(16px,4vw,40px) 0;text-align:center}
.hero3 .mast{justify-content:center}
.hero3 .mast .org{color:var(--gold-hi)} .hero3 .mast .ser{color:#d5e8ea}
.hero3 h1{font-family:var(--f-display);font-weight:800;font-size:clamp(2rem,5.2vw,3.9rem);line-height:1.08;letter-spacing:-.02em;margin:1rem auto 1.2rem;max-width:20ch;text-wrap:balance}
.hero3 .ep{display:inline-block;font-family:var(--f-display);font-weight:800;color:#00353d;background:var(--gold-hi);font-size:.85rem;letter-spacing:.08em;padding:.25rem .7rem;margin-bottom:.4rem}
.hero3 .sapo{font-weight:500;font-size:clamp(1.02rem,1.6vw,1.2rem);line-height:1.65;max-width:44rem;margin:0 auto;color:#fafaeb}
.hero3 .brandline{margin-top:1.1rem}
.hero3 .h-logo{display:block;width:min(240px,60vw);height:auto;margin:0 auto 1.2rem;padding:10px}
.hero3 .runway{display:block;width:100%;height:clamp(140px,22vw,260px);margin-top:1.6rem}
.hero3 .hplane{display:block;width:min(820px,92%);height:auto;margin:1.8rem auto 0;filter:drop-shadow(0 18px 30px rgba(0,0,0,.4))}
.hero3 .hplane-wrap{position:relative;padding-bottom:clamp(1.6rem,4vw,2.6rem)}
.hero3 .hplane-wrap::before{content:"";position:absolute;left:10%;right:10%;top:20%;bottom:0;background:radial-gradient(closest-side,rgba(230,180,65,.22),transparent)}
.hero3 .hplane-wrap img{position:relative}
.eps a{color:inherit;text-decoration:none}
.eps li a span,.eps li a{display:contents}
.eps li.link:hover span{color:var(--red);text-decoration:underline}
.eps li .go{font-size:.75rem;color:var(--red);font-weight:700;white-space:nowrap}
.next-ep a{color:inherit;text-decoration:none;display:block}
.next-ep a:hover strong{text-decoration:underline}
.next-ep .go{display:inline-block;margin-top:.6rem;font-family:var(--f-display);font-size:.8rem;font-weight:800;color:var(--gold-hi);letter-spacing:.06em}
/* side phụ */
.side .pn{padding:.55rem 0;border-top:1px solid var(--rule)}
.side .pn b{display:block;font-size:1.35rem;font-weight:800;color:var(--red);line-height:1.15}
.side .pn span{font-size:.82rem;color:var(--muted)}
.qlist{list-style:none;margin:0;padding:0;counter-reset:q;display:grid;gap:.6rem}
.qlist li{counter-increment:q;display:grid;gap:.1rem;padding-left:2.1rem;position:relative;font-size:.84rem}
.qlist li::before{content:counter(q);position:absolute;left:0;top:0;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--red);color:var(--on-brand);display:grid;place-items:center;font-weight:800;font-size:.8rem}
.qlist b{font-size:.95rem}
.dots{margin:0 0 .6rem;padding-left:1.1rem;display:grid;gap:.2rem}
.mini-dl{margin:0;display:grid;gap:.55rem}
.mini-dl div{display:grid;gap:.05rem;padding-top:.5rem;border-top:1px solid var(--rule)}
.mini-dl div:first-child{border-top:0;padding-top:0}
.mini-dl dt{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.mini-dl dd{margin:0;font-size:.86rem}
/* dòng thời gian luật */
.law-big{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin:.6rem 0 1.4rem}
.law-big b{font-family:var(--f-display);font-weight:800;font-size:clamp(3rem,8vw,5rem);line-height:1;color:var(--red)}
.law-big span{font-family:var(--f-display);font-size:.95rem;max-width:26rem;color:var(--muted)}
.ltl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;position:relative}
.ltl::before{content:"";position:absolute;left:0;right:0;top:9px;height:3px;background:var(--rule)}
.ltl li{position:relative;padding:1.6rem .7rem 0 0;font-family:var(--f-display);display:grid;gap:.25rem;align-content:start}
.ltl li::before{content:"";position:absolute;left:0;top:2px;width:17px;height:17px;border-radius:50%;background:var(--paper);border:3px solid var(--red)}
.ltl li.hl::before{background:var(--gold-hi);border-color:var(--gold-hi)}
.ltl b{font-size:.95rem;color:var(--red)}
.ltl span{font-size:.8rem;line-height:1.45;color:var(--ink)}
@media (max-width:820px){.ltl{grid-template-columns:1fr;gap:.9rem}.ltl::before{left:7px;right:auto;top:0;bottom:0;width:3px;height:auto}.ltl li{padding:0 0 0 2rem}.ltl li::before{top:.15rem}}
/* box 2 trích dẫn */
.qbox{text-align:left}
.qbx-in{position:relative;max-width:52rem;margin-inline:auto}
.qbox .mod-k{color:var(--gold-hi);margin-bottom:.8rem}
.qbox blockquote{max-width:none}
.qbox summary{font-family:var(--f-display);font-weight:700;color:var(--gold-hi);cursor:pointer;margin-top:1rem}
.qbx-cols{columns:2 18rem;column-gap:2rem;margin-top:.8rem}
.qbx-cols p{font-family:var(--f-body);font-weight:400;font-size:1rem;line-height:1.65;margin:0 0 .8rem;color:#d5e8ea;letter-spacing:0}
/* sở hữu */
.obars{position:relative;margin-top:1rem;padding-top:1.6rem}
.ob{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr) 3.6rem;gap:.8rem;align-items:center;margin:.55rem 0;font-family:var(--f-display);font-size:.84rem}
.ob-t{height:18px;background:var(--rule);position:relative}
.ob-t i{display:block;height:100%;width:var(--w);background:var(--red)}
.ob.cap .ob-t i{background:var(--gold-hi)}
.ob.dash .ob-t i{background:repeating-linear-gradient(90deg,var(--muted) 0 6px,transparent 6px 10px)}
.ob b{text-align:right;color:var(--red);font-variant-numeric:tabular-nums}
@media (max-width:640px){.ob{grid-template-columns:minmax(0,1fr) 3.2rem}.ob .ob-l{grid-column:1/-1}}
.vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1px;background:var(--rule);margin-top:1rem}
.vc{background:var(--paper);padding:1rem 1.1rem}
.vt{display:block;font-family:var(--f-display);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:.4rem}
.vc p{margin:0;font-size:.95rem;line-height:1.55}
/* kiến nghị */
.rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin-top:1rem}
.rc{background:var(--paper);padding:1.1rem 1.2rem;border-top:3px solid var(--gold-hi);display:grid;gap:.5rem;align-content:start}
.rc b{font-family:var(--f-display);font-size:1.05rem;color:var(--red)}
.rc p{margin:0;font-size:.95rem;line-height:1.55}
.rc .who{font-family:var(--f-display);font-size:.78rem;color:var(--muted);border-top:1px solid var(--rule);padding-top:.5rem}
/* xếp hạng */
.rkbox{overflow-x:auto}
.rkbox svg{display:block;width:100%;min-width:560px;height:auto}
.rankmod .axis{stroke:var(--rule);stroke-width:4}
.rankmod .rk line{stroke:var(--red);stroke-width:1.5}
.rankmod .rk circle{fill:var(--red)}
.rankmod .rk.goal circle{fill:var(--gold-hi)}
.rankmod .rk.goal line{stroke:var(--gold);stroke-dasharray:4 4}
.rankmod .rn{font-family:var(--f-display);font-size:11px;font-weight:800;fill:var(--on-brand)}
.rankmod .rk.goal .rn{fill:#00353d;font-size:9px}
.rankmod .rl{font-family:var(--f-display);font-size:15px;font-weight:800;fill:var(--ink)}
.rankmod .rs{font-family:var(--f-display);font-size:12px;fill:var(--muted)}
.rankmod .tk{font-family:var(--f-display);font-size:11px;fill:var(--muted)}
/* canada */
.ca-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2rem;margin-top:1rem}
.ca-tl{list-style:none;margin:0;padding:0;display:grid;gap:.9rem;border-left:3px solid var(--red);padding-left:1.1rem}
.ca-tl li{display:grid;gap:.15rem;font-family:var(--f-display)}
.ca-tl b{color:var(--red)} .ca-tl span{font-size:.88rem;line-height:1.45}
.ca-k{font-family:var(--f-display);font-weight:700;font-size:.85rem;margin:0 0 .6rem}
.cbar{display:grid;grid-template-columns:6.5rem minmax(0,1fr) 6rem;gap:.6rem;align-items:center;font-family:var(--f-display);font-size:.82rem;margin:.4rem 0}
.cb-t{height:16px;background:var(--rule)} .cb-t i{display:block;height:100%;width:var(--w);background:var(--red)}
.cbar b{color:var(--red);text-align:right}
.ca-up{font-family:var(--f-display);font-size:.9rem;margin:.8rem 0 0}
.ca-up b{font-size:1.6rem;color:var(--gold);font-weight:800}
@media (max-width:760px){.ca-grid{grid-template-columns:1fr}}
/* hai dòng chảy */
.fl-grid{display:grid;grid-template-columns:minmax(0,1fr) 4rem minmax(0,1fr);gap:0;margin-top:1rem;align-items:stretch}
.fl{background:var(--paper);padding:1.2rem 1.3rem;display:grid;gap:.7rem;align-content:start}
.fl.a{border-top:4px solid var(--red)} .fl.b{border-top:4px solid var(--gold-hi)}
.fl-h{font-family:var(--f-display);font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin:0;color:var(--red)}
.fl.b .fl-h{color:var(--gold)}
.fl-n b{display:block;font-family:var(--f-display);font-weight:800;font-size:2rem;line-height:1;color:var(--red)}
.fl-n span{font-family:var(--f-display);font-size:.8rem;color:var(--muted)}
.fl p{margin:0;font-size:.95rem;line-height:1.55}
.fl ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;font-family:var(--f-display);font-size:.88rem}
.fl ul b{display:block;font-size:1rem;color:var(--gold)}
.fl-gap{display:grid;place-items:center;position:relative}
.fl-gap::before{content:"";position:absolute;top:10%;bottom:10%;left:50%;border-left:2px dashed var(--muted)}
.fl-gap span{position:relative;background:var(--tint);padding:.3rem 0;font-family:var(--f-display);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg)}
@media (max-width:700px){.fl-grid{grid-template-columns:1fr}.fl-gap{height:3rem}.fl-gap::before{top:0;bottom:0}.fl-gap span{writing-mode:horizontal-tb;transform:none;padding:0 .4rem}}
.qchi p{font-size:clamp(1.5rem,3.6vw,2.6rem);line-height:1.3}
.qhcm p{font-size:clamp(1.8rem,4.6vw,3.2rem)}
.qhcm{border-top:4px solid var(--gold-hi)}
/* chuỗi cung ứng */
.su-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin-top:1rem}
.su-grid>div{background:var(--paper);padding:1.1rem 1.2rem}
.su-grid>div:first-child{border-top:3px solid var(--red)} .su-grid>div:last-child{border-top:3px solid var(--gold-hi)}
.su-h{font-family:var(--f-display);font-weight:800;font-size:.95rem;margin:0 0 .6rem}
.su-grid ul{margin:0;padding-left:1.1rem;display:grid;gap:.35rem;font-family:var(--f-display);font-size:.9rem}
/* recap */
.rcp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin-top:1rem}
.rcp{display:grid;gap:.4rem;align-content:start;background:var(--paper);padding:1.2rem;border-top:4px solid var(--red);text-decoration:none;color:var(--ink);transition:transform .2s}
a.rcp:hover{transform:translateY(-3px)}
.rcp .rn{font-family:var(--f-display);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.rcp b{font-family:var(--f-display);font-size:1.6rem;font-weight:800;color:var(--red)}
.rcp p{margin:0;font-size:.95rem;line-height:1.5}
.rcp i{font-style:normal;font-family:var(--f-display);font-size:.82rem;font-weight:800;color:var(--gold)}
.rcp.now{border-top-color:var(--gold-hi)}
.ob.veto .ob-t i{background:repeating-linear-gradient(90deg,var(--red) 0 8px,transparent 8px 12px)}

/* ===== FX: hiệu ứng chung ===== */
.fx-pre{opacity:0;transform:translateY(28px)}
.fx-pre.fx-in{opacity:1;transform:none;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.fx-pre.fx-l{transform:translateX(-36px)} .fx-pre.fx-r{transform:translateX(36px)} .fx-pre.fx-z{transform:scale(.94)}
.fx-pre.fx-l.fx-in,.fx-pre.fx-r.fx-in,.fx-pre.fx-z.fx-in{transform:none}
@media (prefers-reduced-motion:reduce){.fx-pre{opacity:1!important;transform:none!important}}
mark.hl{background:linear-gradient(90deg,rgba(230,180,65,.38),rgba(230,180,65,.38)) no-repeat 0 88%/0% 40%;color:inherit;padding:0 .05em;transition:background-size 1.1s ease}
mark.hl.on{background-size:100% 40%}
@media (prefers-reduced-motion:reduce){mark.hl{background-size:100% 40%}}
.ch-ic{display:block;width:52px;height:52px;margin:0 auto .6rem;fill:none;stroke:var(--gold-hi);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:240;stroke-dashoffset:0}
.chapter.light .ch-ic{stroke:var(--red)}
.chapter.fx-draw .ch-ic{animation:icdraw 1.6s ease forwards}
@keyframes icdraw{from{stroke-dashoffset:240}to{stroke-dashoffset:0}}
.chapter .ch-n{transition:transform .1s linear;will-change:transform}
@media (prefers-reduced-motion:reduce){.chapter.fx-draw .ch-ic{animation:none}}

/* ===== Hero Kỳ 2: đường băng đèn chạy ===== */
.hero3 .rw-wrap{position:relative}
.hero3 .runway .cl rect{fill:#e6b441;opacity:.25;animation:rabbit 2.4s infinite;animation-delay:var(--d)}
.hero3 .runway .el circle{fill:#e6b441;opacity:.35;animation:edge 3s infinite;animation-delay:var(--d)}
@keyframes rabbit{0%,100%{opacity:.2}8%{opacity:1}20%{opacity:.25}}
@keyframes edge{0%,100%{opacity:.3}50%{opacity:.9}}
@media (prefers-reduced-motion:reduce){.hero3 .runway .cl rect,.hero3 .runway .el circle{animation:none;opacity:.7}}

/* ===== Hero Kỳ 3: máy bay lướt qua bình minh ===== */
.h3-art{position:relative;height:clamp(200px,30vw,360px);overflow:hidden}
.h3-sun{position:absolute;left:50%;bottom:-40%;width:min(720px,110vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(230,180,65,.55) 0,rgba(230,180,65,.18) 35%,transparent 65%)}
.h3-clouds i{position:absolute;height:2px;background:linear-gradient(90deg,transparent,rgba(250,250,235,.35),transparent);border-radius:2px;animation:cloud 14s linear infinite}
.h3-clouds i:nth-child(1){top:30%;width:40%;left:-40%;animation-duration:16s}
.h3-clouds i:nth-child(2){top:55%;width:28%;left:-30%;animation-duration:11s;animation-delay:-4s}
.h3-clouds i:nth-child(3){top:75%;width:50%;left:-50%;animation-duration:20s;animation-delay:-9s}
@keyframes cloud{to{transform:translateX(320%)}}
.h3-art .hplane{position:absolute;left:50%;top:18%;width:min(760px,92%);height:auto;margin:0;transform:translateX(-50%);filter:drop-shadow(0 22px 30px rgba(0,0,0,.45));animation:glide 7s ease-in-out infinite}
@keyframes glide{0%,100%{transform:translate(-50%,0) rotate(-.6deg)}50%{transform:translate(-49%,-10px) rotate(.4deg)}}
@media (prefers-reduced-motion:reduce){.h3-clouds i,.h3-art .hplane{animation:none}}

/* ===== Mô phỏng chậm chuyến ===== */
.sim-top{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:end;justify-content:space-between;margin:.4rem 0 1rem}
.sim-read b{display:block;font-family:var(--f-display);font-weight:800;font-size:clamp(2.4rem,6vw,3.8rem);line-height:1;color:var(--red);font-variant-numeric:tabular-nums}
.sim-read span{font-family:var(--f-display);font-size:.9rem;color:var(--muted)}
.sim-opts{display:grid;gap:.4rem;font-family:var(--f-display);font-size:.88rem}
.sim-opts input{accent-color:var(--red);width:18px;height:18px;vertical-align:-3px;margin-right:.4rem}
.sim-range{position:relative;padding-bottom:1.6rem}
.sim-range input,.ow-side input[type=range]{width:100%;accent-color:var(--red);height:28px}
.sim-ticks{position:absolute;left:0;right:0;bottom:0;height:1.2rem;margin-inline:8px}
.sim-ticks .tk{position:absolute;left:var(--x);transform:translateX(-50%);font-family:var(--f-display);font-size:.75rem;font-weight:700;color:var(--muted)}
.rts{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.6rem}
.rt{background:var(--paper);border:1px solid var(--rule);border-left:4px solid var(--rule);padding:.8rem .9rem;display:grid;gap:.2rem;opacity:.42;filter:grayscale(1);transition:all .35s}
.rt.on{opacity:1;filter:none;border-left-color:var(--gold-hi);box-shadow:0 6px 18px rgba(0,53,61,.12);transform:translateY(-2px)}
.rt.na{display:none}
.rt-t{font-family:var(--f-display);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.rt b{font-family:var(--f-display);font-size:1rem}
.rt-d{font-size:.88rem;line-height:1.5;color:var(--muted)}

/* ===== Scrolly Luật ===== */
.sc-law .sc-graphic{place-items:center}
.lawdoc{position:relative;width:min(380px,74vw);aspect-ratio:3/4}
.ld-page{position:absolute;inset:0;background:#fafaeb;color:#10262a;border-radius:4px;box-shadow:0 20px 40px rgba(0,0,0,.35);padding:8% 9%;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:3;overflow:hidden}
.ld-k{font-family:var(--f-display);font-size:.7rem;font-weight:800;letter-spacing:.2em;margin:0;color:#a8801c}
.ld-t{font-family:var(--f-display);font-weight:800;font-size:clamp(.95rem,2vw,1.25rem);line-height:1.25;margin:.6rem 0 .8rem;color:#005f6e}
.ld-lines{width:100%;display:grid;gap:7px;margin-bottom:.8rem}
.ld-lines i{display:block;height:5px;border-radius:3px;background:#d8e4e5}
.ld-lines i:nth-child(2n){width:86%} .ld-lines i:nth-child(3n){width:72%}
.ld-rail{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:4px;text-align:left}
.ld-rail li{font-family:var(--f-display);font-size:.72rem;font-weight:700;color:#9fb5b7;padding-left:1.1rem;position:relative;transition:color .3s}
.ld-rail li::before{content:"";position:absolute;left:0;top:.35em;width:8px;height:8px;border-radius:50%;border:2px solid #9fb5b7;transition:all .3s}
.ld-rail li.done{color:#005f6e}.ld-rail li.done::before{background:#e6b441;border-color:#e6b441}
.ld-count{margin-top:auto;display:grid;font-family:var(--f-display)}
.ld-count b{font-size:2rem;font-weight:800;color:#005f6e;line-height:1}
.ld-count span{font-size:.7rem;color:#52666a}
.ld-stamp{position:absolute;right:6%;bottom:20%;border:3px solid #005f6e;color:#005f6e;background:rgba(230,180,65,.18);border-radius:8px;padding:.35rem .6rem;font-family:var(--f-display);display:grid;text-align:center;transform:rotate(-12deg) scale(2.2);opacity:0;transition:all .45s cubic-bezier(.3,1.6,.5,1)}
.ld-stamp span{font-size:.55rem;font-weight:800;letter-spacing:.12em}.ld-stamp b{font-size:.9rem}
.lawdoc.s2 .ld-stamp,.lawdoc.s3 .ld-stamp,.lawdoc.s4 .ld-stamp{opacity:.9;transform:rotate(-12deg) scale(1)}
.ld-att{position:absolute;width:62%;padding:.6rem .7rem;background:#e7efee;color:#10262a;border-radius:3px;box-shadow:0 10px 24px rgba(0,0,0,.3);font-family:var(--f-display);display:grid;z-index:2;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .4s;opacity:0}
.ld-att span{font-size:.6rem;font-weight:800;letter-spacing:.15em;color:#a8801c}.ld-att b{font-size:.8rem;color:#005f6e}
.ld-a1{top:6%;left:-10%;transform:translate(30%,10%) rotate(0)} .ld-a2{top:16%;right:-12%;transform:translate(-30%,10%) rotate(0)}
.lawdoc.s3 .ld-a1,.lawdoc.s4 .ld-a1{opacity:1;transform:translate(-14%,-8%) rotate(-8deg)}
.lawdoc.s3 .ld-a2,.lawdoc.s4 .ld-a2{opacity:1;transform:translate(14%,-6%) rotate(7deg)}
.ld-eff{position:absolute;left:0;right:0;bottom:0;background:#005f6e;color:#fafaeb;font-family:var(--f-display);font-weight:800;font-size:.75rem;letter-spacing:.12em;padding:.55rem;transform:translateY(100%);transition:transform .5s}
.lawdoc.s4 .ld-eff{transform:none}

/* ===== Mô phỏng sở hữu ===== */
.ow-grid{display:grid;grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:2rem;align-items:center;margin-top:1rem}
.ow-donut{position:relative;max-width:18rem}
.ow-donut svg{display:block;width:100%;transform:rotate(-90deg)}
.d-vn{fill:none;stroke:var(--red);stroke-width:26}
.d-fr{fill:none;stroke:var(--gold-hi);stroke-width:26;stroke-dasharray:34 100;transition:stroke-dasharray .3s}
.d-th{stroke:var(--ink);stroke-width:3;transform-origin:100px 100px}
.ow-donut .d-th{transform:rotate(126deg)}
.ow-c{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-family:var(--f-display)}
.ow-c b{font-size:2.4rem;font-weight:800;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}
.ow-c span{font-size:.75rem;color:var(--muted)}
.ow-pre{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 1rem}
.ow-pre button{border:1px solid var(--rule);background:var(--paper);border-radius:999px;padding:.35rem .8rem;font-family:var(--f-display);font-size:.8rem;font-weight:700;cursor:pointer}
.ow-pre button:hover{border-color:var(--red);color:var(--red)}
.ow-st{font-family:var(--f-display);font-weight:800;font-size:1.05rem;line-height:1.4;padding:.8rem 1rem;border-left:4px solid var(--ok);background:var(--paper);margin:0 0 .8rem;transition:border-color .3s}
.ow-st.bad{border-left-color:#c0571a}
.ow-note{font-size:.88rem;color:var(--muted);margin:0}
@media (max-width:720px){.ow-grid{grid-template-columns:1fr}.ow-donut{margin-inline:auto;width:70%}}

/* ===== Thẻ lật ===== */
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.8rem;margin-top:1rem}
.flip{border:0;padding:0;background:none;cursor:pointer;perspective:900px;min-height:13rem;text-align:left}
.f-in{position:relative;display:block;width:100%;height:100%;min-height:13rem;transition:transform .7s cubic-bezier(.3,.7,.2,1);transform-style:preserve-3d}
.flip[aria-pressed="true"] .f-in{transform:rotateY(180deg)}
.f-front,.f-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:1.1rem;display:flex;flex-direction:column;gap:.5rem;border-radius:4px}
.f-front{background:#00444f;color:#fafaeb;justify-content:space-between;background-image:repeating-linear-gradient(45deg,rgba(230,180,65,.07) 0 1px,transparent 1px 22px)}
.f-front b{font-family:var(--f-display);font-size:1.05rem;line-height:1.3}
.f-front i{font-style:normal;font-family:var(--f-display);font-size:.75rem;color:var(--gold-hi)}
.f-tag{align-self:flex-start;font-family:var(--f-display);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--gold-hi);color:#00353d;padding:.2rem .5rem}
.f-back{background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-top:4px solid var(--gold-hi);transform:rotateY(180deg);font-size:.92rem;line-height:1.5}
.f-back b{font-family:var(--f-display);font-size:.8rem;color:var(--red)}
@media (prefers-reduced-motion:reduce){.f-in{transition:none}}

/* vòng 81% */
.sw-ring svg{width:92px;height:92px;transform:rotate(-90deg);margin-bottom:.4rem;display:block}
.sr-bg{fill:none;stroke:rgba(250,250,235,.15);stroke-width:10}
.sr-fg{fill:none;stroke:#e6b441;stroke-width:10;stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray 1.6s ease}
.sw-ring.on .sr-fg{stroke-dasharray:var(--p) 100}

/* ===== Scrolly nhãn ===== */
.lgbox{width:100%}
.lgbox svg{display:block;width:100%;height:auto}
.lgbox .gr line{stroke:rgba(250,250,235,.1)}
.lgbox .la{fill:none;stroke:#e6b441;stroke-width:3;stroke-dasharray:0 100;transition:stroke-dasharray 1.2s ease}
.lgbox .ld{opacity:.15;transition:opacity .6s .6s}
.lgbox .ld circle{fill:#00353d;stroke:#e6b441;stroke-width:3}
.lgbox .ld text{font-family:var(--f-display);font-weight:800;font-size:20px;fill:#fafaeb}
.lgbox .hub circle{fill:#e6b441}
.lgbox .hub .h-glow{fill:rgba(230,180,65,.25);animation:pulse 2.4s infinite;transform-origin:center;transform-box:fill-box}
.lgbox .hub text{font-family:var(--f-display);font-weight:800;font-size:20px;fill:#e6b441}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.6);opacity:.1}}
.sc-longan.s1 .la,.sc-longan.s2 .la,.sc-longan.s3 .la{stroke-dasharray:100 100}
.sc-longan.s1 .ld,.sc-longan.s2 .ld,.sc-longan.s3 .ld{opacity:1}
.lg-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:1rem}
.lgc{border-top:2px solid rgba(250,250,235,.2);padding-top:.5rem;font-family:var(--f-display);opacity:.3;transition:opacity .5s}
.lgc b{display:block;font-size:1.5rem;color:#e6b441;font-weight:800}.lgc span{font-size:.75rem;color:#b9d3d6}
.lgc.on{opacity:1;border-top-color:#e6b441}
@media (max-width:860px){.lg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.lgbox .ld text,.lgbox .hub text{font-size:30px}}

/* ===== Khay ăn ===== */
.tr-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1.6rem;align-items:center;margin-top:.8rem}
.tr-art{position:relative}
.tr-art svg{display:block;width:100%;height:auto}
.t-tray{fill:#005f6e}.t-in{fill:#0a6c7b}
.t-plate{fill:#fafaeb}.t-plate2{fill:#efeedd}
.f-lg{fill:#d9b46a;stroke:#b28a3c;stroke-width:2}.f-hl{fill:#f4e2b4}
.f-pl{fill:#7a2f4f;stroke:#5c2038;stroke-width:2}.f-st{fill:none;stroke:#5b7a34;stroke-width:3;stroke-linecap:round}
.f-nt{fill:#c79a5b;stroke:#8c6633;stroke-width:2}.f-nl{fill:none;stroke:#8c6633;stroke-width:1.5}
.f-v1{fill:#6aa84f}.f-v2{fill:#e08a3c}.f-v3{fill:#93c47d}.f-v4{fill:#c0392b;opacity:.85}
.t-card rect{fill:#fff;stroke:#e6b441;stroke-width:2}.t-card text{font-family:var(--f-display);font-size:10px;font-weight:800;fill:#005f6e}.t-card .t-c2{fill:#a8801c}
.hs{position:absolute;width:13%;aspect-ratio:1;border-radius:50%;border:0;background:none;cursor:pointer;transform:translate(-50%,-50%);padding:0}
.hs span{position:absolute;inset:0;border-radius:50%;border:3px solid #e6b441;box-shadow:0 0 0 0 rgba(230,180,65,.6);animation:hsp 2s infinite}
.hs.on span{background:rgba(230,180,65,.25);animation:none;border-width:4px}
@keyframes hsp{0%{box-shadow:0 0 0 0 rgba(230,180,65,.6)}100%{box-shadow:0 0 0 18px rgba(230,180,65,0)}}
.hs-longan{left:29.7%;top:33.3%}.hs-plum{left:74.2%;top:33.3%}.hs-nut{left:29.4%;top:70.8%}.hs-veg{left:74.2%;top:70.8%}
@media (prefers-reduced-motion:reduce){.hs span{animation:none}}
.tr-info{display:grid;gap:1rem}
.ti{background:var(--paper);padding:1.1rem 1.2rem;border-left:4px solid var(--gold-hi);animation:tiin .45s ease}
.ti h4{font-family:var(--f-display);font-weight:800;font-size:1.2rem;margin:.4rem 0}
.ti p{margin:0;font-size:.98rem;line-height:1.6}
.ti-tag{font-family:var(--f-display);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--gold-hi);color:#00353d;padding:.2rem .5rem}
.ti-tag.no{background:var(--rule);color:var(--ink)}
@keyframes tiin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tr-sum{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.tr-sum b{display:block;font-family:var(--f-display);font-weight:800;font-size:1.6rem;color:var(--red)}
.tr-sum span{font-family:var(--f-display);font-size:.78rem;color:var(--muted)}
@media (max-width:760px){.tr-grid{grid-template-columns:1fr}.hs{width:16%}}

/* ===== So sánh kéo ===== */
.cmp-box{position:relative;margin-top:1rem;min-height:15rem;overflow:hidden;border-radius:4px;user-select:none}
.cmp-a,.cmp-b{position:absolute;inset:0;padding:1.4rem 1.6rem}
.cmp-a{background:#005f6e;color:#fafaeb;clip-path:inset(0 calc(100% - var(--c)) 0 0)}
.cmp-b{background:#fafaeb;color:#10262a;clip-path:inset(0 0 0 var(--c));text-align:right;border:1px solid var(--rule)}
.cmp-a .su-h{color:#e6b441}.cmp-b .su-h{color:#a8801c}
.cmp-box ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-family:var(--f-display);font-size:1rem;font-weight:600;max-width:44%}
.cmp-b ul,.cmp-b .su-h{margin-left:auto;max-width:44%}
.cmp-h{position:absolute;top:0;bottom:0;left:var(--c);width:3px;background:#e6b441;transform:translateX(-50%);pointer-events:none}
.cmp-h span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#e6b441;color:#00353d;display:grid;place-items:center;font-weight:800;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.cmp-r{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
@media (max-width:640px){.cmp-box{min-height:0;display:grid;gap:2px}.cmp-a,.cmp-b{position:relative;inset:auto;clip-path:none;text-align:left}.cmp-box ul,.cmp-b ul,.cmp-b .su-h{max-width:none;margin-left:0}.cmp-h,.cmp-r{display:none}}

/* rank & canada & party animations */
.rankmod .rk{transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .6s}
.rankmod.fx-wait .rk{transform:translateX(120px);opacity:0}
.cbar .cb-t i{transition:width 1.2s ease}
.canada.fx-wait .cb-t i{width:0!important}
.flow li{transition:opacity .6s,transform .6s}
.party.fx-wait .flow li{opacity:0;transform:translateY(16px)}
.party .flow li:nth-child(2){transition-delay:.15s}.party .flow li:nth-child(3){transition-delay:.3s}.party .flow li:nth-child(4){transition-delay:.45s}

.sw-in b{font-size:clamp(1.8rem,3.3vw,2.8rem)}
.sw-ring{display:grid;align-content:start}

/* Hero Kỳ 3: ảnh VN-A868 ghép liền nền */
.h3-photo{position:relative;margin:1.2rem 0 0;overflow:hidden}
.h3-photo .h3-par{will-change:transform}
.h3-photo img{display:block;width:100%;height:clamp(240px,34vw,520px);object-fit:cover;object-position:center 62%;animation:kb 16s cubic-bezier(.45,.05,.55,.95) infinite alternate;transform-origin:30% 55%}
.h3-shine{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,244,214,.18) 48%,transparent 60%);background-size:250% 100%;animation:shine 9s ease-in-out 1.2s infinite}
@keyframes shine{0%{background-position:120% 0}45%,100%{background-position:-60% 0}}
@media (prefers-reduced-motion:reduce){.h3-shine{animation:none;opacity:0}}
.h3-photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#00353d 0%,rgba(0,53,61,.55) 22%,rgba(0,53,61,0) 48%),linear-gradient(0deg,rgba(0,53,61,.35),transparent 30%);pointer-events:none}
.h3-photo figcaption{position:absolute;right:12px;bottom:8px;z-index:2;font-family:var(--f-display);font-size:.7rem;color:rgba(250,250,235,.85)}
@keyframes kb{from{transform:scale(1.04) translate(1.2%,0)}to{transform:scale(1.1) translate(-1.6%,-1.2%)}}
@media (prefers-reduced-motion:reduce){.h3-photo img{animation:none}}
@media (max-width:640px){.h3-photo img{height:auto;aspect-ratio:3/2;object-position:30% 60%}.h3-photo figcaption{font-size:.6rem;left:12px;right:auto}}


/* số chương: phủ nền lên nét trong để không lộ đường chồng của phông */
.chapter .ch-n{-webkit-text-stroke:4px var(--gold-hi);paint-order:stroke fill;color:#00353d}
.chapter.light .ch-n{-webkit-text-stroke:4px var(--gold);color:var(--tint)}
/* thẻ lật: 5 thẻ căn giữa, không để ô trống */
.fgrid{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}
.fgrid .flip{flex:0 1 calc((100% - 1.6rem)/3);max-width:none}
@media (max-width:760px){.fgrid .flip{flex:1 1 100%}}
/* 81%: thanh tiến độ thẳng hàng với các con số khác */
.sw-ring svg{display:none}
.sw-ring span{border-top-color:rgba(250,250,235,.2);background:linear-gradient(#e6b441,#e6b441) 0 -1px/0% 3px no-repeat;transition:background-size 1.6s ease}
.sw-ring.on span{background-size:80% 3px}

/* dẫn lời ảnh lớn tràn khung (Kỳ 2) */
.qwide{position:relative;margin:2rem 0;background:#00353d;color:#fafaeb;min-height:clamp(380px,46vw,620px);overflow:hidden;display:grid;align-items:center}
.qw-img{position:absolute;top:0;bottom:0;right:0;width:62%;background-size:cover;background-position:58% 18%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.qwide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00353d 30%,rgba(0,53,61,0) 62%),linear-gradient(0deg,rgba(0,53,61,.55),transparent 35%);pointer-events:none}
.qw-in{position:relative;z-index:1;max-width:68rem;width:100%;margin-inline:auto;padding:clamp(2rem,5vw,3.5rem) clamp(16px,4vw,40px)}
.qwide blockquote{margin:0;max-width:30rem}
.qwide p{font-family:var(--f-display);font-weight:700;font-size:clamp(1.35rem,2.8vw,2.1rem);line-height:1.32;margin:0 0 1.2rem;text-wrap:pretty}
.qwide cite{display:grid;gap:.2rem;font-style:normal;font-family:var(--f-display);font-size:.86rem;color:#b9d3d6;border-top:2px solid var(--gold-hi);padding-top:.8rem;width:fit-content}
.qwide cite b{font-size:1.05rem;color:#fafaeb}
@media (max-width:700px){.qwide{min-height:0;display:block}.qw-img{position:relative;width:100%;height:78vw;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent);background-position:50% 20%}.qwide::after{display:none}.qw-in{margin-top:-18vw;text-align:center}.qwide blockquote{margin-inline:auto}.qwide cite{margin-inline:auto}}
/* supply static */
.su2-g{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;margin-top:1rem}
.su2-a,.su2-b{padding:1.4rem 1.5rem;border-radius:4px}
.su2-a{background:#005f6e;color:#fff}
.su2-b{background:#fbf8ea;border:1px solid #e8dfc0;color:#1d2b30}
.su2-h{font-family:var(--f-display);font-weight:800;font-size:1rem;margin:0 0 .8rem;color:#e6b441}
.su2-b .su2-h{color:#9a7414}
.su2-g ul{list-style:none;margin:0;padding:0;font-family:var(--f-display);font-size:.98rem;line-height:1.45}
.su2-g li{padding:.5rem 0;border-top:1px solid rgba(255,255,255,.16)}
.su2-b li{border-top-color:#ece4c8}
.su2-m{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:0 1rem;min-width:7.5rem}
.su2-m b{max-width:6.6rem;font-family:var(--f-display);font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:#9a7414;line-height:1.35}
.su2-line{flex:1;width:0;border-left:2px dashed #e6b441;min-height:1.5rem}
@media(max-width:700px){.su2-g{grid-template-columns:1fr}.su2-m{flex-direction:row;padding:.7rem 0}.su2-line{height:0;width:auto;min-height:0;border-left:0;border-top:2px dashed #e6b441;flex:1}.su2-m b{max-width:none}}
/* ===== v3: Chim Lạc hotspots ===== */
.chimlac h3{margin-bottom:.3rem}
.cl-fig{position:relative;margin:1rem 0 .4rem;border-radius:4px;overflow:hidden;background:#dfe9ec}
.cl-fig img{display:block;width:100%;height:auto}
.cl-dot{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:2px solid #fff;background:#005f6e;color:#fff;font:800 .9rem/1 var(--f-display);cursor:pointer;box-shadow:0 2px 10px rgba(0,40,48,.35);padding:0;display:grid;place-items:center}
.cl-dot::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(230,180,65,.9);animation:clp 2.2s ease-out infinite}
.cl-dot[aria-pressed=true]{background:#e6b441;color:#00353d}
@keyframes clp{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.5);opacity:0}}
.cl-list{list-style:none;margin:.8rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}
.cl-list li{background:var(--paper);border:1px solid var(--rule);border-top:3px solid var(--rule);padding:.7rem .75rem;transition:all .25s}
.cl-list li.on{border-top-color:#e6b441;box-shadow:0 6px 16px rgba(0,53,61,.12)}
.cl-list button{all:unset;cursor:pointer;display:flex;gap:.45rem;align-items:baseline}
.cl-n{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;border-radius:50%;background:#005f6e;color:#fff;font:800 .72rem/1 var(--f-display)}
.cl-list li.on .cl-n{background:#e6b441;color:#00353d}
.cl-list b{font-family:var(--f-display);font-size:.92rem;line-height:1.3}
.cl-list p{margin:.4rem 0 0;font-size:.86rem;line-height:1.5;color:var(--muted)}
@media(max-width:860px){.cl-list{grid-template-columns:1fr}.cl-list li p{display:none}.cl-list li.on p{display:block}.cl-dot{width:28px;height:28px;font-size:.8rem}}
@media (prefers-reduced-motion:reduce){.cl-dot::after{animation:none}}
/* ===== v3: rank buttons ===== */
.rk-btns{display:flex;flex-wrap:wrap;gap:.45rem;margin:.6rem 0 .2rem}
.rk-btns button{font:700 .85rem/1.2 var(--f-display);border:1px solid var(--rule);background:var(--paper);color:var(--ink);padding:.5rem .8rem;border-radius:999px;cursor:pointer;display:flex;gap:.4rem;align-items:baseline}
.rk-btns button b{color:#005f6e;font-size:1rem}
.rk-btns button[aria-pressed=true]{background:#005f6e;color:#fff;border-color:#005f6e}
.rk-btns button[aria-pressed=true] b{color:#e6b441}
.rkbox .rk{transition:opacity .3s}
.rkbox:not([data-on=all]) .rk{opacity:.25}
.rkbox[data-on=food] .rk[data-k=food],.rkbox[data-on=goal] .rk[data-k=goal],.rkbox[data-on=heri] .rk[data-k=heri],.rkbox[data-on=all] .rk{opacity:1}
.rkbox[data-on=all] .rk[data-k=all] circle,.rkbox[data-on=food] .rk[data-k=food] circle,.rkbox[data-on=heri] .rk[data-k=heri] circle{stroke:#e6b441;stroke-width:4}
.rk-gap{fill:rgba(230,180,65,.22)}
.rkbox:not([data-on=all]) .rk-gap{opacity:.4}
.rk-note{font-family:var(--f-display);font-size:.95rem;line-height:1.55;margin:.4rem 0 .6rem;padding:.7rem .9rem;background:var(--tint);border-left:3px solid #e6b441}
/* ===== Biểu tượng con chuột cuộn ===== */
html{scroll-behavior:smooth}
.scrollcue{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.55rem .7rem .5rem;border-radius:16px;background:rgba(0,40,48,.42);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;text-decoration:none;font:800 .62rem/1 var(--f-display,sans-serif);letter-spacing:.16em;text-transform:uppercase;transition:opacity .45s,transform .45s}
.scrollcue i{display:block;width:22px;height:34px;border:2px solid rgba(255,255,255,.9);border-radius:12px;position:relative}
.scrollcue i::after{content:"";position:absolute;left:50%;top:6px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#e6b441;animation:cue 1.8s infinite}
.scrollcue.gone{opacity:0;pointer-events:none;transform:translate(-50%,12px)}
@keyframes cue{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.scrollcue i::after{animation:none}}
.hero2 .scrollcue{position:fixed;margin:0;width:auto;height:auto;border:0;border-radius:16px;display:flex}
.hero2 .scrollcue::after{content:none}

.qw-cutout .qw-img{background-size:contain;background-repeat:no-repeat;background-position:72% 100%;top:6%;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 14%);mask-image:linear-gradient(0deg,transparent 0,#000 14%)}
.qw-cutout::after{background:linear-gradient(90deg,#00353d 34%,rgba(0,53,61,0) 58%)}
.qw-cutout .qw-img::before{content:"";position:absolute;inset:10% 10% 0 30%;background:radial-gradient(closest-side,rgba(230,180,65,.28),rgba(230,180,65,0));z-index:-1}
@media (max-width:700px){.qw-cutout .qw-img{top:0;height:86vw;background-position:50% 100%;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 22%);mask-image:linear-gradient(0deg,transparent 0,#000 22%)}.qw-cutout .qw-in{margin-top:-10vw}}

.qport cite,.qwide cite{width:auto;max-width:36rem}

.h3-photo img{height:auto;aspect-ratio:1600/576;object-fit:cover;object-position:center 60%;transform-origin:50% 62%;animation-name:kb3}
@keyframes kb3{from{transform:scale(1.01)}to{transform:scale(1.045) translate(-.8%,0)}}
.h3-photo::before{background:linear-gradient(180deg,#00353d 0%,rgba(0,53,61,.4) 12%,rgba(0,53,61,0) 30%)}
@media (max-width:640px){.h3-photo img{aspect-ratio:16/10;object-position:22% 62%}}

h1,h2,h3,.qport p,.qwide p,blockquote p{text-wrap:balance}

.chapter h2 .cl{display:inline-block}
.h3-photo .h3-par{transform:none!important}
@media (max-width:640px){.h3-photo img{aspect-ratio:1600/576;object-position:center}}
@media (max-width:640px){.h3-photo figcaption{position:relative;right:auto;bottom:auto;left:auto;display:block;padding:6px 16px;background:#00353d;text-align:right}}

.yt{margin:2rem auto;max-width:56rem}
.yt-box{position:relative;aspect-ratio:16/9;background:#00353d;border-radius:4px;overflow:hidden;box-shadow:0 14px 40px rgba(0,53,61,.25)}
.yt-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-poster{position:absolute;inset:0;width:100%;border:0;padding:0;cursor:pointer;background-size:cover;background-position:center;color:#fafaeb;display:grid;place-items:center}
.yt-poster::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,53,61,.25),rgba(0,53,61,.82))}
.yt-play{position:relative;width:clamp(64px,10vw,92px);aspect-ratio:1;border-radius:50%;background:var(--gold-hi);display:grid;place-items:center;box-shadow:0 0 0 0 rgba(230,180,65,.55);animation:ytp 2.4s ease-out infinite;transition:transform .2s}
.yt-play svg{width:42%;fill:#00353d;margin-left:8%}
.yt-poster:hover .yt-play,.yt-poster:focus-visible .yt-play{transform:scale(1.08)}
.yt-t{position:absolute;left:clamp(16px,3vw,28px);bottom:clamp(14px,3vw,24px);right:16px;text-align:left;font-family:var(--f-display);font-weight:800;font-size:clamp(1.05rem,2.4vw,1.6rem);line-height:1.2}
.yt-t small{display:block;font-size:.62em;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:.3rem}
.yt figcaption{font-family:var(--f-display);font-size:.8rem;color:var(--muted);margin-top:.6rem;padding:0 4px}
.yt-out{color:#006885;font-weight:700;white-space:nowrap;text-decoration:none;margin-left:.3rem}
@keyframes ytp{0%{box-shadow:0 0 0 0 rgba(230,180,65,.55)}100%{box-shadow:0 0 0 22px rgba(230,180,65,0)}}
@media (prefers-reduced-motion:reduce){.yt-play{animation:none}}
@media (max-width:640px){.yt-poster{place-items:start center;padding-top:9%}.yt-play{width:52px}.yt-t{font-size:1rem;bottom:12px;left:14px}.yt-t small{margin-bottom:.15rem}}

.ytm{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:16px;opacity:0;transition:opacity .25s}
.ytm.on{opacity:1}
.ytm-bg{position:absolute;inset:0;background:rgba(0,30,35,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ytm-in{position:relative;width:min(100%,980px);transform:translateY(14px) scale(.97);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.ytm.on .ytm-in{transform:none}
.ytm-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ytm-t{flex:1;margin:0;font-family:var(--f-display);font-weight:800;color:#fafaeb;font-size:clamp(1rem,2.2vw,1.3rem);border-left:3px solid var(--gold-hi);padding-left:10px}
.ytm-x{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(250,250,235,.4);background:rgba(250,250,235,.08);color:#fafaeb;font-size:28px;line-height:1;cursor:pointer}
.ytm-x:hover{background:var(--gold-hi);color:#00353d}
.ytm-v{position:relative;aspect-ratio:16/9;background:#000;border-radius:4px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.ytm-v iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ytm-fb{position:absolute;inset:0;display:grid;place-content:center;gap:.6rem;text-align:center;padding:24px;background:#00353d;color:#fafaeb;font-family:var(--f-display)}
.ytm-fb b{font-size:1.1rem;color:var(--gold-hi)}.ytm-fb span{font-size:.9rem;max-width:34rem;line-height:1.5;color:#cfe0e2}
.ytm-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:12px}
.ytm-bar a,.ytm-bar button{font-family:var(--f-display);font-weight:700;font-size:.88rem;padding:.6rem 1rem;border-radius:999px;border:1px solid rgba(250,250,235,.4);color:#fafaeb;background:transparent;text-decoration:none;cursor:pointer;min-height:44px}
.ytm-bar a{background:var(--gold-hi);color:#00353d;border-color:var(--gold-hi)}
html.ytm-lock{overflow:hidden}
@media (max-width:640px){.ytm{padding:12px}.ytm-bar{justify-content:center}}
.ytm[hidden]{display:none!important}

.pf-full .pf-img img{height:auto;aspect-ratio:1536/862;object-position:50% 0}
@media (max-width:600px){.pf-full .pf-img img{aspect-ratio:4/3;object-position:42% 0}}
.ytm-in{width:min(100%,980px,calc((100vh - 170px)*16/9))}@supports (height:100dvh){.ytm-in{width:min(100%,980px,calc((100dvh - 170px)*16/9))}}

.yt-audio{background:radial-gradient(120% 90% at 80% 20%,#0a6b78 0,#00353d 55%,#002329 100%)!important}
.yt-audio::before{background:repeating-linear-gradient(45deg,rgba(230,180,65,.06) 0 1px,transparent 1px 26px),repeating-linear-gradient(-45deg,rgba(230,180,65,.06) 0 1px,transparent 1px 26px)!important}
.yt-wave{position:absolute;left:8%;right:8%;top:50%;height:34%;transform:translateY(-50%);display:flex;align-items:center;gap:1.2%;opacity:.55}
.yt-wave i{flex:1;background:var(--gold-hi);border-radius:3px;animation:ytw 1.6s ease-in-out calc(var(--d) * -.11s) infinite alternate}
@keyframes ytw{to{transform:scaleY(.35)}}
@media (prefers-reduced-motion:reduce){.yt-wave i{animation:none}}

.tr-photo img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 12px 30px rgba(0,53,61,.18)}
.tr-photo .hs{width:21%}
.tr-photo .hs-longan{left:35.7%;top:21%}
.tr-photo .hs-plum{left:60.2%;top:23.5%}
.tr-photo .hs-nut{left:64%;top:57%}
.tr-photo .hs-veg{left:30.5%;top:61%}
.tr-photo .hs{width:23%}.tr-photo .hs-veg{left:37%;top:59%}

@property --x{syntax:'<percentage>';inherits:true;initial-value:50%}
@property --y{syntax:'<percentage>';inherits:true;initial-value:50%}
@property --w{syntax:'<percentage>';inherits:true;initial-value:20%}
@property --h{syntax:'<percentage>';inherits:true;initial-value:20%}
.tr-photo{overflow:hidden;border-radius:6px;transition:--x .55s cubic-bezier(.3,.8,.3,1),--y .55s cubic-bezier(.3,.8,.3,1),--w .55s,--h .55s}
.tr-photo .hs{width:auto;aspect-ratio:auto;border-radius:50%;z-index:3;display:grid;place-items:end center}
.tr-photo .hs span{display:none}
.tr-photo .hs em{font-style:normal;font-family:var(--f-display);font-weight:700;font-size:clamp(.55rem,1.4vw,.72rem);letter-spacing:.02em;color:#00353d;background:rgba(250,250,235,.92);padding:.18em .6em;border-radius:999px;transform:translateY(55%);box-shadow:0 2px 8px rgba(0,0,0,.18);transition:background .3s,color .3s;white-space:nowrap}
.tr-photo .hs.on em{background:var(--gold-hi);color:#00353d}
.tr-photo .hs:hover em,.tr-photo .hs:focus-visible em{background:var(--gold-hi)}
.tr-spot{position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(0,30,36,.5);opacity:0;transition:opacity .4s;
 -webkit-mask:radial-gradient(calc(var(--w)*.56) calc(var(--h)*.56) at var(--x) var(--y),transparent 82%,#000 100%);mask:radial-gradient(calc(var(--w)*.56) calc(var(--h)*.56) at var(--x) var(--y),transparent 82%,#000 100%)}
.tr-glow{position:absolute;z-index:2;pointer-events:none;left:var(--x);top:var(--y);width:calc(var(--w)*1.02);height:calc(var(--h)*1.02);transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 2px rgba(230,180,65,.95),0 0 26px 6px rgba(230,180,65,.55);opacity:0;transition:opacity .4s}
.tr-photo.lit .tr-spot,.tr-photo.lit .tr-glow{opacity:1}
@media (prefers-reduced-motion:reduce){.tr-photo{transition:none}}

.bacho cite small{display:block;font-weight:400;font-size:.78em;opacity:.8;margin-top:.2rem;font-style:italic}
.byline{text-align:right;font-family:var(--f-display);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;margin-top:2rem!important;color:var(--red)}
.indus .in-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(1rem,3vw,2.5rem);align-items:center;margin-top:1rem}
.indus .in-stats{display:grid;gap:1.1rem}
.indus .in-s b{display:block;font-family:var(--f-display);font-weight:800;font-size:clamp(2.4rem,6vw,3.6rem);line-height:1;color:#006885;font-variant-numeric:tabular-nums}
.indus .in-s span{font-family:var(--f-display);font-size:.92rem;color:var(--muted)}
.indus .in-share{text-align:center}
.indus .in-share p{font-family:var(--f-display);font-size:.82rem;color:var(--muted);margin:.6rem 0 0}
.in-donut{--p:36.6;--a:0;position:relative;width:min(13rem,70%);aspect-ratio:1;margin:0 auto;border-radius:50%;background:conic-gradient(var(--gold-hi) calc(var(--a)*1%),#cfe0e2 0);transition:--a 1.4s cubic-bezier(.2,.7,.2,1)}
.in-donut.go{--a:var(--p)}
.in-donut::before{content:"";position:absolute;inset:18%;border-radius:50%;background:var(--paper,#fafaeb)}
.in-dc{position:absolute;inset:0;display:grid;place-content:center;font-family:var(--f-display)}
.in-dc b{font-size:clamp(1.4rem,3.4vw,2rem);font-weight:800;color:#00353d}.in-dc span{font-size:.78rem;color:var(--muted)}
@property --a{syntax:'<number>';inherits:false;initial-value:0}
.indus .in-k{font-family:var(--f-display);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#006885;margin:1.4rem 0 .5rem}
.in-air{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.45rem}
.in-air li{font-family:var(--f-display);font-weight:600;font-size:.86rem;padding:.35rem .8rem;border-radius:999px;border:1px solid #b9d3d6;background:#fff;color:#10262a}
.in-air li.vna{background:#00353d;color:#fafaeb;border-color:#00353d}
@media (max-width:720px){.indus .in-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.in-donut{transition:none}}
.in-air li{white-space:nowrap}
.indus{container-type:inline-size}
@container (min-width:820px){.in-air{flex-wrap:nowrap;gap:.6cqw;justify-content:space-between}.in-air li{font-size:min(1.42cqw,.82rem);padding:.32rem min(.75cqw,.6rem);flex:0 0 auto}}
.col p,.s-intro p,.s-sapo,.sapo,.lead{text-wrap:pretty}

/* layout audit: orphans & balance */
.qchi blockquote{max-width:none}
.qchi p{font-size:clamp(1.3rem,2.9vw,2.15rem);line-height:1.3}
.qchi p span{display:block;text-wrap:balance}
.qchi p span+span{margin-top:.35em}
li,dd,dt,figcaption,cite,td,th,.mod p,.side p,.rc p{text-wrap:pretty}
h4,.mod h3,.side h3,.mod b,.side b,.rc b,cite b,.mod-k,.side-k,.cf-k,button,.chip{text-wrap:balance}
/* layout audit: narrow-column timelines & portraits */
@media (max-width:1100px){
 html .dsteps{grid-template-columns:1fr;gap:1rem}
 html .dsteps::before{left:11px;right:auto;top:0;bottom:0;width:2px;height:auto}
 html .dsteps li{padding:0 0 0 2.4rem}
 html .ltl{grid-template-columns:1fr;gap:.9rem}
 html .ltl::before{left:7px;right:auto;top:0;bottom:0;width:3px;height:auto}
 html .ltl li{padding:0 0 0 2rem}
 html .ltl li::before{top:.15rem}
 html .lg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:601px){html .netlog li{grid-template-columns:minmax(0,10.5rem) minmax(0,1fr)}}
@media (max-width:900px){
 html .qport .qp-in{grid-template-columns:1fr;text-align:center}
 html .qp-img{width:min(72%,22rem);margin-inline:auto;order:2}
 html .qport blockquote{order:1;padding:0 0 .5rem}
 html .qport cite{margin-inline:auto}
}
html .lgc b{font-size:clamp(1.15rem,2.2vw,1.5rem);white-space:nowrap}

.ways .rgrid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.ways .wy-n{display:block;font-family:var(--f-display);font-weight:800;font-size:1.6rem;line-height:1;color:var(--gold-hi);margin-bottom:.35rem}
@media (min-width:1101px){html .dsteps[style*="--n:6"]{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:1.8rem}
html .dsteps[style*="--n:6"]::before{display:none}
html .dsteps[style*="--n:6"] li{border-top:2px solid var(--gold-hi);padding-top:2rem}
html .dsteps[style*="--n:6"] li::before{top:-12px}}
html .bar-top .brand{border-left:0!important;padding-left:0!important;margin-left:0!important}

.missions .mnote{margin:14px 0 0;font-style:italic;opacity:.85;font-size:.92em}
.statwall .sw-ring b small{font-size:.45em;font-weight:600;margin-right:.15em}
/* khoảng thở phía trên ảnh chân dung tách nền */
.qw-cutout .qw-img{top:10%}
@media (max-width:700px){.qw-cutout .qw-img{height:94vw;background-size:auto 84%;background-position:50% 100%}.qw-cutout .qw-in{margin-top:-8vw}}
@media (max-width:380px){html .q-party{letter-spacing:.06em;font-size:.64rem!important;gap:.3rem;white-space:nowrap}html .q-party .dstar{width:12px;height:12px;flex:none}}
@media (min-width:641px){.cmpmod .cmp-box{display:grid;min-height:0}.cmpmod .cmp-a,.cmpmod .cmp-b{grid-area:1/1;position:relative;inset:auto}}
/* chế độ tối: chữ số trong module ngành, xếp hạng */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .indus .in-s b,:root:not([data-theme="light"]) .indus .in-k,:root:not([data-theme="light"]) .rk-btns button b{color:#6cc4ce}:root:not([data-theme="light"]) .in-dc b{color:#fafaeb}}
:root[data-theme="dark"] .indus .in-s b,:root[data-theme="dark"] .indus .in-k,:root[data-theme="dark"] .rk-btns button b{color:#6cc4ce}:root[data-theme="dark"] .in-dc b{color:#fafaeb}

/* Bản đồ mạng bay trên mobile: chỉ hiện tên điểm đến của năm đang chọn */
@media (max-width:600px){
 html .net .dest text{font-size:21px}
 html .net .hubl{font-size:22px}
 .net .dest[data-n="bangkok"] text{transform:translate(-26px,-4px)}
 .net .dest[data-n="san-francisco"] text{transform:translate(-40px,-4px)}
 .net .dest[data-n="phuket"] text{transform:translate(34px,6px)}
 .net .dest[data-n="copenhagen"] text{transform:translate(-6px,-4px)}
 html .net .dest.dim text,html .net.net-all .dest text{display:none}
 html .net .dest.dim circle{opacity:.5}
 .net.net-all .netmap::after{content:"Chọn năm để xem tên điểm đến";display:block;text-align:center;font:600 11px/1.4 var(--f-display);color:var(--muted);margin-top:6px}
}

/* Viền nền quanh tên điểm đến để chữ không lẫn vào đường bay */
.net .dest text,.net .hubl{paint-order:stroke;stroke:var(--tint);stroke-width:4px;stroke-linejoin:round}

/* Podcast phát ngay trong khung */
.yt-box .yt-aud{position:absolute;left:4%;right:4%;bottom:6%;width:92%;z-index:3;height:44px}
.yt-box.playing .yt-play{opacity:0}
html .yt-box.playing .yt-t{bottom:auto;top:clamp(12px,3vw,22px)}
.yt-box.playing .yt-wave i{animation:ytw 1.6s ease-in-out calc(var(--d) * -.11s) infinite alternate}
@media (prefers-reduced-motion:reduce){.yt-box.playing .yt-wave i{animation:none}}
.yt-box .yt-err{position:absolute;left:4%;right:4%;bottom:calc(6% + 52px);margin:0;z-index:3;background:rgba(0,0,0,.6);color:#fafaeb;font:600 .82rem/1.4 var(--f-display);padding:.5rem .7rem;border-radius:6px}
/* Công tắc so sánh: dạng danh sách hai cột (tên kiến nghị | nội dung), cân đối với mọi số lượng thẻ */
@media (min-width:700px){
 html .tg-p ul{grid-template-columns:1fr}
 html .tg-p li{grid-template-columns:minmax(0,15rem) minmax(0,1fr);column-gap:1.6rem;align-items:baseline;padding:1rem 1.3rem;font-size:.92rem}
 html .tg-p li b{font-size:1rem}
}

/* Khối có thẻ chuyển (gộp hai box cùng chủ đề) */
.tabset{max-width:var(--wide);margin-inline:auto;background:var(--tint);border-top:3px solid var(--red);padding:clamp(1rem,3vw,1.6rem) clamp(1.2rem,3.4vw,2.2rem) 0}
.tab-l{display:flex;gap:.4rem;flex-wrap:wrap;margin:0 0 .7rem}
.tab-l button{border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:999px;padding:.5rem 1rem;font:700 .86rem/1.2 var(--f-display);cursor:pointer}
.tab-l button[aria-selected="true"]{background:var(--red);border-color:var(--red);color:var(--on-brand)}
html .tabset .tab-p>.mod{margin:0;padding:.6rem 0 clamp(1.2rem,3.4vw,2.2rem);border-top:0;background:transparent}
.tab-l{border-bottom:1px solid var(--rule);padding-bottom:.9rem}
/* Trích dẫn nằm trong cột chữ: nhẹ hơn dải trích dẫn tràn màn hình */
.col blockquote.pull{margin:1.8rem 0;padding:.2rem 0 .2rem 1.3rem;border-left:4px solid var(--gold)}
.col blockquote.pull p{font-family:var(--f-display);font-weight:700;font-size:clamp(1.12rem,2.1vw,1.35rem);line-height:1.42;margin:0 0 .5rem;color:var(--ink)}
.col blockquote.pull cite{font-family:var(--f-display);font-style:normal;font-size:.82rem;color:var(--muted)}
.col blockquote.pull-chi p{margin:0}
/* Box 2 Nghị quyết 80 gộp vào khối xếp hạng */
.rk-nq{border-bottom:1px solid var(--rule);padding-bottom:1.1rem;margin-bottom:1.3rem}
.rk-nq .mod-k{margin-bottom:.6rem}
.rk-nq-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:1.4rem;align-items:start}
.rk-nq .nq-q{font-family:var(--f-body);font-size:clamp(1.1rem,2vw,1.3rem);font-weight:600;line-height:1.5;margin:0 0 .4rem;color:var(--ink)}
.rk-nq .nq-d{font-family:var(--f-display);font-size:.8rem;color:var(--muted);margin:0}
.rk-nq ul{margin:0;padding-left:1.1rem;display:grid;gap:.35rem;font-family:var(--f-display);font-size:.86rem;line-height:1.45}
@media (max-width:700px){.rk-nq-g{grid-template-columns:1fr;gap:.8rem}}
/* Điện thoại: khối dài thu gọn, chạm để mở */
.fold-box{position:relative;max-height:min(78vh,620px);overflow:hidden}
.fold-box::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(237,244,243,0),var(--tint) 85%);pointer-events:none}
.fold-btn{display:block;margin:.6rem auto 0;border:1px solid var(--red);background:var(--paper);color:var(--red);border-radius:999px;padding:.55rem 1.2rem;font:700 .86rem/1.2 var(--f-display);cursor:pointer}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .fold-box::after{background:linear-gradient(rgba(18,36,39,0),var(--tint) 85%)}}
:root[data-theme="dark"] .fold-box::after{background:linear-gradient(rgba(18,36,39,0),var(--tint) 85%)}

/* ===== Kỳ 2 bố cục v3 ===== */
/* Podcast gọn trong cột chữ */
.pod-mini{margin:1.8rem 0;max-width:none}
html .pod-mini .yt-box{aspect-ratio:auto;border-radius:10px;box-shadow:0 8px 24px rgba(0,53,61,.18);display:flex;flex-direction:column}
html .pod-mini .yt-poster{position:relative;inset:auto;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:1rem;padding:1rem 1.2rem;min-height:92px;text-align:left;place-items:center start}
html .pod-mini .yt-play{width:56px;flex:none}
html .pod-mini .yt-t{position:relative;inset:auto;left:auto;bottom:auto;right:auto;font-size:1.08rem;z-index:1}
html .pod-mini .yt-t small{opacity:1}
html .pod-mini .yt-wave{left:auto;right:1.2rem;width:22%;height:44%;opacity:.45}
@media (max-width:900px){html .pod-mini .yt-wave{display:none}}
html .pod-mini .yt-box .yt-aud{position:relative;left:auto;right:auto;bottom:auto;width:calc(100% - 2rem);margin:0 1rem 1rem}
html .pod-mini .yt-box.playing .yt-t{top:auto}
html .pod-mini .yt-box.playing .yt-play{opacity:.35}
html .pod-mini .yt-box .yt-err{position:relative;left:auto;right:auto;bottom:auto;margin:0 1rem 1rem}
@media (max-width:600px){html .pod-mini .yt-wave{display:none}}
/* Công cụ quyền lợi: điểm mới của Luật */
.sim2 .sim-ticks .tk-new{color:var(--gold)}
.sim-diff{margin:.4rem 0 0;padding:.75rem 1rem;border-left:4px solid var(--gold-hi);background:var(--paper);font-family:var(--f-display);font-size:.92rem;line-height:1.5;min-height:3.2rem}
.sim-diff b{color:var(--red)}
.rt .rt-badge{display:none;font-style:normal;font-family:var(--f-display);font-size:.72rem;font-weight:800;letter-spacing:.04em;color:#00353d;background:var(--gold-hi);padding:.15rem .5rem;border-radius:3px;justify-self:start;margin-top:.2rem}
.rt.rt-new.on .rt-badge{display:inline-block}
.sim-more{font-family:var(--f-display);font-size:.86rem;line-height:1.5;color:var(--muted);margin:1rem 0 0}
.sim-more b{color:var(--ink)}
/* Dải mốc thời gian trong cột chữ */
.lawstrip{margin:1.8rem 0;padding:0}
.lawstrip ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.lawstrip ol::before{content:"";position:absolute;left:6px;right:6px;top:6px;height:2px;background:var(--rule)}
.lawstrip li{position:relative;padding:1.2rem .5rem 0 0;font-family:var(--f-display);display:grid;gap:.15rem;align-content:start}
.lawstrip li::before{content:"";position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--paper);border:3px solid var(--red);box-sizing:border-box}
.lawstrip li.hl::before{background:var(--gold-hi);border-color:var(--gold-hi)}
.lawstrip b{font-size:.82rem;color:var(--red);line-height:1.3}
.lawstrip span{font-size:.74rem;line-height:1.4;color:var(--muted)}
@media (max-width:600px){.lawstrip ol{grid-template-columns:1fr;gap:.7rem}.lawstrip ol::before{left:6px;right:auto;top:4px;bottom:4px;width:2px;height:auto}.lawstrip li{padding:0 0 0 1.6rem}}
/* Nhóm chính sách: dòng biểu tượng */
.polrow{margin:1.8rem 0;padding:1rem 0;border-block:1px solid var(--rule)}
.polrow figcaption{font-family:var(--f-display);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin:0 0 .8rem}
.polrow ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem}
.polrow li{display:grid;gap:.25rem;align-content:start;font-family:var(--f-display)}
.polrow svg{width:26px;height:26px;fill:var(--gold)}
.polrow b{font-size:.82rem;line-height:1.3}
.polrow span{font-size:.74rem;line-height:1.4;color:var(--muted)}
@media (max-width:700px){.polrow ul{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.polrow ul{grid-template-columns:1fr}.polrow li{grid-template-columns:30px 1fr;column-gap:.6rem}.polrow svg{grid-row:span 2}}
/* Ghi chú lề dạng danh sách mở từng mục */
.side-steps h4{font-size:1rem}
.sst{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:0}
.sst li{counter-increment:s;border-top:1px solid var(--rule)}
.sst summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1.6rem 1fr;gap:.4rem;padding:.5rem 0;align-items:baseline}
.sst summary::-webkit-details-marker{display:none}
.sst summary::before{content:counter(s,decimal-leading-zero);font-weight:800;color:var(--gold);font-size:.8rem}
.sst summary b{font-size:.86rem;line-height:1.35}
.sst details[open] summary b{color:var(--red)}
.sst details span{display:block;padding:0 0 .6rem 2rem;font-size:.8rem;line-height:1.5;color:var(--ink)}
.sst-hint{font-size:.72rem;color:var(--muted);margin:-.2rem 0 .5rem!important}
.side-steps .side-src{margin:.7rem 0 0!important;padding-top:.6rem;border-top:1px solid var(--rule)}
@media (min-width:1280px) and (max-width:1439px){html .side{right:-17.5rem;width:15rem;font-size:.84rem}}
@media (min-width:1600px){html .side{right:-20rem;width:17rem}}
/* Kỳ 2: tiết chế hiệu ứng, tít xen một kiểu, box nền sáng */
.fx-pre{opacity:1!important;transform:none!important}
.chapter .ch-n{transform:none!important}
.chapter,.chapter.light,.chapter.party{background-color:#00353d;color:#fafaeb;border-top:0}
.chapter .ch-n,.chapter.light .ch-n{-webkit-text-stroke-color:var(--gold-hi);color:#00353d}
.chapter .ch-ic,.chapter.light .ch-ic{stroke:var(--gold-hi)}
.chapter.party::before{display:none}
/* Box 2 nền sáng, phân biệt với tít xen */
.qbox{background:var(--tint);color:var(--ink);border-top:3px solid var(--red);margin-inline:auto;max-width:calc(var(--wide) + 2*clamp(16px,4vw,40px))}
.qbox .mod-k{color:var(--red)}
.qbox blockquote p{color:var(--ink)}
.qbox cite{color:var(--muted)!important}
.qbox summary{color:var(--red)}
.qbx-cols p{color:var(--ink)}
/* khối Đảng ủy, dải số: nền sáng */
.party{background:var(--tint);color:var(--ink);border-top-color:var(--gold-hi)}
.party .mod-k{color:var(--gold)}
.party .flow{background:var(--rule)}
.party .flow li{background:var(--paper)}
.party .flow b{color:var(--red)}
.party .flow span{color:var(--ink)}
.statwall{background:var(--tint);color:var(--ink);background-image:none;border-block:1px solid var(--rule)}
.statwall .sw-in b{color:var(--red)}
.statwall .sw-in span{color:var(--muted);border-top-color:var(--rule)}
/* các góc nhìn: danh sách tĩnh */
.vlist{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:1px;background:var(--rule)}
.vlist li{background:var(--paper);display:grid;grid-template-columns:8rem minmax(0,14rem) minmax(0,1fr);gap:1rem;align-items:baseline;padding:.9rem 1rem}
.vs{font-family:var(--f-display);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#00353d;background:var(--gold-hi);padding:.2rem .5rem;justify-self:start}
.vlist b{font-family:var(--f-display);font-size:.95rem}
.vlist p{margin:0;font-size:.95rem;line-height:1.55}
@media (max-width:700px){.vlist li{grid-template-columns:1fr;gap:.35rem}}
.series .in{padding-block:1.2rem}
.series .eps{margin-top:0}
.qband.dark.qbox{background:var(--tint);color:var(--ink);background-image:none}
.fx-wait .flow li,.party.fx-wait .flow li{opacity:1!important;transform:none!important}
.qbox .mod-k{font-size:.72rem!important;font-weight:800;letter-spacing:.14em;line-height:1.4;margin:0 0 .8rem}
.qbox blockquote p{font-size:clamp(1.1rem,2.2vw,1.45rem)}

.bualiem{display:block;flex:none}
.dflow .dk .bualiem{height:24px;width:auto}
.df-star .bualiem{height:44px;width:auto;margin:.2rem auto}
/* ===== Tính đảng ===== */
.dstar{width:20px;height:20px;fill:var(--gold-hi);flex:none}
.epi{max-width:46rem;margin:1.6rem auto 0;padding:1.2rem 1.4rem 1.1rem;border-top:2px solid var(--gold-hi);border-bottom:2px solid var(--gold-hi);text-align:center;display:grid;justify-items:center;gap:.5rem}
.epi-q{margin:0;font-family:var(--f-body);font-style:italic;font-weight:600;font-size:clamp(1.02rem,1.7vw,1.2rem);line-height:1.6}
.epi-s{margin:0;font-family:var(--f-display);font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--gold-hi)}
.k-head .epi .epi-s{color:var(--gold)} .k-head .epi .dstar{fill:var(--gold)}
.k-head .epi{margin-bottom:1.6rem}
.k-head .in{border-bottom:0!important;padding-bottom:0}
.nqtag{display:block;font-family:var(--f-display);font-size:.72rem;font-weight:700;letter-spacing:.04em;opacity:.85;margin-top:.15rem}
.dflow{background:var(--tint);border-top:4px solid var(--gold-hi)}
.dflow .dk{display:flex;align-items:center;gap:.45rem;color:var(--gold)}
.dflow .dk .dstar{width:16px;height:16px;fill:var(--gold-hi)}
.dflow h3{font-family:var(--f-display);font-weight:800;font-size:clamp(1.2rem,2.4vw,1.55rem);margin:.35rem 0 1.2rem}
.dsteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:0;position:relative}
.dsteps::before{content:"";position:absolute;left:0;right:0;top:11px;height:2px;background:var(--gold-hi)}
.dsteps li{position:relative;padding:2rem .8rem 0 0;display:grid;gap:.3rem;align-content:start}
.dsteps li::before{content:"";position:absolute;left:0;top:0;width:24px;height:24px;background:var(--gold-hi);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.dsteps b{font-family:var(--f-display);font-weight:800;font-size:1.15rem;color:var(--red);line-height:1.2}
.dsteps .nw{white-space:nowrap}
.dsteps span{font-family:var(--f-display);font-size:.84rem;line-height:1.45;color:var(--ink)}
@media (max-width:760px){.dsteps{grid-template-columns:1fr;gap:1rem}.dsteps::before{left:11px;right:auto;top:0;bottom:0;width:2px;height:auto}.dsteps li{padding:0 0 0 2.4rem}}
.q-party{display:flex;align-items:center;gap:.45rem;margin:0 0 .6rem!important;font-family:var(--f-display);font-size:.72rem!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);line-height:1.4!important}
.q-party .dstar{width:16px;height:16px}
@media (max-width:700px){.qport .q-party,.qwide .q-party{justify-content:center}}
footer.dfoot{display:grid;justify-items:center;gap:.35rem}
.df-star{margin:0}.df-star .dstar{width:26px;height:26px}
.df-nq{color:#e6b441;font-weight:600;max-width:40rem}

.bacho{position:relative;overflow:hidden;margin:2rem 0;padding:clamp(2.4rem,6vw,4.5rem) clamp(16px,4vw,40px);background:var(--paper);background-image:repeating-radial-gradient(circle at 18% 35%,transparent 0 46px,rgba(0,95,110,.10) 47px 48px,transparent 49px 60px);border-block:1px solid var(--rule)}
.bh-in{position:relative;max-width:52rem;margin-inline:auto}
.bh-lead{font-family:var(--f-display);font-size:clamp(.95rem,1.5vw,1.08rem);line-height:1.6;color:var(--ink);margin:0 0 1.2rem;max-width:44rem}
.bacho blockquote{margin:0}
.bacho blockquote p{font-family:var(--f-display);font-weight:700;font-size:clamp(1.5rem,3.6vw,2.6rem);line-height:1.28;color:#005f6e;margin:0 0 1rem;text-wrap:pretty}
.bacho cite{display:inline-block;font-style:normal;font-family:var(--f-display);font-weight:800;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);border-top:2px solid var(--gold-hi);padding-top:.6rem}

.bacho.bh-photo{position:relative;overflow:hidden;background:#f3eee2!important;background-image:none!important;padding:0!important;margin-top:.6rem!important;border:0!important;isolation:isolate}
.bh-photo .bh-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.bh-photo .lotus{position:absolute;inset:0;width:100%;height:100%;display:block}
.bh-photo .bh-bg::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}
.bh-photo .senfl{position:absolute;z-index:2;bottom:0;display:block;overflow:visible;filter:drop-shadow(0 6px 14px rgba(120,40,60,.12))}
.bh-photo .bh-in{position:relative;max-width:none!important;margin:0!important}
.bh-photo blockquote p{color:#00505d!important;font-weight:700}
.bh-photo cite{background:none}
.bh-credit{position:absolute;right:12px;bottom:8px;font:600 .7rem/1 var(--f-display);color:#fff;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.55)}
@media(min-width:860px){
.bacho.bh-photo{min-height:clamp(380px,33vw,440px);display:flex;align-items:center}
.bh-photo .bh-bg::before{background:linear-gradient(90deg,rgba(249,248,239,.88) 0%,rgba(249,248,239,.7) 45%,rgba(249,248,239,.1) 70%,rgba(249,248,239,0) 100%)}
.bh-photo .bh-in{width:60%;padding:clamp(1.8rem,3vw,2.6rem) 0 clamp(1.8rem,3vw,2.6rem) clamp(2rem,6vw,5.5rem)}
.bh-photo blockquote p{font-size:clamp(1.4rem,2.32vw,2.08rem)!important;line-height:1.24!important}
.bh-photo .senfl{right:11%;height:clamp(300px,30vw,380px);width:auto;aspect-ratio:369/538}
}
@media(max-width:859px){
.bh-photo .bh-in{padding:1.7rem clamp(16px,4vw,40px) 340px}
.bh-photo .bh-bg::before{background:linear-gradient(180deg,#f9f8ef 0%,rgba(249,248,239,.85) 50%,rgba(249,248,239,.15) 78%,rgba(249,248,239,0) 100%)}
.bh-photo blockquote p{font-size:clamp(1.16rem,4.8vw,1.52rem)!important;line-height:1.25!important}
.bh-photo .senfl{right:10%;height:322px;width:auto;aspect-ratio:369/538}
}
.lotus .kb{transform-box:view-box;transform-origin:512px 400px;animation:senKb 24s ease-in-out infinite alternate}
@keyframes senKb{from{transform:scale(1)}to{transform:scale(1.05)}}
.senfl .flw{transform-box:view-box;animation:senSw 4.6s ease-in-out infinite alternate}
@keyframes senSw{0%{transform:rotate(-2.2deg)}35%{transform:rotate(.4deg) skewX(.5deg)}70%{transform:rotate(1.6deg)}100%{transform:rotate(2.4deg) skewX(-.4deg)}}
.lotus .bok circle{fill:#fff6cf;opacity:0;transform-box:fill-box;animation:senBok 10s linear infinite}
@keyframes senBok{0%{opacity:0;transform:translate(0,0)}15%{opacity:.75}85%{opacity:.5}100%{opacity:0;transform:translate(40px,-260px)}}
@media (prefers-reduced-motion:reduce){.lotus *,.senfl *{animation:none!important}}

/* ===== Điểm nhấn ===== */
.hlbox{background:#00353d;color:#fafaeb;padding:clamp(28px,5vw,48px) clamp(16px,4vw,40px)}
.hl-in{max-width:1080px;margin:0 auto}
.hl-k{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;font-family:var(--f-display);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#e6b441}
.hl-rt{letter-spacing:.06em;color:#bcd3d4;font-weight:600;text-transform:none;font-size:.85rem}
.hl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hlc{border-top:3px solid #e6b441;background:rgba(250,250,235,.06);padding:18px 18px 16px;border-radius:2px}
.hlc b{display:block;font-family:var(--f-display);font-weight:800;font-size:clamp(1.5rem,3.2vw,2.2rem);line-height:1.1;color:#fafaeb;margin-bottom:8px}
.hlc p{margin:0;font-size:1rem;line-height:1.5;color:#dce8e8}
@media (max-width:760px){.hl-grid{grid-template-columns:1fr;gap:10px}.hlc{padding:14px 16px}.hlc b{font-size:1.45rem;margin-bottom:6px}.hlc p{font-size:.98rem}}
/* ===== Trắc nghiệm ===== */
.quiz .qz-list{display:grid;gap:18px;margin-top:8px}
.quiz{--qk:#8a6a12;--qno-bg:#fbeaea;--qno-bd:#d9a3a3;--qno-fg:#7a2a2a}
.qz-q{background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-left:4px solid var(--red);padding:16px 18px;border-radius:2px}
.qz-n{margin:0 0 4px;font-family:var(--f-display);font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--qk);text-transform:uppercase}
.qz-t{margin:0 0 12px;font-family:var(--f-display);font-weight:700;font-size:1.05rem;line-height:1.4;color:var(--ink)}
.qz-os{display:grid;gap:8px}
.qz-o{font:inherit;text-align:left;padding:12px 14px;min-height:44px;border:1px solid var(--rule);background:var(--tint);border-radius:3px;cursor:pointer;color:var(--ink);transition:background .2s,border-color .2s}
.qz-o:hover:not([disabled]){border-color:var(--red)}
.qz-o.ok{background:#005f6e;border-color:#005f6e;color:#fafaeb}
.qz-o.no{background:var(--qno-bg);border-color:var(--qno-bd);color:var(--qno-fg)}
.qz-o[disabled]{cursor:default}
.qz-ex{margin:12px 0 0;font-size:.98rem;line-height:1.55;color:var(--muted)}
.qz-sc{margin:16px 0 0;font-family:var(--f-display);font-weight:800;font-size:1.1rem;color:var(--red)}
/* ===== Chia sẻ ===== */
.sharebar{padding:28px clamp(16px,4vw,40px);border-top:1px solid var(--rule)}
.sb-in{max-width:760px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.sb-in p{margin:0;font-family:var(--f-display);font-weight:800;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.sb-btns{display:flex;flex-wrap:wrap;gap:8px}
.sb-b,.qs-b{font-family:var(--f-display);font-weight:700;font-size:.85rem;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid var(--red);background:var(--paper);color:var(--red);cursor:pointer}
.sb-b:hover,.qs-b:hover{background:var(--red);color:var(--paper)}
.qs-wrap{display:block;margin-top:22px;line-height:1}
.qs-b{display:inline-flex;align-items:center;gap:6px;margin-top:0;font-size:.78rem;min-height:40px;padding:8px 14px;background:transparent;border-color:currentColor;color:inherit;opacity:.9}
.dark .qs-b,.qwide .qs-b{color:#e6b441}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:#00353d;color:#fafaeb;padding:10px 16px;border-radius:4px;font-family:var(--f-display);font-size:.88rem;opacity:0;pointer-events:none;transition:.25s;z-index:99}
.toast.on{opacity:1;transform:translate(-50%,0)}
html.embed-auto .toast{position:absolute;top:20px;bottom:auto}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .quiz{--qk:#efc865;--qno-bg:rgba(217,90,90,.16);--qno-bd:rgba(217,120,120,.5);--qno-fg:#f2b8b8}}
:root[data-theme="dark"] .quiz{--qk:#efc865;--qno-bg:rgba(217,90,90,.16);--qno-bd:rgba(217,120,120,.5);--qno-fg:#f2b8b8}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@supports (height:100svh){.sc-graphic{height:min(calc(100svh - 48px),720px)}}
.scrollcue{bottom:calc(18px + env(safe-area-inset-bottom))}
/* Nhúng iframe tự giãn chiều cao: bỏ mọi kích thước theo vh để tránh vòng lặp chiều cao */
html.embed-auto .hero2{min-height:640px}
html.embed-auto .hero2 .in,html.embed-auto .hero3 .in{padding-top:56px;padding-bottom:28px}
html.embed-auto .chapter{padding-top:48px;padding-bottom:48px}
html.embed-auto .chapter.has-bg{padding-top:96px;padding-bottom:96px}
html.embed-auto .pf-img img{height:520px}
html.embed-auto .sc-graphic{position:relative;top:auto;height:460px}
html.embed-auto .sc-steps{padding-block:24px 24px}
html.embed-auto .step{min-height:0;padding-block:20px}
html.embed-auto .scrollcue,html.embed-auto .bar-top{display:none}
@media (max-width:700px){html.embed-auto .sc-graphic{height:340px}}

/* ===== Header chung Báo Xây dựng (baoxaydung.vn) ===== */
.header {font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;font-size:14px;line-height:1.5}
.header a {text-decoration:none;outline:0}
.header a:hover {text-decoration:none}
.header ul {padding:0;margin:0;list-style:none}
.header p, .header h1, .header h2, .header h3 {margin:0}
.header img {max-width:100%;display:block}
.header input, .header select, .header textarea {outline:0}
.header button {font:inherit;color:inherit}
.header .container {width:1370px;max-width:100%;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;box-sizing:border-box}
.header {background:var(--neutral-0,#fff);min-height:113px}
.header__top-flex {display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.header__top-flex .logo {display:flex}
.header__top-middle {border-bottom:1px solid var(--neutral-30,#e8e8e8)}
.header__top-middle .container {background:var(--neutral-0,#fff)}
.header__top-right {display:flex;align-items:center}
.header__menu-box {border-bottom:1px solid var(--neutral-30,#e8e8e8);position:relative}
.header__menu-box .container {background:var(--neutral-0,#fff)}
.header__menu-list {display:flex;align-items:center;justify-content:space-between}
.header__menu-list .menu-item {color:var(--neutral-100,#282828);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:130%;display:flex;padding:12px 0}
.header__menu-list .menu-item.active {color:var(--piamry-color-100,#e81d1a)}
.header__menu-list .menu-item.active svg path {fill:var(--piamry-color-100,#e81d1a)}
.header__menu-list .menu-expand {display:flex;padding:12px 0}
.header__menu-list .menu-expand .bar-icon {display:flex;cursor:pointer}
.header__menu-list .menu-expand .bar-icon .icon-bar {display:flex}
.header__menu-list .menu-expand .bar-icon .icon-close {display:none}
.header__menu-list .menu-expand .list-menu-expand {position:absolute;top:46px;width:100%;height:100vh;max-height:0;transition:all .3s ease;overflow:hidden;background:var(--neutral-05,#f5f6f8);z-index:2;left:0}
.header__menu-list .menu-expand .list-menu-expand .container {background:var(--neutral-05,#f5f6f8)}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex {padding:24px 0 60px;display:flex;justify-content:space-between;overflow-y:auto;height:598px;scrollbar-width:thin}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left {width:calc(100% - 240px)}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top {display:flex;gap:16px;border-bottom:1px solid var(--neutral-30,#e8e8e8);padding-bottom:32px;margin-bottom:32px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top .item {width:170px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top .item .link-item {display:block;color:var(--neutral-100,#282828);font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:160%;padding-top:16px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top .item .link-item:first-child {padding-top:0;font-weight:600}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top .item .link-item:last-child {padding-bottom:0}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top .item .link-item-views {display:block;color:var(--secondary-color-100,#356fef);font-weight:600;font-family:Inter;font-size:18px;font-style:normal;line-height:160%;padding-top:16px;cursor:pointer}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-bottom {display:flex;gap:16px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-bottom .item {width:170px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-bottom .item:last-child {width:200px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-bottom .item .link-item {display:block;color:var(--neutral-100,#282828);font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:160%;padding-top:16px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-bottom .item .link-item:first-child {padding-top:0;font-weight:600}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right {width:180px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-top {border-bottom:1px solid var(--neutral-30,#e8e8e8);padding-bottom:33px;margin-bottom:16px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-top .title {color:var(--neutral-100,#282828);font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:130%}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-top .link {display:flex;align-items:center;color:var(--neutral-90,#454545);font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:130%;padding-top:16px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-top .link .icon {display:flex;margin-right:8px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-network {border-bottom:1px solid var(--neutral-30,#e8e8e8);padding-bottom:16px;margin-bottom:16px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-network .title {color:var(--neutral-100,#282828);font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:130%}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-img .img-link {display:flex;align-items:center;color:var(--neutral-100,#282828);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:130%}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-img .img-link .icon {display:flex;margin-right:8px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .item .sub-menu {width:170px;max-height:250px;overflow:hidden}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-bottom .item:last-child .sub-menu {max-height:280px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex {height:calc(100vh - 115px)}
.rgt-network a {display:inline-block}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-bottom .item:last-child .sub-menu {width:200px}
.header__menu-box {z-index:99}
.header__top-right {display: block;}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .item .sub-menu {max-height: 240px;}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top .item .link-item-views {padding-top: 8px;}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex {padding: 24px 0 60px;
            display: flex;
            justify-content: space-between;
            overflow-y: auto;
            height: calc(100vh - 115px);
            scrollbar-width: thin;}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top {display: flex;
            flex-wrap: wrap;
            gap: 16px;
            border-bottom: 1px solid var(--neutral-30, #e8e8e8);
            padding-bottom: 32px;
            margin-bottom: 32px;}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .item .sub-menu {max-height: 266px;}
.header .logo-img {width: 191px;}
button.qa-reset-btn {-webkit-appearance: none;
        appearance: none;
        background: transparent;
        border: 0;
        border-radius: 0;
        margin: 0;
        padding: 0;
        font: inherit;
        color: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        text-align: inherit;
        text-transform: none;
        white-space: inherit;
        cursor: pointer;
        box-shadow: none;}
button.qa-reset-btn.qa-btn-icon {display: inline-flex;
        align-items: center;
        justify-content: center;}
button.bar-icon {background: none;
        border: none;
        padding: 0;}
.header {background:var(--neutral-0,#fff);min-height:113px}
.header__top-flex {display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.header__top-flex .logo {display:flex}
.header__top-flex .logo img {width:191px}
.header__top-middle {border-bottom:1px solid var(--neutral-30,#e8e8e8)}
.header__top-middle .container {background:var(--neutral-0,#fff)}
.header__top-right .flex-b {display:flex;align-items:center;justify-content:end;margin-top:8px}
.header__top-right .flex-b .item-b {display:block;color:var(--Xanh-2,#005495);font-family:Inter;font-size:13px;font-style:normal;font-weight:700;line-height:150%;text-transform:uppercase;border-right:1px solid var(--Neutral-30,#e8e8e8);padding-right:8px;margin-right:8px}
.header__top-right .flex-b .item-b:last-child {border-right:0;padding-right:0;margin-right:0}
.header__menu-box {border-bottom:1px solid var(--neutral-30,#e8e8e8);position:relative}
.header__menu-box .container {background:var(--neutral-0,#fff)}
.header__menu-box.sticky_header {position:fixed;top:0;left:0;width:100%;z-index:9999;background:var(--neutral-0,#fff)}
.header__menu-list {display:flex;align-items:center;justify-content:space-between}
.header__menu-list .menu-item {color:var(--neutral-100,#282828);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:130%;display:flex;padding:12px 0}
.header__menu-list .menu-item.active {color:#004c98}
.header__menu-list .menu-item.active svg path {fill:#004c98}
.header__menu-list .menu-item:hover {color:#004c98}
.header__menu-list .menu-item:hover svg path {fill:#004c98}
.header__menu-list .menu-item svg path {fill:#004c98}
.header__menu-list .menu-expand {display:flex;padding:12px 0}
.header__menu-list .menu-expand .bar-icon {display:flex;cursor:pointer}
.header__menu-list .menu-expand .bar-icon .icon-bar {display:flex}
.header__menu-list .menu-expand .bar-icon .icon-close {display:none}
.header__menu-list .menu-expand .bar-icon svg path {fill:#004c98}
.header__menu-list .menu-expand .list-menu-expand {position:absolute;top:46px;width:100%;height:100vh;max-height:0;transition:all .3s ease;overflow:hidden;background:var(--neutral-05,#f5f6f8);z-index:2;left:0}
.header__menu-list .menu-expand .list-menu-expand .container {background:var(--neutral-05,#f5f6f8)}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex {padding:24px 0 60px;display:flex;justify-content:space-between;overflow-y:auto;height:598px;scrollbar-width:thin}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex::-webkit-scrollbar {width:2px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex::-webkit-scrollbar-track {background:var(--neutral-05,#f5f6f8)}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left {width:calc(100% - 220px)}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top {display:flex;gap:16px;border-bottom:1px solid var(--neutral-30,#e8e8e8);padding-bottom:32px;margin-bottom:32px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top .item {width:-moz-max-content;width:max-content}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top .item .sub-menu {width:-moz-max-content!important;width:max-content!important}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top .item .link-item {display:block;color:var(--neutral-100,#282828);font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:160%;padding-top:16px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top .item .link-item:first-child {padding-top:0;font-weight:600}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top .item .link-item:last-child {padding-bottom:0}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top .item .link-item-views {display:block;color:var(--secondary-color-100,#356fef);font-weight:600;font-family:Inter;font-size:18px;font-style:normal;line-height:160%;padding-top:16px;cursor:pointer}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top .item .sub-menu-item {display:none}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top .item .sub-menu-item .link-item {display:block;color:var(--neutral-100,#282828);font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:160%;padding-top:16px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-bottom {display:flex;gap:16px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-bottom .item {width:170px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-bottom .item:last-child {width:200px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-bottom .item .link-item {display:block;color:var(--neutral-100,#282828);font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:160%;padding-top:16px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-bottom .item .link-item:first-child {padding-top:0;font-weight:600}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-bottom .item .link-item-views {display:block;color:var(--secondary-color-100,#356fef);font-weight:600;font-family:Inter;font-size:18px;font-style:normal;line-height:160%;padding-top:16px;cursor:pointer}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right {width:170px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-top {border-bottom:1px solid var(--neutral-30,#e8e8e8);padding-bottom:12px;margin-bottom:12px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-top .title {color:var(--neutral-100,#282828);font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:130%}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-top .link {display:flex;align-items:center;color:var(--neutral-90,#454545);font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:130%;padding-top:16px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-top .link .icon {display:flex;margin-right:8px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-top .link .icon svg rect {fill:#f0b400}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-network .title {color:var(--neutral-100,#282828);font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:130%;border-bottom:1px solid var(--neutral-30,#e8e8e8);padding-bottom:12px;margin-bottom:12px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-network .img-network {display:flex;border-bottom:1px solid var(--neutral-30,#e8e8e8);padding-bottom:12px;margin-bottom:12px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-img .img-link {display:flex;align-items:center;color:var(--neutral-100,#282828);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:130%;border-bottom:1px solid var(--neutral-30,#e8e8e8);padding-bottom:12px;margin-bottom:12px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-img .img-link:last-child {margin-bottom:0;padding-bottom:0;border-bottom:0}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-img .img-link .icon {display:flex;margin-right:8px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .rgt-img .img-link .icon svg path {fill:#004c98}
.show-expand {overflow:hidden}
.show-expand .list-menu-expand {max-height:100vh!important;background:var(--neutral-05,#f5f6f8)}
.show-expand .bar-icon .icon-bar {display:none!important}
.show-expand .bar-icon .icon-close {display:flex!important}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-bottom .item,.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-top .item {width:218px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .lf-bottom {padding-bottom:100px}
.header__menu-list .menu-item {text-wrap-mode:nowrap}
.header .logo-img {width:100%}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .img-link {border-bottom:1px solid var(--neutral-30,#e8e8e8);padding-bottom:12px;margin-bottom:12px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .left .item .sub-menu {max-height:266px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .icon {margin-right:8px}
.header__menu-list .menu-expand .list-menu-expand .menu-expand-flex .right .img-link {display:flex;align-items:center;color:var(--neutral-100,#282828);font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:130%}
.item.show-tabs .link-item-views {display:none}
body:has(.header__menu-box.sticky_header) .bar-top {top:46px}
html.embed-auto .header {display:none}
html.embed-auto body {padding-top:0}
.header__menu-list {overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}
.header__menu-list::-webkit-scrollbar {display:none}
.header__menu-list .menu-item,.header__menu-list .menu-expand {flex-shrink:0}
.header__menu-list .menu-scroll-btn {position:sticky;z-index:5;flex:0 0 auto;align-self:center;display:none;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--neutral-30,#e8e8e8);border-radius:50%;background:var(--neutral-0,#fff);color:var(--neutral-100,#282828);cursor:pointer;box-shadow:0 1px 6px rgba(0,0,0,.15)}
.header__menu-list .menu-scroll-btn.prev {left:6px}
.header__menu-list .menu-scroll-btn.next {right:6px;margin-left:44px}
.header__menu-list .menu-scroll-btn[disabled] {opacity:.35;cursor:default;box-shadow:none}
.header__menu-list .menu-scroll-btn svg {display:block}
@media (max-width: 1279px) {
  .header {min-height:0}
  .header__top-flex {flex-direction:column;align-items:center;justify-content:center;gap:10px;padding-top:16px;padding-bottom:16px}
  .header__top-right {justify-content:center;width:100%}
  .header__top-right .flex-b {justify-content:center;flex-wrap:wrap;margin-top:0;row-gap:6px}
  .header__menu-list.has-scroll .menu-scroll-btn {display:inline-flex}
  .header__menu-list .menu-item {padding-left:8px;padding-right:8px}
}