.cookie-policy-page {
  overflow-wrap: anywhere;
}

.cookie-policy-page__intro {
  padding-top: var(--space-24);
  padding-bottom: var(--space-18);
}

.cookie-policy-page__intro-grid,
.cookie-policy-page__types-grid,
.cookie-policy-page__browser-grid,
.cookie-policy-page__updates-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-6);
}

.cookie-policy-page__intro-copy {
  grid-column: 1 / span 7;
  min-width: 0;
  max-width: 43.75rem;
}

.cookie-policy-page__intro-copy > :last-child {
  margin-bottom: 0;
}

.cookie-policy-page__intro-copy .lead {
  max-width: 42rem;
}

.cookie-policy-page__domain {
  overflow-wrap: anywhere;
}

.cookie-policy-page__intro-copy hr {
  width: 100%;
  margin-top: var(--space-6);
}

.cookie-policy-page__types-heading {
  grid-column: 1 / span 5;
  min-width: 0;
  max-width: 32.5rem;
  margin-bottom: var(--space-12);
}

.cookie-policy-page__types-heading > :last-child {
  margin-bottom: 0;
}

.cookie-policy-page__definitions {
  grid-column: 1 / span 8;
  min-width: 0;
  width: 100%;
  max-width: 47.5rem;
  margin: 0;
}

.cookie-policy-page__definition-row {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(9.375rem, 10.5rem) minmax(0, 1fr);
  column-gap: var(--space-6);
  padding-block: var(--space-6);
  border-top: var(--border-default);
}

.cookie-policy-page__definition-row:last-child {
  border-bottom: var(--border-default);
}

.cookie-policy-page__definition-row > dt,
.cookie-policy-page__definition-row > dd {
  min-width: 0;
}

.cookie-policy-page__definition-row dt {
  color: var(--color-sage);
  font-size: var(--font-size-meta);
  font-weight: 600;
  line-height: var(--line-height-meta);
}

.cookie-policy-page__definition-row dd {
  margin: 0;
}

.cookie-policy-page__choices {
  padding-block: var(--space-18);
}

.cookie-policy-page__choices-container {
  min-width: 0;
}

.cookie-policy-page__choices-panel {
  position: relative;
  min-width: 0;
  max-width: 38.75rem;
  padding: var(--space-18) var(--space-12);
  border-radius: var(--radius-organic);
  background: var(--color-sand);
}

.cookie-policy-page__choices-panel > :last-child {
  margin-bottom: 0;
}

.cookie-policy-page__choices-panel .lead {
  max-width: 37rem;
}

.cookie-policy-page__setting-note {
  min-width: 0;
  margin-bottom: var(--space-4);
  padding: var(--space-4);
  border: var(--border-default);
  border-radius: var(--radius-sm);
  background: var(--color-canvas);
}

.cookie-policy-page__setting-note > :last-child,
.cookie-policy-page__context-note > :last-child,
.cookie-policy-page__browser-note > :last-child,
.cookie-policy-page__related-info > :last-child {
  margin-bottom: 0;
}

.cookie-policy-page__muted-copy {
  color: var(--color-muted-text);
}

.cookie-policy-page__context-note {
  min-width: 0;
  margin-top: var(--space-6);
  padding-top: var(--space-6);
  border-top: var(--border-default);
}

.cookie-policy-page__context-note .eyebrow {
  margin-bottom: var(--space-2);
}

.cookie-policy-page__browser-heading {
  grid-column: 1 / span 5;
  min-width: 0;
  max-width: 31.25rem;
}

.cookie-policy-page__browser-content {
  grid-column: 1 / span 7;
  min-width: 0;
  max-width: 42.5rem;
  margin-top: var(--space-12);
}

.cookie-policy-page__browser-content > :last-child {
  margin-bottom: 0;
}

.cookie-policy-page__steps {
  min-width: 0;
  max-width: 37.5rem;
  margin-bottom: var(--space-6);
  padding-left: 1.5rem;
}

.cookie-policy-page__steps li {
  min-width: 0;
  padding-left: var(--space-2);
}

.cookie-policy-page__steps li + li {
  margin-top: var(--space-4);
}

.cookie-policy-page__browser-note {
  min-width: 0;
  padding: var(--space-4);
  border: var(--border-default);
  border-radius: var(--radius-sm);
}

.cookie-policy-page__browser-note .eyebrow {
  margin-bottom: var(--space-2);
}

.cookie-policy-page__updates {
  overflow: hidden;
  padding-block: var(--space-18);
  border-radius: 2.5rem 2.5rem 0 0;
  background: var(--color-sage-deep);
  color: var(--color-canvas);
}

.cookie-policy-page__updates-copy {
  grid-column: 1 / span 6;
  min-width: 0;
  max-width: 37.5rem;
}

.cookie-policy-page__updates-copy > :last-child {
  margin-bottom: 0;
}

.cookie-policy-page__updates .eyebrow,
.cookie-policy-page__updates h2 {
  color: var(--color-canvas);
}

.cookie-policy-page__updates .eyebrow {
  opacity: 0.84;
}

.cookie-policy-page__related-info {
  min-width: 0;
  margin-top: var(--space-6);
  padding-top: var(--space-6);
  border-top: 1px solid rgb(245 243 239 / 40%);
}

@media (max-width: 64rem) {
  .cookie-policy-page__intro {
    padding-top: var(--space-18);
    padding-bottom: var(--space-12);
  }

  .cookie-policy-page__intro-copy {
    grid-column: 1 / span 8;
  }

  .cookie-policy-page__types-heading,
  .cookie-policy-page__browser-heading {
    grid-column: 1 / span 8;
  }

  .cookie-policy-page__definitions,
  .cookie-policy-page__browser-content {
    grid-column: 1 / span 8;
  }

  .cookie-policy-page__choices-panel {
    padding: var(--space-12);
    border-radius: var(--radius-lg);
  }

  .cookie-policy-page__updates {
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  }

  .cookie-policy-page__updates-copy {
    grid-column: 1 / span 8;
  }
}

@media (max-width: 47.5rem) {
  .cookie-policy-page__intro {
    padding-top: var(--space-12);
    padding-bottom: var(--space-12);
  }

  .cookie-policy-page__intro-grid,
  .cookie-policy-page__types-grid,
  .cookie-policy-page__browser-grid,
  .cookie-policy-page__updates-grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-6);
  }

  .cookie-policy-page__intro-copy,
  .cookie-policy-page__types-heading,
  .cookie-policy-page__definitions,
  .cookie-policy-page__browser-heading,
  .cookie-policy-page__browser-content,
  .cookie-policy-page__updates-copy {
    grid-column: 1;
    width: 100%;
    max-width: none;
  }

  .cookie-policy-page__types-heading,
  .cookie-policy-page__browser-content {
    margin-bottom: 0;
    margin-top: 0;
  }

  .cookie-policy-page__definition-row {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-3);
    padding-block: var(--space-6);
  }

  .cookie-policy-page__choices {
    padding-block: var(--space-12);
  }

  .cookie-policy-page__choices-panel {
    width: 100%;
    max-width: none;
    padding: var(--space-8);
    border-radius: var(--radius-lg);
  }

  .cookie-policy-page__steps {
    width: 100%;
    max-width: none;
    padding-left: 1.375rem;
  }

  .cookie-policy-page__steps li + li {
    margin-top: var(--space-6);
  }

  .cookie-policy-page__updates {
    padding-block: var(--space-8);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  }
}
