/* legal.css — /privacy + /terms (legacy /privacy.html, /terms.html 301-redirect here).
   Moved from the dark app theme to the
   light marketing theme (Duke decision 2026-06-09). The source inline styles
   consumed dark tokens from style.css (--text-*, --accent-color, --border-color,
   --space-*); here we provide the (theme-independent) spacing scale and remap the
   semantic tokens to marketing.css light tokens, scoped to .legal-container. */
.legal-container {
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --text-color: var(--ink);
  --text-muted: var(--text-soft);
  --accent-color: var(--teal);
  --border-color: var(--mist-dark);

  min-height: 100vh;
  max-width: 720px;
  margin: 0 auto;
  padding: 72px var(--space-lg) var(--space-2xl);
}
.legal-container h1 { font-size: 2rem; font-weight: 300; margin-bottom: 0.25rem; }
.effective-date { color: var(--text-muted); font-size: 0.9rem; margin-bottom: var(--space-2xl); }
.legal-container h2 { font-size: 1.15rem; font-weight: 500; margin-top: var(--space-xl); margin-bottom: var(--space-sm); color: var(--accent-color); }
.legal-container p { color: var(--text-muted); margin-bottom: var(--space-md); line-height: 1.7; }
.legal-container ul { color: var(--text-muted); margin-bottom: var(--space-md); padding-left: 1.5rem; line-height: 1.7; }
.legal-container li { margin-bottom: 0.4rem; }
.legal-container strong { color: var(--text-color); }
.legal-container a { color: var(--accent-color); transition: color 0.2s ease; }
.legal-container a:hover { color: var(--ink); }
@media (max-width: 480px) { .legal-container { padding: 68px 16px var(--space-xl); } }