.legal { padding: calc(var(--cd-nav) + 2.5rem) 0 4rem; }
.legal h1 {
  font-size: clamp(1.9rem, 4vw, 2.7rem); font-weight: 750;
  letter-spacing: -.03em; margin: .55rem 0 1.2rem; line-height: 1.15;
}
.legal h2 { font-size: 1.2rem; margin: 2rem 0 .7rem; letter-spacing: -.015em; }
.legal h3 { font-size: 1.02rem; margin: 1.35rem 0 .5rem; }
.legal p, .legal li { color: var(--cd-muted); max-width: 46rem; font-size: .98rem; }
.legal ul { list-style: disc; padding-left: 1.2rem; margin: .5rem 0 1rem; }
.legal li { margin: .3rem 0; }
.legal .note {
  margin: 1.4rem 0; padding: 1rem 1.1rem; border: 1px solid rgba(240,179,90,.35);
  border-radius: 12px; background: rgba(240,179,90,.06); color: var(--cd-warn); max-width: 46rem;
}
.legal .note strong { color: #ffd29a; }
.legal a { color: var(--cd-accent); text-decoration: underline; text-underline-offset: 2px; }