/* Page-owned styles for the Cookie Policy page */
.cookie-page {
  width: 100%;
}

.cookie-section {
  padding-block: var(--space-7);
}

.cookie-section--intro,
.cookie-section--manage,
.cookie-section--updates {
  background-color: var(--color-sandstone-beige);
}

.cookie-section--types,
.cookie-section--third-party,
.cookie-section--contact {
  background-color: var(--color-off-white);
}

.cookie-content {
  width: 100%;
  max-width: 720px;
  margin-inline: auto;
  padding-inline: var(--space-4);
}

.cookie-content--center {
  text-align: center;
}

.cookie-content--center .cookie-intro {
  text-align: left;
}

.cookie-page__title {
  margin-block-end: var(--space-6);
  text-align: center;
}

.cookie-content h2 {
  margin-block-start: var(--space-6);
  margin-block-end: var(--space-4);
}

.cookie-content h2:first-child {
  margin-block-start: 0;
}

.cookie-content h3 {
  margin-block-start: var(--space-5);
  margin-block-end: var(--space-3);
}

.cookie-content p {
  margin-block-end: var(--space-3);
  max-width: 70ch;
}

.cookie-content--center p {
  margin-inline: auto;
}

.cookie-list {
  list-style: disc;
  padding-inline-start: var(--space-4);
  margin-block-end: var(--space-4);
}

.cookie-list li {
  margin-block-end: var(--space-2);
}

.cookie-list li:last-child {
  margin-block-end: 0;
}

.cookie-list--contact {
  list-style: none;
  padding-inline-start: 0;
}

.cookie-list--contact li {
  margin-block-end: var(--space-2);
}

.cookie-list--contact a {
  color: var(--color-eucalyptus-green);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.cookie-list--contact a:hover {
  color: var(--color-eucalyptus-green-dark);
}

.cookie-intro,
.cookie-category,
.cookie-manage-block,
.cookie-third-party,
.cookie-updates,
.cookie-contact {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.cookie-intro + .cookie-intro,
.cookie-category + .cookie-category,
.cookie-manage-block + .cookie-manage-block {
  margin-block-start: var(--space-6);
}

.cookie-category {
  padding-block: var(--space-4);
  border-bottom: var(--border-hairline);
}

.cookie-category:last-child {
  border-bottom: none;
}

.cookie-category h3,
.cookie-manage-block h3,
.cookie-third-party h3,
.cookie-updates h3,
.cookie-contact h3 {
  margin-block-start: 0;
}

.cookie-updates strong {
  color: var(--color-charcoal);
}

@media (max-width: 767px) {
  .cookie-section {
    padding-block: var(--space-5);
  }

  .cookie-content {
    padding-inline: var(--space-3);
  }

  .cookie-content--center {
    text-align: left;
  }

  .cookie-content--center .cookie-intro {
    text-align: left;
  }

  .cookie-page__title {
    text-align: left;
    font-size: var(--text-h1);
  }

  .cookie-content p {
    max-width: none;
  }

  .cookie-intro + .cookie-intro,
  .cookie-category + .cookie-category,
  .cookie-manage-block + .cookie-manage-block {
    margin-block-start: var(--space-5);
  }
}