/* Legal pages (l/privacy.html, l/tos.html): layout only. All typography comes
   from the shared .prose component and the shared type primitives in base.css,
   so these pages carry no formatting of their own.

   The title band is full-bleed and closed by the same 2px divider every section
   on the site uses, so a legal page opens like the rest of the site; the reading
   column below it keeps its measure for long-form text. */
.legal-head {
  padding: clamp(40px, 6vw, 88px) clamp(20px, 4vw, 56px) clamp(28px, 3.5vw, 40px);
  border-bottom: 2px solid var(--color-divider);
}
.legal-head .page-title { margin: 0; max-width: 30ch; color: var(--color-text); }
.legal-head .eyebrow { margin: 20px 0 0; }
.legal {
  max-width: calc(72ch + 2 * clamp(20px, 4vw, 56px));
  padding: clamp(32px, 5vw, 64px) clamp(20px, 4vw, 56px) clamp(40px, 6vw, 80px);
}