/* ==========================================================================
   Legal pages (Privacy Policy, Disclaimer) — a single reading column.
   Caslon h2s opened by hairlines, Dosis 18/1.75 body. The client's TODO note
   stays visible as a quiet callout with one orange rule.
   ========================================================================== */

.legal { padding-top: clamp(80px, 9vw, 136px); }

.legal-body { max-width: 680px; }
.legal-body p {
  font-size: 18px; line-height: 1.75;
  color: var(--ink-body);
}
.legal-body h2 {
  margin-top: clamp(48px, 5vw, 72px);
  padding-top: clamp(28px, 3vw, 40px);
  border-top: 1px solid var(--rule);
  font-size: clamp(28px, 2.4vw, 36px); line-height: 1.08;
  color: var(--navy);
}
.legal-body > h2:first-child { margin-top: 0; }
.legal-body h2 + p { margin-top: 18px; }
.legal-body p + p { margin-top: 1.1em; }

.legal-body .u-link { color: var(--navy); }