/* DS-13: một bảng token duy nhất cho tất cả template; màu tra cứu luôn là dữ liệu. */
:root{
--bg:#f7f8fc;--panel:#ffffff;--surface:#eef2f8;--ink:#182237;--mute:#536277;--line:#dce3ed;
--brand:#4338ca;--link:#4338ca;--on-light:#000000;--on-dark:#ffffff;--hero-bg:var(--brand);--hero-ink:var(--on-dark);
--accent-coral:#fa766a;--accent-yellow:#f8bb50;--accent-mint:#46bb9b;--accent-blue:#677af0;
--table-stripe:color-mix(in srgb,var(--surface) 46%,var(--panel));
--shadow-flat:none;--shadow-1:0 3px 16px -10px rgba(23,36,67,.16);--shadow-2:0 20px 55px -34px rgba(23,36,67,.25);
--font-sans:"Segoe UI",Arial,system-ui,sans-serif;--font-mono:ui-monospace,Menlo,Consolas,monospace;
--fs-xs:.75rem;--fs-s:.875rem;--fs-m:1rem;--fs-l:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.875rem;
--fs-hero-home:clamp(2.7rem,8vw,6rem);--fs-hero-page:clamp(2.1rem,4.5vw,3.45rem);
--fw-regular:400;--fw-semi:600;--fw-bold:750;--lh-body:1.65;--lh-tight:1.12;
--sp-4:.25rem;--sp-8:.5rem;--sp-12:.75rem;--sp-16:1rem;--sp-24:1.5rem;--sp-32:2rem;--sp-48:3rem;
--r-s:10px;--r-m:14px;--r-l:22px;--r-pill:999px;
--viz-primary:var(--brand);--viz-accent:var(--accent-yellow);--viz-background:var(--bg);--viz-surface:var(--panel);--viz-text:var(--ink);--viz-primary-ink:var(--on-dark);--viz-accent-ink:var(--on-light);
--shadow-wheel:0 0 0 2px #182237,0 2px 8px rgba(0,0,0,.35);
--pg-ui-primary:var(--brand);--pg-ui-hover:var(--link);--pg-ui-soft:var(--surface);--pg-ui-border:var(--line);--pg-ui-text:var(--ink);--pg-ui-surface:var(--panel);
--bs-primary:#2A6DF4;--bs-onprimary:#FFFFFF;--bs-background:#F7F9FC;--bs-surface:#FFFFFF;--bs-text:#182237;--bs-border:#CBD5E1;--bs-success:#16713D;--bs-error:#B91C1C;
--line-w:1px;--container:1200px;--page-gutter:clamp(16px,3vw,32px);--reading-rail:55rem;--detail-prose-rail:67rem;--dur:.2s;--focus-w:3px;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0e1525;--panel:#182235;--surface:#263449;--ink:#f4f7ff;--mute:#bfcbda;--line:#38475f;--link:#a5b4fc;--shadow-1:0 3px 16px -10px rgba(0,0,0,.45);--shadow-2:0 20px 55px -34px rgba(0,0,0,.65)}}
:root[data-theme="dark"]{--bg:#0e1525;--panel:#182235;--surface:#263449;--ink:#f4f7ff;--mute:#bfcbda;--line:#38475f;--link:#a5b4fc;--shadow-1:0 3px 16px -10px rgba(0,0,0,.45);--shadow-2:0 20px 55px -34px rgba(0,0,0,.65)}
*{box-sizing:border-box}
[hidden][hidden]{display:none}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
:focus-visible{outline:var(--focus-w) solid var(--link);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:0s;animation-duration:0s}}
.u-mt-24{margin-top:var(--sp-24)}.u-fs-2xl{font-size:var(--fs-2xl)}.pv--tall{min-height:11rem}