/* Privacy / Terms pages — reuse tokens from pc.css */
.lnav { position: sticky; top: 0; z-index: 10; height: 64px; display: flex; align-items: center; gap: 12px; padding: 0 max(16px, calc((100vw - 820px) / 2)); background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); }
.lnav .brand { color: var(--text); }
.lnav-r { margin-left: auto; display: flex; gap: 8px; align-items: center; }
.legal { max-width: 820px; margin: 0 auto; padding: 48px 16px 24px; }
.legal h1 { font-size: clamp(32px, 4.4vw, 46px); letter-spacing: -.03em; line-height: 1.1; }
.legal .upd { color: var(--muted); font-size: 14px; margin: 10px 0 28px; }
.legal h2 { font-size: 19px; letter-spacing: -.015em; margin: 34px 0 10px; }
.legal p, .legal li { color: var(--text-2); font-size: 16px; line-height: 1.7; max-width: 70ch; }
.legal p + p { margin-top: 12px; }
.legal ul { padding-left: 20px; display: grid; gap: 8px; margin-top: 8px; }
.legal b { color: var(--text); font-weight: 600; }
.legal a { color: var(--accent-text); font-weight: 600; }
.legal a:hover { text-decoration: underline; }
html[lang="vi"] [data-l="en"], html:not([lang="vi"]) [data-l="vi"] { display: none !important; }
.foot nav { margin-left: auto; }
@media (max-width: 720px) { .foot nav { margin-left: 0; } .legal { padding-top: 32px; } }