/* Reading layout only; page copy and the shared navigation stay unchanged. */
.legal-page main.legal.wrap {
  max-width: 880px;
  padding-top: clamp(48px, 6.5vw, 92px);
  padding-bottom: clamp(64px, 8vw, 116px);
  color: var(--muted);
  font-size: 18px;
  line-height: 1.75;
  overflow-wrap: break-word;
}

.legal-page .legal > :is(p, ul, ol, dl, blockquote) {
  max-width: 70ch;
}

.legal-page .legal > .eyebrow {
  margin: 0 0 24px;
  color: var(--accent-ink);
  font-size: 11px;
  line-height: 1.6;
  letter-spacing: .12em;
}

.legal-page .legal h1 {
  margin: 0 0 22px;
  color: var(--ink);
  font-size: clamp(44px, 5.6vw, 80px);
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.legal-page .legal h2 {
  margin: 2.1em 0 .7em;
  color: var(--ink);
  font-size: clamp(24px, 2.4vw, 30px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.025em;
  text-wrap: balance;
  scroll-margin-top: 32px;
}

.legal-page .legal h3 {
  margin: 1.8em 0 .65em;
  color: var(--ink);
  font-size: 21px;
  font-weight: 600;
  line-height: 1.35;
}

.legal-page .legal p {
  margin: 0 0 1.15em;
}

/* The existing publication/effective date follows the title on those pages. */
.legal-page .legal > h1 + p {
  margin-bottom: 34px;
  font-size: 14px;
  line-height: 1.6;
}

.legal-page .legal :is(ul, ol) {
  margin: 0 0 1.15em;
  padding-left: 1.35em;
}

.legal-page .legal li + li {
  margin-top: .45em;
}

.legal-page .legal strong {
  color: var(--ink);
  font-weight: 600;
}

.legal-page .legal a {
  color: var(--blue);
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
  text-decoration-skip-ink: auto;
  overflow-wrap: anywhere;
}

.legal-page .legal a:hover {
  color: var(--ink);
  text-decoration-thickness: 2px;
}

.legal-page .legal > :last-child {
  margin-bottom: 0;
}

.legal-page .site-footer {
  border-top: 1px solid var(--line);
}

@media (max-width: 760px) {
  .legal-page .legal > .eyebrow {
    margin-bottom: 20px;
    letter-spacing: .08em;
  }

  .legal-page .legal > h1 + p {
    margin-bottom: 28px;
  }
}
