/* Text pages (privacy, support). Graphite tokens from DESIGN.md, as in index.html */
:root {
  --ground: oklch(0.13 0 0);
  --rule: oklch(0.30 0 0);
  --ink: oklch(0.96 0 0);
  --muted: oklch(0.74 0 0);
  --signal: oklch(0.89 0.18 125);
  --mark: #C5ED78;
  --tile: #1b1b1b;
  --mono: "B612 Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root {
    --ground: oklch(1 0 0);
    --rule: oklch(0.84 0 0);
    --ink: oklch(0.15 0 0);
    --muted: oklch(0.43 0 0);
    --signal: oklch(0.40 0.12 135);
    color-scheme: light;
  }
}

* { box-sizing: border-box; margin: 0; }
body {
  background: var(--ground);
  color: var(--ink);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100dvh;
}

header, main, footer { width: min(100% - 32px, 640px); margin: 0 auto; }

header { padding: 40px 0 0; }
.brand { display: inline-flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; }
.brand svg { width: 36px; height: 36px; flex: none; }
.brand span { font-family: var(--mono); font-weight: 700; font-size: 18px; }

main { padding: 40px 0 64px; display: grid; gap: 28px; align-content: start; }
h1 {
  font-family: var(--mono);
  font-weight: 700;
  font-size: clamp(24px, 6vw, 32px);
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.effective { color: var(--muted); font-size: 15px; margin-top: -16px; }
section { display: grid; gap: 10px; border-top: 1px solid var(--rule); padding-top: 20px; }
h2 { font-size: 17px; font-weight: 600; }
p { font-size: 17px; line-height: 1.55; }
p.muted { color: var(--muted); }
a { color: var(--signal); text-underline-offset: 3px; }
.address { font-family: var(--mono); font-size: 17px; word-break: break-all; }

footer {
  padding: 24px 0 32px;
  color: var(--muted);
  font-family: var(--mono);
  font-size: 13px;
}
footer a { color: inherit; }