:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--bg);
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: var(--bg); }
a { color: var(--accent); }

.legal-nav { width: min(820px, calc(100% - 32px)); margin: 0 auto; padding: 28px 0 0; }
.legal-nav a { color: var(--muted); font-weight: 700; text-decoration: none; }
.legal-nav a:hover { color: var(--ink); }

.legal { width: min(820px, calc(100% - 32px)); margin: 0 auto; padding: 48px 0 88px; }
.eyebrow { margin: 0 0 12px; color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.legal h1 { margin: 0; color: var(--ink); font-size: clamp(36px, 5vw, 54px); line-height: 1.05; letter-spacing: -1.5px; }
.legal .updated { margin: 14px 0 36px; color: var(--muted); font-size: 15px; }
.legal h2 { margin: 40px 0 10px; color: var(--ink); font-size: 22px; letter-spacing: -.4px; }
.legal p, .legal li { color: var(--muted); font-size: 17px; line-height: 1.7; }
.legal ul { padding-left: 22px; }

.legal-footer { width: min(820px, calc(100% - 32px)); margin: 0 auto; padding: 24px 0 40px; border-top: 1px solid var(--line); color: var(--soft); font-size: 14px; }
.legal-footer a { margin-right: 18px; color: var(--muted); }