.terms-breadcrumbs {
  font-size: var(--text-sm);
  color: var(--color-text-soft);
  margin-bottom: var(--space-4);
}

.terms-breadcrumbs a {
  color: var(--color-primary);
}

.terms-breadcrumbs a:hover {
  color: var(--color-accent-turquoise);
}

.card h2 {
  margin-bottom: var(--space-3);
}

.card + .card {
  margin-top: var(--space-6);
}

@media (min-width: 768px) {
  main.section {
    padding-top: var(--space-16);
    padding-bottom: var(--space-16);
  }
}