/* =========================================================
   Legal pages (Privacy, Terms) — page-specific styles
   Used by: privacy.html / terms.html, scripts/privacy-page.jsx / terms-page.jsx
   ========================================================= */

.legal-doc { max-width: 68rem; margin: 0 auto; padding-bottom: var(--space-11); }
.legal-doc__eyebrow { margin-bottom: 0.75rem; }
.legal-doc__title {
  font: 800 clamp(2.25rem, 4vw, 3.25rem)/1.05 var(--font-display);
  letter-spacing: var(--tracking-tight);
  color: var(--fg);
  margin: 0 0 0.75rem;
  max-width: 20ch;
}
.legal-doc__updated { color: var(--fg-muted); font-size: var(--fs-body-sm); margin: 0 0 3rem; }
.legal-doc__section { max-width: 56rem; margin: 0 0 2.5rem; padding-top: 2rem; border-top: 1px solid var(--border); }
.legal-doc__section:first-of-type { border-top: none; padding-top: 0; }
.legal-doc__h {
  font: 700 1.35rem/1.3 var(--font-display);
  letter-spacing: var(--tracking-tight);
  color: var(--fg);
  margin: 0 0 0.9rem;
}
.legal-doc__p { color: var(--fg-muted); line-height: 1.75; margin: 0 0 1rem; }
.legal-doc__p:last-child { margin-bottom: 0; }
.legal-doc__ul { margin: 0 0 1rem; padding-left: 1.25rem; color: var(--fg-muted); line-height: 1.75; }
.legal-doc__ul li { margin-bottom: 0.35rem; }
.legal-doc__ul:last-child { margin-bottom: 0; }