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

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

.hero--legal .hero-inner {
  max-width: 60rem;
}

.hero--legal .hero-actions {
  margin-top: var(--space-6);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}

.section-dark, .section-alt {
  border-top: 1px solid rgba(54, 208, 255, 0.16);
}

.section-dark .max-w-prose, .section-alt .max-w-prose {
  font-size: var(--font-size-base);
}

.section-dark h2, .section-alt h2 {
  margin-bottom: var(--space-4);
}

.section-dark p, .section-alt p {
  font-size: var(--font-size-sm);
}

@media (max-width: 700px) {
  .hero--legal {
    text-align: left;
  }

  .hero--legal .hero-title {
    font-size: var(--font-size-4xl);
  }

  .hero--legal .hero-actions {
    flex-direction: column;
    align-items: flex-start;
  }
}