/* legal.css · shared styles for Privacy Policy and Terms pages.
   Uses the site's tokens so it matches the design. */
body.legal-page { background: var(--c-bg); color: var(--c-text); }
.legal-nav {
  display: flex; align-items: center; justify-content: space-between;
  padding: var(--s-4) var(--gutter);
  border-bottom: var(--hairline) solid var(--c-line);
  position: sticky; top: 0; z-index: 10;
  background: color-mix(in srgb, #0a0a0f 80%, transparent);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
.legal-nav a.back {
  font-family: var(--font-mono); font-size: var(--t-mono);
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--c-muted);
}
.legal-nav a.back:hover { color: var(--c-text); }
.legal { max-width: 74ch; margin: 0 auto; padding: var(--s-9) var(--gutter) var(--s-10); }
.legal h1 { font-size: var(--t-h2); letter-spacing: var(--ls-tight); margin-bottom: var(--s-3); }
.legal .updated { color: var(--c-muted); font-family: var(--font-mono); font-size: var(--t-mono); letter-spacing: 0.08em; margin-bottom: var(--s-8); }
.legal h2 { font-size: var(--t-h3); margin: var(--s-8) 0 var(--s-3); letter-spacing: var(--ls-tight); }
.legal p, .legal li { color: var(--c-muted); line-height: 1.7; }
.legal p { margin-bottom: var(--s-4); max-width: 68ch; }
.legal ul { margin: 0 0 var(--s-4) 1.2em; list-style: disc; }
.legal li { margin-bottom: var(--s-2); max-width: 66ch; }
.legal a { color: var(--c-signal); }
.legal strong { color: var(--c-text); font-weight: 600; }
.legal .note {
  border: var(--hairline) solid var(--c-signal-soft);
  border-radius: var(--radius);
  background: var(--c-signal-faint);
  padding: var(--s-4) var(--s-5);
  color: var(--c-text); font-size: var(--t-small);
  margin: var(--s-6) 0;
}
.legal-footer {
  border-top: var(--hairline) solid var(--c-line);
  padding: var(--s-6) var(--gutter);
  color: var(--c-faint); font-family: var(--font-mono);
  font-size: var(--t-mono); letter-spacing: 0.06em; text-align: center;
}