/* Shared styling for /privacy, /about, /contact, /terms.
   Reuses the global theme tokens so legal pages match the rest of
   the site in dark / light / pitch modes without their own theme code. */
.legal {
  max-width: 760px;
  margin: 32px auto 80px;
  padding: 0 20px;
  color: var(--text);
  line-height: 1.65;
  font-size: 1rem;
}
.legal h1 {
  font-family: var(--font-display);
  font-size: 2rem;
  margin: 0 0 8px;
  color: var(--text);
}
.legal h2 {
  font-family: var(--font-display);
  font-size: 1.25rem;
  margin: 32px 0 8px;
  color: var(--text);
}
.legal p, .legal li, .legal address {
  color: var(--text-muted, var(--text));
  margin: 8px 0;
}
.legal ul {
  margin: 8px 0 16px 24px;
  padding: 0;
}
.legal li { margin: 4px 0; }
.legal a {
  color: var(--accent, #22c55e);
  text-decoration: none;
}
.legal a:hover { text-decoration: underline; }
.legal__updated {
  color: var(--text-muted, #888);
  font-size: 0.9rem;
  margin: 0 0 24px;
}
.legal address {
  font-style: normal;
  background: var(--bg-card, rgba(255,255,255,.04));
  border: 1px solid var(--border, rgba(255,255,255,.08));
  padding: 12px 16px;
  border-radius: .625rem;
  display: inline-block;
}
.legal code {
  background: var(--bg-card, rgba(255,255,255,.06));
  padding: 1px 6px;
  border-radius: .625rem;
  font-size: 0.9em;
}