/* Privacy Policy and Terms of Use: one readable text column. */
.legal {
  padding-block: var(--s7) var(--s8);
  background: var(--white);
}

.legal-inner {
  max-width: 760px;
}

.legal h1 {
  font: 600 clamp(2.75rem, 5vw, 4.25rem) / 0.95 var(--font-display);
  color: var(--navy);
}

.legal-date {
  margin-top: var(--s3);
  font-size: 0.9375rem;
  color: var(--text-muted);
}

.legal h2 {
  margin-top: var(--s6);
  font: 600 1.75rem / 1.1 var(--font-display);
  color: var(--navy);
}

.legal p,
.legal li {
  font-size: 1.0625rem;
  line-height: 1.65;
  color: var(--text);
}

.legal p {
  margin-top: var(--s3);
}

.legal-date + p {
  margin-top: var(--s5);
}

.legal ul {
  margin: var(--s3) 0 0;
  padding-left: 1.25rem;
  list-style: disc;
}

.legal li::marker {
  color: var(--accent);
}

.legal li + li {
  margin-top: var(--s2);
}

.legal a {
  color: var(--ink);
}

@media (max-width: 820px) {
  .legal {
    padding-block: var(--s6) var(--s7);
  }
}