/* ---------- Legal pages ---------- */

.legal {
  width: 100%;
  max-width: var(--measure-prose);
  margin-inline: auto;
  padding: var(--space-16) var(--space-6) var(--space-24);
}

.legal__title {
  font-size: var(--text-xl);
  font-weight: var(--weight-bold);
  letter-spacing: var(--heading-letter-spacing);
  line-height: var(--heading-line-height);
}

.legal__date {
  margin-top: var(--space-3);
  font-size: var(--text-sm);
}

.legal__clause {
  margin-top: var(--space-12);
}

.legal__clause h2 {
  font-size: var(--text-lg);
  font-weight: var(--weight-bold);
}

.legal__clause p {
  margin-top: var(--space-3);
  font-size: var(--text-base);
  line-height: 1.65;
}

.legal__clause a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ---------- Tablet and up ---------- */

@media (min-width: 768px) {
  .legal {
    padding: var(--space-24) var(--space-12) var(--space-32);
  }
}