main {
  background-color: var(--color-bg-main);
}

.hero-terms {
  text-align: left;
}

.hero-terms .hero-title {
  max-width: 24ch;
}

.terms-content {
  font-size: var(--font-size-base);
}

.terms-section + .terms-section {
  margin-top: var(--space-8);
}

.terms-intro {
  margin-bottom: var(--space-8);
}

.terms-intro p {
  font-size: var(--font-size-lg);
}

.link-inline {
  color: var(--color-primary);
}

.link-inline:hover {
  color: var(--color-accent);
}

.terms-cta .button {
  min-width: 0;
}

@media (max-width: 700px) {
  .hero-terms {
    padding-top: var(--space-16);
    padding-bottom: var(--space-16);
  }

  .terms-intro p {
    font-size: var(--font-size-base);
  }
}