/* Privacy / legal text pages. Needs tokens.css first (fonts + theme variables). */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.65 var(--font-body)}
.page{width:min(760px,calc(100% - 40px));margin:0 auto;padding:28px 0 72px}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:56px}
.top .tile{display:block;width:44px;height:44px}
.top nav{display:flex;gap:6px;font:500 13px/1 var(--font-mono);letter-spacing:.04em}
.top nav a{padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);text-decoration:none}
.top nav a[aria-current]{background:var(--terra);border-color:var(--terra);color:var(--btn-fg)}
h1{font:800 clamp(34px,6vw,52px)/1.05 var(--font-display);letter-spacing:-.02em;margin:0 0 10px}
.updated{margin:0 0 40px;color:var(--muted);font-size:14px}
h2{font:700 22px/1.25 var(--font-display);margin:40px 0 10px}
p,ul{margin:0 0 14px}
ul{padding-left:1.2em}
li{margin-bottom:6px}
a{color:var(--terra)}
[data-theme="dark"] a{color:var(--amber)}
.top nav a{color:var(--muted)}
.top nav a[aria-current]{color:var(--btn-fg)}
.legal{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}