.legal { min-height: calc(100vh - 337px); padding: 96px 0 110px; }
.legal__document { width: min(920px, calc(100% - 80px)); margin-inline: auto; }
.legal__header { margin-bottom: 42px; }
.legal__header .eyebrow { margin-bottom: 14px; }
.legal__header h1 { margin: 0; font-size: 52px; line-height: 1.05; letter-spacing: -.05em; }
.legal__header > p:last-child { margin: 14px 0 0; color: var(--muted); font-size: 13px; }
.legal__intro { margin: 0 0 42px; color: #55575b; font-size: 17px; line-height: 1.65; }
.legal section { margin-top: 34px; }
.legal h2 { margin: 0 0 12px; font-size: 19px; line-height: 1.3; letter-spacing: -.02em; }
.legal p, .legal li { color: #606165; font-size: 14px; line-height: 1.67; }
.legal p { margin: 0 0 12px; }
.legal ul { margin: 12px 0 16px; padding-left: 22px; }
.legal li + li { margin-top: 7px; }
.legal a { color: var(--navy); font-weight: 600; text-decoration: underline; text-decoration-color: rgba(19, 47, 87, .35); text-underline-offset: 3px; }
.legal a:hover { color: var(--blue); }
.legal strong { color: #494a4d; }

@media (max-width: 780px) {
  .legal { padding: 68px 0 82px; }
  .legal__document { width: calc(100% - 48px); }
  .legal__header h1 { font-size: 44px; }
  .legal__intro { font-size: 16px; }
}

@media (max-width: 480px) {
  .legal { padding: 52px 0 68px; }
  .legal__document { width: calc(100% - 32px); }
  .legal__header { margin-bottom: 32px; }
  .legal__header h1 { font-size: 38px; }
  .legal__intro { margin-bottom: 34px; font-size: 15px; }
  .legal section { margin-top: 28px; }
  .legal h2 { font-size: 18px; }
  .legal p, .legal li { font-size: 13.5px; }
}