.page-hero-inner {
  max-width: 720px;
}

.page-hero-intro {
  max-width: 640px;
  color: var(--color-text-muted);
}

.terms-card {
  max-width: 860px;
  margin: 0 auto;
}

.terms-card ul {
  margin-bottom: var(--space-16);
  color: var(--color-text);
}

.terms-card li + li {
  margin-top: 4px;
}

.terms-card a {
  font-family: var(--font-sans);
  font-size: var(--font-size-sm);
}

@media (max-width: 767px) {
  .page-hero {
    padding-top: var(--space-48);
    padding-bottom: var(--space-40);
  }
}