.legal-page {
  width: min(100% - 40px, 62rem);
  margin: 0 auto;
  padding: 42px 0 80px;
}

.legal-content {
  max-width: 52rem;
}

.legal-section:focus {
  outline: none;
}

.legal-section {
  scroll-margin-top: 96px;
}

.legal-section + .legal-section {
  margin-top: 5rem;
  padding-top: 4rem;
  border-top: 1px solid color-mix(in srgb, var(--ink) 20%, transparent);
}

.legal-page h1 {
  max-width: none;
  margin: 0 0 2rem;
  color: var(--ink);
  font-size: clamp(2.5rem, 7vw, 4.5rem);
}

.legal-copy,
.legal-privacy {
  color: var(--ink);
  font-size: .98rem;
  line-height: 1.7;
}

.legal-copy p {
  margin: 0 0 1.75rem;
}

.legal-copy h2 {
  margin: 2.25rem 0 .6rem;
  color: var(--ink);
  font-family: inherit;
  font-size: .82rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.legal-copy .legal-copy__liability-title {
  max-width: none;
  white-space: nowrap;
}

.legal-copy a,
.legal-page noscript a {
  color: inherit;
  text-underline-offset: .2em;
}

.legal-privacy {
  max-width: none;
  margin: 0;
  font-family: inherit;
  white-space: pre-wrap;
  word-break: normal;
}

@media (min-width: 700px) {
  .legal-page {
    width: min(100% - 80px, 62rem);
    padding-top: 58px;
  }
}

@media (max-width: 699px) {
  .legal-section {
    scroll-margin-top: 132px;
  }

  .legal-copy .legal-copy__liability-title {
    font-size: clamp(.64rem, 3.2vw, .82rem);
    letter-spacing: .06em;
  }
}