.legal { padding-block: clamp(56px, 7vw, 96px) }
  .legal__body { max-width: 72ch; display: grid; gap: 18px; margin-top: 28px }
  .legal h2 { font-size: clamp(26px, 2.6vw, 34px) }
  .legal h3 { margin-top: 18px }
  .legal ul { margin: 0; padding-left: 20px; display: grid; gap: 6px }
  .legal .note { border-left: 2px solid var(--steel); padding-left: 16px; color: var(--muted); font-size: 15px }