.hero-cookie.hero-bg::before {
  background-image: url('/assets/images/hero-cookie-monochrome.jpg');
}

.section-bg-dark {
  padding-top: var(--space-64);
  padding-bottom: var(--space-80);
}

.cookie-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-32);
}

.cookie-intro {
  max-width: 48rem;
  margin: 0 auto var(--space-32);
  text-align: center;
}

.cookie-article {
  max-width: 56rem;
  margin: 0 auto;
}

.cookie-table-wrapper {
  margin-top: var(--space-20);
}

.cookie-cta p {
  color: var(--color-text-soft);
}

.cookie-cta .hero-actions {
  margin-top: var(--space-24);
}

@media (max-width: 768px) {
  .cookie-article {
    padding-inline: var(--space-20);
  }
}