.hero--legal {
  align-items: flex-end;
}

.hero--legal .hero__content {
  padding-block: var(--space-80);
}

.legal-intro {
  background: var(--color-gray-50);
}

.legal-section {
  background: var(--color-bg);
}

.legal-section:nth-of-type(even) {
  background: #ffffff;
}

.legal-intro h2,
.legal-section h2 {
  margin-bottom: var(--space-16);
}

.legal-intro p,
.legal-section p {
  color: var(--color-text);
}

.legal-section ul {
  margin-top: var(--space-12);
  margin-bottom: var(--space-16);
  padding-left: 1.25rem;
  color: var(--color-text);
}

.legal-section li + li {
  margin-top: 0.25rem;
}

.legal-section a {
  text-decoration: underline;
  text-decoration-color: rgba(59, 130, 246, 0.35);
}

.legal-section a:hover {
  text-decoration-color: rgba(37, 99, 235, 0.9);
}

.section--emphasis {
  border-top: 1px solid var(--color-gray-200);
  border-bottom: 1px solid var(--color-gray-200);
}

@media (max-width: 768px) {
  .hero--legal .hero__content {
    padding-block: var(--space-64);
  }
}