main.cookie-policy-page {
  background: var(--color-soft-white);
}

.cookie-policy-page .cookie-hero {
  padding-block: var(--space-7) var(--space-6);
}

.cookie-policy-page .cookie-hero__panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  column-gap: calc(var(--space-6) + var(--space-5));
  align-items: center;
  min-width: 0;
  overflow: hidden;
  padding: var(--space-6);
  border: var(--border-dark);
  border-radius: var(--radius-feature);
  background: var(--color-cobalt-blue);
}

.cookie-policy-page .cookie-hero__panel::before {
  position: absolute;
  top: -5rem;
  right: -4rem;
  width: 12rem;
  height: 12rem;
  border: 1.5rem solid rgba(22, 199, 193, 0.3);
  border-radius: 50%;
  content: "";
}

.cookie-policy-page .cookie-hero__panel::after {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: var(--color-lemon-yellow);
  box-shadow: 1.5rem -1rem 0 -0.2rem rgba(255, 212, 71, 0.68);
  content: "";
}

.cookie-policy-page .cookie-hero__copy,
.cookie-policy-page .cookie-hero__settings,
.cookie-policy-page .cookie-toc,
.cookie-policy-page .cookie-section__intro,
.cookie-policy-page .cookie-reading,
.cookie-policy-page .cookie-category-grid,
.cookie-policy-page .cookie-retention__cards,
.cookie-policy-page .cookie-retention__notice,
.cookie-policy-page .cookie-manage__panel,
.cookie-policy-page .cookie-browser-steps,
.cookie-policy-page .cookie-manage__notice,
.cookie-policy-page .cookie-closing-card {
  min-width: 0;
}

.cookie-policy-page .cookie-hero__copy {
  position: relative;
  z-index: 1;
  grid-column: 1;
  width: 100%;
  max-width: 35rem;
}

.cookie-policy-page .cookie-hero .eyebrow {
  margin-bottom: var(--space-3);
  color: var(--color-lemon-yellow);
}

.cookie-policy-page .cookie-hero h1 {
  margin-bottom: var(--space-4);
  color: var(--color-soft-white);
  font-size: clamp(2.75rem, 2rem + 4vw, 4rem);
}

.cookie-policy-page .cookie-hero .lead {
  margin-bottom: 0;
  color: var(--color-soft-white);
  font-size: 1.125rem;
  line-height: 1.45;
}

.cookie-policy-page .cookie-hero__settings {
  position: relative;
  z-index: 1;
  grid-column: 2;
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-5);
  border: 1px solid rgba(255, 253, 247, 0.62);
  border-radius: var(--radius-card);
  background: rgba(255, 253, 247, 0.88);
  box-shadow: var(--shadow-card);
  color: var(--color-ink);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.cookie-policy-page .cookie-hero__settings h2 {
  margin: 0;
  font-size: var(--font-size-h3);
}

.cookie-policy-page .cookie-hero__settings p {
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.cookie-policy-page .cookie-settings-trigger {
  width: 100%;
}

.cookie-policy-page .cookie-toc-section {
  padding-block: var(--space-6);
  background: var(--color-sky-tint);
}

.cookie-policy-page .cookie-toc {
  display: flex;
  width: calc(100% * 10 / 12);
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  margin-inline: auto;
  padding: var(--space-5);
  border: var(--border-default);
  border-radius: var(--radius-card);
  background: var(--color-soft-white);
  box-shadow: var(--shadow-card);
}

.cookie-policy-page .cookie-toc__heading {
  width: 100%;
  min-width: 0;
  max-width: 32.5rem;
}

.cookie-policy-page .cookie-toc h2 {
  margin: 0;
}

.cookie-policy-page .cookie-toc__heading p {
  margin: 0;
}

.cookie-policy-page .cookie-toc__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2) var(--space-5);
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: cookie-toc;
}

.cookie-policy-page .cookie-toc__list li {
  min-width: 0;
  counter-increment: cookie-toc;
}

.cookie-policy-page .cookie-toc__list a {
  display: flex;
  min-width: 0;
  min-height: 2.75rem;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  color: var(--color-ink);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  line-height: 1.35;
  text-decoration: none;
}

.cookie-policy-page .cookie-toc__list a::before {
  display: inline-grid;
  width: 1.75rem;
  min-width: 1.75rem;
  height: 1.75rem;
  place-items: center;
  border-radius: 50%;
  background: var(--color-lemon-yellow);
  color: var(--color-ink);
  content: counter(cookie-toc, decimal-leading-zero);
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: var(--font-weight-black);
}

.cookie-policy-page .cookie-toc__list a:hover {
  background: var(--color-sky-tint);
  color: var(--color-ink);
}

.cookie-policy-page .cookie-toc__list a:focus-visible {
  outline: 2px solid var(--color-turquoise);
  outline-offset: 2px;
}

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

.cookie-policy-page .cookie-section--muted {
  background: #f7fcfb;
}


.cookie-policy-page .cookie-section__title-row {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: var(--space-3);
}

.cookie-policy-page .cookie-section__number {
  display: inline-grid;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  place-items: center;
  margin-top: 0.2rem;
  border-radius: 50%;
  background: var(--color-turquoise);
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: var(--font-weight-black);
  line-height: 1;
}

.cookie-policy-page .cookie-section__title-row h2 {
  margin: 0;
}

.cookie-policy-page .cookie-section__intro > p {
  margin-top: var(--space-3);
  margin-bottom: 0;
}



.cookie-policy-page .cookie-reading--spaced {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  margin-top: var(--space-5);
}

.cookie-policy-page .cookie-reading--spaced > * {
  width: 100%;
  min-width: 0;
  margin: 0;
}

.cookie-policy-page .cookie-reading h3 {
  margin-bottom: var(--space-3);
  font-size: var(--font-size-h3);
}

.cookie-policy-page .cookie-reading h3 + p {
  margin-top: 0;
}

.cookie-policy-page .cookie-callout {
  width: 100%;
  min-width: 0;
  padding: var(--space-4);
  border-radius: var(--radius-card);
}

.cookie-policy-page .cookie-callout--coral {
  background: var(--color-coral-tint);
}

.cookie-policy-page .cookie-callout--lemon {
  background: var(--color-lemon-yellow);
}

.cookie-policy-page .cookie-callout h3 {
  margin-bottom: var(--space-2);
}

.cookie-policy-page .cookie-callout p:last-child,
.cookie-policy-page .cookie-callout ul:last-child {
  margin-bottom: 0;
}

.cookie-policy-page .cookie-category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  width: calc(100% * 10 / 12);
  min-width: 0;
  margin-top: var(--space-5);
}

.cookie-policy-page .cookie-category-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
  border-radius: var(--radius-card);
}

.cookie-policy-page .cookie-category-card > * {
  min-width: 0;
  margin: 0;
}

.cookie-policy-page .cookie-category-card h3 {
  color: inherit;
  font-size: var(--font-size-card-title);
}

.cookie-policy-page .cookie-category-card p {
  line-height: var(--line-height-relaxed);
}

.cookie-policy-page .cookie-category-card .badge {
  align-self: flex-start;
}

.cookie-policy-page .cookie-category-card--essential {
  border: var(--border-dark);
  background: var(--color-cobalt-blue);
  color: var(--color-soft-white);
}

.cookie-policy-page .cookie-category-card--essential h3 {
  color: var(--color-soft-white);
}

.cookie-policy-page .cookie-category-card--preference {
  background: var(--color-sky-tint);
}

.cookie-policy-page .cookie-category-card--statistics {
  background: var(--color-turquoise);
}

.cookie-policy-page .cookie-category-card--external {
  background: var(--color-coral-tint);
}

.cookie-policy-page .cookie-retention__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  width: calc(100% * 8 / 12);
  min-width: 0;
  margin-top: var(--space-5);
}

.cookie-policy-page .cookie-retention-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
  border-radius: var(--radius-card);
}

.cookie-policy-page .cookie-retention-card > * {
  min-width: 0;
  margin: 0;
}

.cookie-policy-page .cookie-retention-card h3 {
  color: inherit;
  font-size: var(--font-size-card-title);
}

.cookie-policy-page .cookie-retention-card--session {
  border: var(--border-dark);
  background: var(--color-cobalt-blue);
  color: var(--color-soft-white);
}

.cookie-policy-page .cookie-retention-card--session h3 {
  color: var(--color-soft-white);
}

.cookie-policy-page .cookie-retention-card--persistent {
  background: var(--color-sky-tint);
}

.cookie-policy-page .cookie-retention__notice {
  width: calc(100% * 8 / 12);
  min-width: 0;
  margin-top: var(--space-5);
}

.cookie-policy-page .cookie-retention__notice h3 {
  font-size: var(--font-size-card-title);
}

.cookie-policy-page .cookie-manage__panel {
  display: flex;
  width: calc(100% * 10 / 12);
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  margin-top: var(--space-5);
  padding: var(--space-5);
  border-radius: var(--radius-card);
  background: var(--color-turquoise);
  box-shadow: var(--edge-rubber);
}

.cookie-policy-page .cookie-manage__panel > * {
  min-width: 0;
  margin: 0;
}

.cookie-policy-page .cookie-manage__panel h3 {
  font-size: var(--font-size-h3);
}

.cookie-policy-page .cookie-manage__panel .button {
  align-self: flex-start;
}

.cookie-policy-page .cookie-manage__browser-heading {
  width: calc(100% * 8 / 12);
  min-width: 0;
  max-width: 42.5rem;
  margin-top: var(--space-6);
}

.cookie-policy-page .cookie-manage__browser-heading h3 {
  margin-bottom: var(--space-3);
}

.cookie-policy-page .cookie-manage__browser-heading p {
  margin-bottom: 0;
}

.cookie-policy-page .cookie-browser-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  width: calc(100% * 9 / 12);
  min-width: 0;
  margin-top: var(--space-5);
}

.cookie-policy-page .cookie-step-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
  border: var(--border-default);
  border-radius: var(--radius-card);
  background: var(--color-soft-white);
  box-shadow: var(--shadow-card);
}

.cookie-policy-page .cookie-step-card > * {
  min-width: 0;
  margin: 0;
}

.cookie-policy-page .cookie-step-card__number {
  display: inline-grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: 50%;
  background: var(--color-lemon-yellow);
  color: var(--color-ink);
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: var(--font-weight-black);
}

.cookie-policy-page .cookie-step-card h4 {
  font-size: var(--font-size-card-title);
}

.cookie-policy-page .cookie-manage__notice {
  width: calc(100% * 8 / 12);
  min-width: 0;
  margin-top: var(--space-5);
}

.cookie-policy-page .cookie-manage__notice h3 {
  font-size: var(--font-size-card-title);
}

.cookie-policy-page .cookie-closing-card {
  display: flex;
  width: calc(100% * 9 / 12);
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-5);
  padding: var(--space-6);
  border: var(--border-dark);
  border-radius: var(--radius-feature);
  background: var(--color-cobalt-blue);
  color: var(--color-soft-white);
}

.cookie-policy-page .cookie-closing-card > * {
  min-width: 0;
  margin: 0;
}

.cookie-policy-page .cookie-closing-card h3 {
  color: var(--color-soft-white);
  font-size: var(--font-size-h3);
}

.cookie-policy-page .cookie-closing-card p {
  max-width: 40rem;
  line-height: var(--line-height-relaxed);
}

.cookie-policy-page .cookie-section :is(a):focus-visible {
  outline: 2px solid var(--color-turquoise);
  outline-offset: 3px;
}

@media (min-width: 48rem) {
  .cookie-policy-page .cookie-hero {
    padding-block: var(--space-8) var(--space-7);
  }

  .cookie-policy-page .cookie-section {
    padding-block: var(--space-8);
  }

  .cookie-policy-page .cookie-callout {
    padding: var(--space-5);
  }
}

@media (max-width: 56.25rem) {
  .cookie-policy-page .cookie-hero__panel {
    grid-template-columns: minmax(0, 5fr) minmax(0, 3fr);
    column-gap: var(--space-5);
    padding: var(--space-5);
  }

  .cookie-policy-page .cookie-hero__settings {
    padding: var(--space-4);
  }

  .cookie-policy-page .cookie-category-grid,
  .cookie-policy-page .cookie-manage__panel {
    width: 100%;
  }

  .cookie-policy-page .cookie-browser-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .cookie-policy-page .cookie-browser-steps .cookie-step-card:nth-child(3) {
    grid-column: 1 / span 1;
  }
}

@media (max-width: 48rem) {
  .cookie-policy-page .cookie-hero {
    padding-block: var(--space-5) var(--space-6);
  }

  .cookie-policy-page .cookie-hero__panel {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
    padding: var(--space-5);
  }

  .cookie-policy-page .cookie-hero__copy,
  .cookie-policy-page .cookie-hero__settings {
    grid-column: 1;
  }

  .cookie-policy-page .cookie-hero h1 {
    font-size: 2.75rem;
    line-height: 1.045;
  }

  .cookie-policy-page .cookie-hero__settings {
    padding: var(--space-4);
  }

  .cookie-policy-page .cookie-toc-section {
    padding-block: var(--space-5);
  }

  .cookie-policy-page .cookie-toc {
    width: 100%;
    padding: var(--space-4);
  }

  .cookie-policy-page .cookie-section {
    padding-block: var(--space-6);
  }

  .cookie-policy-page .cookie-section__intro,
  .cookie-policy-page .cookie-reading,
  .cookie-policy-page .cookie-category-grid,
  .cookie-policy-page .cookie-retention__cards,
  .cookie-policy-page .cookie-retention__notice,
  .cookie-policy-page .cookie-manage__panel,
  .cookie-policy-page .cookie-manage__browser-heading,
  .cookie-policy-page .cookie-browser-steps,
  .cookie-policy-page .cookie-manage__notice,
  .cookie-policy-page .cookie-closing-card {
    width: 100%;
    max-width: none;
  }

  .cookie-policy-page .cookie-section__title-row h2 {
    font-size: 2rem;
    line-height: 1.1;
  }

  .cookie-policy-page .cookie-toc__list,
  .cookie-policy-page .cookie-category-grid,
  .cookie-policy-page .cookie-retention__cards,
  .cookie-policy-page .cookie-browser-steps {
    grid-template-columns: minmax(0, 1fr);
  }

  .cookie-policy-page .cookie-toc__list {
    gap: var(--space-2);
  }

  .cookie-policy-page .cookie-toc__list a {
    min-height: 2.75rem;
  }

  .cookie-policy-page .cookie-category-card,
  .cookie-policy-page .cookie-retention-card,
  .cookie-policy-page .cookie-step-card,
  .cookie-policy-page .cookie-manage__panel {
    padding: var(--space-4);
  }

  .cookie-policy-page .cookie-browser-steps .cookie-step-card:nth-child(3) {
    grid-column: 1;
  }

  .cookie-policy-page .cookie-closing-card {
    padding: var(--space-5);
  }

  .cookie-policy-page .cookie-manage__panel .button,
  .cookie-policy-page .cookie-settings-trigger {
    width: 100%;
  }
}

@media (max-width: 24rem) {
  .cookie-policy-page .cookie-hero__panel {
    padding: var(--space-4);
  }

  .cookie-policy-page .cookie-hero h1 {
    font-size: 2.5rem;
  }
}