/* Legal pages (privacy / terms) — quiet, readable, on-brand. */

body {
  margin: 0;
  font-family: var(--font-ui);
  background: var(--bg);
  color: var(--text);
  line-height: var(--lh-normal);
  -webkit-font-smoothing: antialiased;
}

.legal-nav {
  max-width: 760px; margin: 0 auto; padding: var(--sp-6) var(--sp-6) 0;
}
.legal-nav .brand { font-size: var(--fs-md); }

main.legal {
  max-width: 760px; margin: 0 auto; padding: var(--sp-9) var(--sp-6) var(--sp-12);
}
main.legal h1 { font-size: var(--fs-3xl); letter-spacing: -0.02em; margin: 0 0 var(--sp-1); }
main.legal .updated { color: var(--text-faint); font-size: var(--fs-xs); margin-bottom: var(--sp-9); }
main.legal h2 { font-size: var(--fs-lg); margin: var(--sp-9) 0 var(--sp-2); }
main.legal p, main.legal li { color: var(--text-muted); font-size: var(--fs-sm); line-height: var(--lh-normal); }
main.legal p { max-width: 65ch; }
main.legal ul { padding-left: var(--sp-5); display: flex; flex-direction: column; gap: var(--sp-1); }
main.legal a { color: var(--accent); }
main.legal hr { border: none; border-top: 1px solid var(--border); margin: var(--sp-9) 0; }

.legal-footer {
  max-width: 760px; margin: 0 auto; padding: 0 var(--sp-6) var(--sp-9);
  border-top: 1px solid var(--border); padding-top: var(--sp-6);
  display: flex; gap: var(--sp-5); flex-wrap: wrap;
  font-size: var(--fs-xs); color: var(--text-faint);
}
.legal-footer a { color: var(--text-muted); }