/* ==========================================================================
   Legal pages

   Prose only. Colours come from the surface class on the section, like every
   other band, so nothing here hard-codes a text colour.
   ========================================================================== */

.legal__inner {
  max-width: 44rem;
}

.legal__title {
  font-family: var(--font-display);
  font-size: var(--step-h2);
  line-height: 1.1;
  color: var(--heading-color);
}

.legal__lede {
  margin-block-start: var(--space-sm);
  font-size: var(--step-body-lg);
  line-height: 1.5;
  color: var(--body-color);
}

.legal__updated {
  margin-block-start: var(--space-xs);
  font-size: var(--step-caption);
  color: var(--body-color);
  opacity: 0.75;
}

/* Jumped to from the footer. Clearing the sticky header is already handled
   globally by `scroll-padding-top` in base.css, so nothing is needed here. */
.legal__section {
  margin-block-start: var(--space-2xl);
}

.legal__section h2 {
  font-family: var(--font-display);
  font-size: var(--step-h4);
  line-height: 1.2;
  color: var(--heading-color);
}

.legal__section h3 {
  margin-block-start: var(--space-lg);
  font-family: var(--font-body);
  font-size: var(--step-body);
  font-weight: var(--weight-medium);
  color: var(--heading-color);
}

.legal__section p,
.legal__section li {
  font-size: var(--step-body);
  line-height: 1.6;
  color: var(--body-color);
}

.legal__section p {
  margin-block-start: var(--space-sm);
}

.legal__section ul {
  margin-block-start: var(--space-sm);
  padding-inline-start: 1.25rem;
  list-style: disc;
}

.legal__section li + li {
  margin-block-start: var(--space-2xs);
}

.legal__section a {
  color: inherit;
  text-underline-offset: 0.2em;
}