/* Legal pages (privacy, terms) — long-form reading layout on landing.css tokens */
.legal {
  position: relative;
  z-index: 2;
  width: min(760px, calc(100% - 2.4rem));
  margin: 0 auto;
  padding: clamp(7rem, 14vh, 9rem) 0 5rem;
}
.legal .overline { color: var(--sage); }
.legal h1 {
  font-family: var(--serif);
  font-size: clamp(2.6rem, 7vw, 4rem);
  letter-spacing: -.02em;
  margin-bottom: .5rem;
}
.legal-updated { color: var(--muted); font-size: .92rem; margin: 0 0 2.6rem; }
.legal section { margin-bottom: 2.4rem; }
.legal h2 { font-family: var(--serif); font-size: clamp(1.6rem, 3.4vw, 2.2rem); letter-spacing: -.01em; margin-bottom: .85rem; }
.legal h3 { font-size: 1.1rem; font-weight: 600; margin: 1.4rem 0 .5rem; font-family: var(--sans); }
.legal p { color: var(--ink-soft); line-height: 1.8; margin: 0 0 1rem; }
.legal ul { color: var(--ink-soft); line-height: 1.8; padding-left: 1.4rem; margin: 0 0 1rem; }
.legal li { margin-bottom: .45rem; }
.legal a { color: var(--sage-deep); text-decoration: underline; text-underline-offset: 2px; }
.legal a:hover { color: var(--sage); }