body.page-legal {
  margin: 0;
  background: #fff;
  color: var(--ps-charcoal);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}

.page-legal .skip-link {
  position: fixed;
  z-index: 200;
  top: -6.25rem;
  left: 1.25rem;
  padding: .875rem;
  background: var(--ps-ink);
  color: #fff;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.page-legal .skip-link:focus {
  top: .75rem;
}

.page-legal .skip-link:focus-visible {
  outline: .1875rem solid var(--ps-teal);
  outline-offset: .3125rem;
}

/* ---------- document ---------- */

.legal-title {
  margin: 0 0 2.1875rem;
  font-size: clamp(2.6rem, 5.5vw, 4.8rem);
  font-weight: 800;
  line-height: .94;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.page-legal .ps-prose h2 {
  margin: 2.1875rem 0 1.25rem;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.054rem;
  text-wrap: balance;
}

.page-legal .ps-prose h3 {
  margin: 1.625rem 0 .9375rem;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -.0375rem;
  text-wrap: balance;
}

.page-legal .ps-prose a {
  color: var(--ps-teal-accessible);
  overflow-wrap: anywhere;
  -webkit-tap-highlight-color: transparent;
}

.page-legal .ps-prose a:focus-visible {
  outline: .1875rem solid var(--ps-teal);
  outline-offset: .3125rem;
}

@media (min-width: 43.8125rem) {
  .page-legal .ps-prose h2 {
    font-size: 2rem;
    letter-spacing: -.06rem;
  }
}
