.legal { max-width: 820px; padding-block: 7rem 9rem; }
.legal h1 { margin-bottom: 2rem; font-size: clamp(3rem, 7vw, 5.2rem); }
.legal .summary { margin-bottom: 4rem; padding-left: 1.2rem; border-left: 3px solid var(--mint); color: #405269; font-size: 1.15rem; line-height: 1.75; }
.legal h2 { margin: 3.5rem 0 1rem; font-size: clamp(1.6rem, 3vw, 2.3rem); letter-spacing: -.035em; }
.legal p { color: #5a6b80; line-height: 1.8; }
.legal a { color: var(--navy); font-weight: 700; }

@media (max-width: 520px) {
  .legal { padding-block: 4rem 6rem; }
  .legal .summary { font-size: 1.05rem; }
}