.cookie-page {}

.cookie-hero {
  padding-top: var(--space-8);
  padding-bottom: var(--space-7);
}

.cookie-hero-inner {
  max-width: 720px;
  margin-inline: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.cookie-section {}

.cookie-text-block {
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.cookie-text-block-wide {
  max-width: 900px;
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.cookie-text-block-narrow {
  max-width: 700px;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

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

.cookie-highlight {
  background-color: var(--color-accent-burgundy);
  color: var(--color-text-invert);
  padding-top: var(--space-7);
  padding-bottom: var(--space-7);
}

.cookie-highlight-inner {
  max-width: 700px;
  margin-inline: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.cookie-highlight h3 {
  color: var(--color-text-invert);
}

.cookie-highlight p {
  color: var(--color-text-invert);
}

@media (max-width: 768px) {
  .cookie-hero {
    padding-top: var(--space-7);
  }

  .cookie-text-block,
  .cookie-text-block-wide,
  .cookie-text-block-narrow {
    max-width: 100%;
  }
}