/* Shared shell for the legal pages — same tokens as the landing page. */
:root { --bg:#0b0c0f; --bg-2:#0e1014; --line:#2a2d36; --line-2:#1e2027; --text:#e6e2d8; --text-2:#c9c5bb; --muted:#a7a39a; --muted-2:#7a776f; --accent:#7ee2a3; --warn:#e07a5f; }
* { box-sizing: border-box; }
html, body { margin:0; background:var(--bg); color:var(--text); font-family:'Instrument Sans','Noto Sans SC',system-ui,sans-serif; font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; }
a { color:var(--text); text-decoration:none; } a:hover { color:var(--accent); }
.wrap { max-width:820px; margin:0 auto; padding:0 24px; }
.nav { border-bottom:1px solid var(--line-2); }
.nav .wrap { height:60px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:10px; font-weight:600; letter-spacing:-.01em; }
.brand-mark { width:22px; height:22px; border:1.5px solid var(--accent); display:grid; place-items:center; border-radius:2px; }
.brand-mark span { width:8px; height:8px; background:var(--accent); }
.back { font-family:'JetBrains Mono',ui-monospace,monospace; font-size:12px; color:var(--muted); }
.doc { padding:64px 24px 96px; }
.eyebrow { font-family:'JetBrains Mono',ui-monospace,monospace; font-size:12px; color:var(--muted-2); letter-spacing:.08em; text-transform:uppercase; }
h1 { margin:12px 0 6px; font-size:clamp(30px,4vw,44px); line-height:1.1; letter-spacing:-.02em; font-weight:600; }
h2 { margin:40px 0 12px; font-size:20px; font-weight:600; letter-spacing:-.01em; }
.muted { color:var(--muted-2); font-family:'JetBrains Mono',ui-monospace,monospace; font-size:12px; margin:0 0 28px; }
.notice { border:1px solid var(--line); border-left:3px solid var(--accent); background:var(--bg-2); border-radius:4px; padding:16px 18px; color:var(--text-2); }
.notice.warn { border-left-color:var(--warn); }
.notice p { margin:0; } .notice p + p { margin-top:10px; }
ul { padding-left:20px; color:var(--text-2); } li + li { margin-top:8px; }
.foot { border-top:1px solid var(--line-2); }
.foot .wrap { padding:20px 24px; display:flex; gap:20px; flex-wrap:wrap; font-family:'JetBrains Mono',ui-monospace,monospace; font-size:12px; color:var(--muted-2); }
.foot a { color:var(--muted); }

/* Language switch (same look as the landing nav) + per-language blocks. */
.nav .right { display:flex; align-items:center; gap:16px; }
.lang { display:flex; border:1px solid var(--line); border-radius:3px; overflow:hidden; font-family:'JetBrains Mono',ui-monospace,monospace; font-size:12px; }
.lang button { padding:6px 10px; border:none; cursor:pointer; background:transparent; color:var(--muted); font:inherit; }
.lang button[aria-pressed="true"] { background:var(--text); color:var(--bg); }
[data-l] { display:none; }
html[data-lang="vi"] [data-l="vi"], html[data-lang="en"] [data-l="en"], html[data-lang="zh"] [data-l="zh"] { display:revert; }
html[data-lang="zh"] body { font-family:'Noto Sans SC','Instrument Sans',system-ui,sans-serif; }