.legal {
  max-width: 800px;
  padding-block: 64px 80px;
  font-size: 17px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.legal h1 {
  margin: 0 0 12px;
  font-size: clamp(36px, 7vw, 56px);
  line-height: 1.1;
  letter-spacing: -0.035em;
}

.legal h2 {
  margin: 40px 0 12px;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.legal p, .legal ul, .legal address {
  margin: 0 0 18px;
}

.legal h3 { margin: 24px 0 12px; font-size: 20px; line-height: 1.4; }

.legal address { font-style: normal; }
.legal-date { color: var(--muted); }
.legal ul { padding-left: 24px; }
.legal li + li { margin-top: 12px; }
.legal a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 600px) {
  .legal { padding-block: 40px 56px; font-size: 16px; }
  .legal h2 { font-size: 22px; }
}