.legal-page__hero {
  padding-top: var(--page-breadcrumb-top-space);
}

.legal-doc {
  max-width: 920px;
  padding: clamp(1.25rem, 3vw, 2.2rem) 0 0;
}

.legal-doc__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .48rem;
  color: var(--fg-soft);
  font-size: .82rem;
  font-weight: 850;
  line-height: 1.1;
}

.legal-doc__eyebrow::before {
  content: "";
  width: .5rem;
  height: .5rem;
  border-radius: 999px;
  background: rgba(var(--brand-rgb), .95);
  box-shadow: 0 0 0 4px rgba(var(--brand-rgb), .13);
}

.legal-doc h1 {
  margin: var(--eyebrow-heading-gap) 0 0;
  max-width: 18ch;
}

.legal-doc__intro {
  max-width: 70ch;
  margin: 1rem 0 0;
  color: var(--fg-body);
  font-size: clamp(1rem, 1.08vw, 1.08rem);
  line-height: 1.68;
}

.legal-doc__content {
  margin-top: clamp(1.7rem, 3vw, 2.45rem);
  border-top: 1px solid var(--border-soft);
}

.legal-doc__content section {
  padding: clamp(1.1rem, 2.5vw, 1.55rem) 0;
  border-bottom: 1px solid var(--border-soft);
}

.legal-doc__content h2 {
  margin: 0 0 .62rem;
  color: var(--fg);
  font-size: clamp(1.02rem, 1.3vw, 1.18rem);
  line-height: 1.2;
}

.legal-doc__content p,
.legal-doc__content li {
  color: var(--fg-body);
  font-size: .98rem;
  line-height: 1.7;
}

.legal-doc__content p {
  margin: 0;
}

.legal-doc__content p + p {
  margin-top: .75rem;
}

.legal-doc__content ul {
  display: grid;
  gap: .45rem;
  margin: .65rem 0 0;
  padding-left: 1.15rem;
}

@media (max-width: 760px) {
  .legal-doc {
    padding-top: .85rem;
  }

  .legal-doc h1 {
    max-width: 100%;
  }
}