/* Doki – trang pháp lý công khai (/privacy, /xoa-tai-khoan). Dùng thang chữ của css/type.css (chữ <14px đậm ≤600, 14–16px ≤700, ≥17px ≤800). */
:root{--bg:#F4F8FF;--surface:#FFFFFF;--ink:#0F1B3D;--ink2:#26334F;--muted:#51607F;--line:#D9E4FA;--line2:#BFD0F5;--soft-blue:#E3EAFF;--accent:#2A52D9;--teal:#0E7C86;--warn-bg:#FFF3D1;--warn-line:#F5C451;--warn-ink:#7A4A00;--bad-bg:#FDECEA;color-scheme:light}
:root.dark{--bg:#18203A;--surface:#232D4A;--ink:#F3F6FF;--ink2:#DCE3F5;--muted:#C3CCE2;--line:#3A4868;--line2:#52648F;--soft-blue:#33437A;--accent:#A5C0FF;--teal:#5EEAD4;--warn-bg:#4A3308;--warn-line:#8A6215;--warn-ink:#FFE8B0;--bad-bg:#4A1F1C;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:var(--fs-lg);font-weight:400}
a{color:var(--accent);font-weight:600;text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:6px}
.lg-top{background:var(--surface);border-bottom:1px solid var(--line)}
.lg-top-in,.lg-main,.lg-foot-in{width:min(780px,100%);margin:0 auto;padding-left:16px;padding-right:16px}
.lg-top-in{display:flex;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px}
.lg-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:var(--fs-xl);font-weight:800}
.lg-brand img{width:40px;height:auto;display:block}
.lg-spacer{flex:1}
.lg-home{font-size:var(--fs-sm);font-weight:700;text-decoration:none;border:1.5px solid var(--line2);border-radius:999px;padding:8px 14px;color:var(--ink)}
.lg-main{padding-top:28px;padding-bottom:48px}
.lg-main h1{margin:0 0 6px;font-size:var(--fs-h2);font-weight:800}
.lg-meta{margin:0 0 20px;color:var(--muted);font-size:var(--fs-sm);font-weight:500}
.lg-main h2{margin:32px 0 10px;font-size:var(--fs-xl);font-weight:800;scroll-margin-top:12px}
.lg-main p,.lg-main li,.lg-main dd{font-size:var(--fs-lg);line-height:1.65;color:var(--ink2)}
.lg-main p{margin:0 0 12px}
.lg-main ul,.lg-main ol{margin:0 0 14px;padding-left:22px}
.lg-main li{margin-bottom:6px}
.lg-lead{font-size:var(--fs-lead);line-height:1.6;color:var(--ink)}
.lg-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 16px 6px;margin:0 0 16px}
.lg-box h3{margin:0 0 8px;font-size:var(--fs-lg);font-weight:700}
.lg-warn{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink);border-radius:14px;padding:12px 14px;margin:0 0 16px;font-size:var(--fs-md);font-weight:600;line-height:1.6}
.lg-warn p,.lg-warn li{color:inherit;font-size:var(--fs-md)}
.lg-warn p:last-child{margin-bottom:0}
.lg-main dl{margin:0}
.lg-main dt{font-size:var(--fs-md);font-weight:700;color:var(--ink);margin-top:10px}
.lg-main dd{margin:2px 0 0}
.lg-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;list-style:none}
.lg-toc a{display:inline-block;font-size:var(--fs-sm);font-weight:700;text-decoration:none;background:var(--soft-blue);border-radius:999px;padding:7px 12px;color:var(--ink)}
.lg-main .lg-steps{counter-reset:s;list-style:none;padding:0;margin:0 0 16px}
.lg-steps li{counter-increment:s;position:relative;padding:12px 14px 12px 54px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:10px}
.lg-steps li::before{content:counter(s);position:absolute;left:14px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-size:var(--fs-md);font-weight:700;display:flex;align-items:center;justify-content:center}
:root.dark .lg-steps li::before{color:#18203A}
.lg-btns{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 18px}
.lg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;border:1.5px solid var(--line2);background:var(--surface);color:var(--ink);font-size:var(--fs-lg);font-weight:700;line-height:1.3;text-decoration:none}
.lg-btn.main{background:#2A52D9;border-color:#2A52D9;color:#fff}
.lg-btn.bad{background:#BE123C;border-color:#BE123C;color:#fff}
.lg-foot{border-top:1px solid var(--line);background:var(--surface)}
.lg-foot-in{padding-top:18px;padding-bottom:22px;color:var(--muted);font-size:var(--fs-sm);font-weight:500;line-height:1.7}
.lg-foot-in a{font-size:var(--fs-sm)}
@media (max-width:420px){.lg-btn{width:100%}.lg-main{padding-top:20px}.lg-steps li{padding-left:50px}}