.cookie-policy-page {
  background: var(--color-warm-ivory);
}

.cookie-policy-page :is(h2, h3) {
  scroll-margin-top: var(--space-8);
}

.cookie-policy-hero {
  position: relative;
  overflow: hidden;
  padding-block: var(--space-14) var(--space-10);
}

.cookie-policy-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.cookie-policy-hero__content {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 0;
  max-width: 45rem;
}

.cookie-policy-hero__content .eyebrow {
  margin-block-end: var(--space-3);
}

.cookie-policy-hero__content h1 {
  margin-block-end: var(--space-6);
}

.cookie-policy-hero__rule {
  width: 4rem;
  height: 2px;
  margin-block-end: var(--space-4);
  background: var(--color-eucalyptus);
}

.cookie-policy-hero__lead {
  max-width: 38.75rem;
  margin-block-end: var(--space-4);
  font-size: var(--text-18);
  line-height: 1.56;
}

.cookie-policy-hero__support {
  max-width: 43rem;
  margin-block-end: 0;
}

.cookie-policy-hero__numeral {
  display: none;
}

.cookie-policy-guide {
  padding-block: var(--space-8) var(--space-10);
}

.cookie-policy-guide__panel {
  width: 100%;
  min-width: 0;
  padding: var(--space-6);
  border: 2px solid var(--color-eucalyptus);
  max-width: 36.25rem;
}

.cookie-policy-guide__label {
  margin-block-end: var(--space-3);
  color: var(--color-eucalyptus);
  font-size: var(--text-12);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-label);
  line-height: var(--leading-label);
  text-transform: uppercase;
}

.cookie-policy-guide__list {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}

.cookie-policy-guide__list > li {
  width: 100%;
  min-width: 0;
}

.cookie-policy-guide__list a {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  align-items: center;
  min-width: 0;
  min-height: 2.75rem;
  column-gap: var(--space-3);
}

.cookie-policy-guide__list a span {
  min-width: 0;
}

.cookie-policy-guide__list a span:first-child {
  color: var(--color-muted-cobalt);
  font-size: var(--text-14);
  font-weight: var(--weight-bold);
  font-variant-numeric: tabular-nums;
}

.cookie-policy-chapter {
  padding-block: var(--space-10);
}

.cookie-policy-chapter__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.cookie-policy-chapter__marker {
  display: none;
}

.cookie-policy-chapter__reading {
  width: 100%;
  min-width: 0;
  max-width: 45rem;
}

.cookie-policy-chapter__reading h2 {
  margin-block-end: var(--space-6);
}

.cookie-policy-definition-callout {
  margin-block-end: var(--space-6);
  padding-inline-start: var(--space-4);
  border-inline-start: 1px solid var(--color-line-sand);
}

.cookie-policy-definition-callout p {
  margin-block-end: 0;
}

.cookie-policy-good-to-know {
  margin-block-end: 0;
}

.cookie-policy-good-to-know span {
  color: var(--color-muted-cobalt);
  font-size: var(--text-12);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}

.cookie-policy-categories {
  padding-block: var(--space-10);
}

.cookie-policy-categories__intro {
  width: 100%;
  min-width: 0;
  max-width: 45rem;
  margin-block-end: var(--space-8);
}

.cookie-policy-categories__intro h2 {
  margin-block-end: var(--space-6);
}

.cookie-policy-categories__intro p {
  margin-block-end: 0;
}

.cookie-policy-category-table {
  width: 100%;
  min-width: 0;
}

.cookie-policy-category-table table {
  table-layout: fixed;
}

.cookie-policy-category-table th,
.cookie-policy-category-table td {
  min-width: 0;
  overflow-wrap: anywhere;
}

.cookie-policy-category-table thead th {
  border-top: 2px solid var(--color-eucalyptus);
}

.cookie-policy-category-table tbody th {
  color: var(--color-eucalyptus);
  font-size: var(--text-16);
}

.cookie-policy-category-table__number {
  display: block;
  margin-block-end: var(--space-2);
  color: var(--color-muted-cobalt);
  font-size: var(--text-12);
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--tracking-label);
}

.cookie-policy-status {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  padding: 0.25rem 0.625rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  font-size: var(--text-12);
  font-weight: var(--weight-bold);
  letter-spacing: 0.04em;
  line-height: 1;
  white-space: nowrap;
}

.cookie-policy-status--essential {
  border-color: var(--color-eucalyptus);
  color: var(--color-eucalyptus);
}

.cookie-policy-status--optional {
  border-color: var(--color-muted-cobalt);
  color: var(--color-muted-cobalt);
}

.cookie-policy-status--marketing {
  border-color: var(--color-burnt-apricot);
  color: var(--color-terrazzo-ink);
  background: color-mix(in srgb, var(--color-burnt-apricot) 22%, var(--color-warm-ivory));
}

.cookie-policy-choices-callout {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-3);
  margin-block: var(--space-6);
  padding: var(--space-6);
  border: 1px solid var(--color-line-sand);
  background: var(--color-sandstone);
}

.cookie-policy-choices-callout > * {
  width: 100%;
  min-width: 0;
  margin: 0;
}

.cookie-policy-choices-callout__label {
  color: var(--color-eucalyptus);
  font-size: var(--text-12);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-label);
  line-height: var(--leading-label);
  text-transform: uppercase;
}

.cookie-policy-browser-list {
  margin-block: 0 var(--space-6);
}

.cookie-policy-browser-list li {
  min-height: 2.75rem;
  padding-block: var(--space-2);
}

.cookie-policy-browser-note {
  margin-block-end: var(--space-6);
  padding-inline-start: var(--space-4);
  border-inline-start: 1px solid var(--color-line-sand);
}

.cookie-policy-venue-inset {
  margin-block-end: 0;
  padding: var(--space-4);
  border-inline-start: 2px solid var(--color-muted-cobalt);
  color: var(--color-muted-cobalt);
}

.cookie-policy-retention-list {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-3);
  width: 100%;
  margin-block: var(--space-6);
}

.cookie-policy-retention-list > div {
  width: 100%;
  min-width: 0;
  padding: var(--space-4);
  border: 1px solid var(--color-line-sand);
}

.cookie-policy-retention-list dt {
  margin-block-end: var(--space-2);
  color: var(--color-eucalyptus);
  font-size: var(--text-14);
  font-weight: var(--weight-bold);
}

.cookie-policy-retention-list dd {
  min-width: 0;
}

.cookie-policy-updates {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-3);
  margin-block-start: var(--space-8);
  padding-block-start: var(--space-6);
  border-top: 2px solid var(--color-eucalyptus);
}

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

.cookie-policy-updates__label {
  color: var(--color-eucalyptus);
  font-size: var(--text-12);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-label);
  line-height: var(--leading-label);
  text-transform: uppercase;
}

@media (max-width: 47.4375rem) {
  .cookie-policy-category-table table,
  .cookie-policy-category-table thead,
  .cookie-policy-category-table tbody,
  .cookie-policy-category-table tr,
  .cookie-policy-category-table th,
  .cookie-policy-category-table td {
    display: block;
    width: 100%;
  }

  .cookie-policy-category-table table {
    border-collapse: separate;
    border-spacing: 0;
  }

  .cookie-policy-category-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .cookie-policy-category-table tbody {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: var(--space-4);
  }

  .cookie-policy-category-table tr {
    min-width: 0;
    padding: var(--space-6);
    border: 1px solid var(--color-line-sand);
  }

  .cookie-policy-category-table tbody th,
  .cookie-policy-category-table td {
    padding: 0;
    border: 0;
  }

  .cookie-policy-category-table tbody th {
    margin-block-end: var(--space-4);
  }

  .cookie-policy-category-table td {
    margin-block-start: var(--space-4);
  }

  .cookie-policy-category-table td::before {
    display: block;
    margin-block-end: var(--space-1);
    color: var(--color-eucalyptus);
    content: attr(data-label);
    font-size: var(--text-12);
    font-weight: var(--weight-bold);
    letter-spacing: var(--tracking-label);
    line-height: var(--leading-label);
    text-transform: uppercase;
  }
}

@media (min-width: 45rem) {
  .cookie-policy-hero {
    padding-block: var(--space-20) var(--space-14);
  }

  .cookie-policy-guide {
    padding-block: var(--space-10) var(--space-14);
  }

  .cookie-policy-chapter,
  .cookie-policy-categories {
    padding-block: var(--space-14);
  }

  .cookie-policy-guide__panel {
    padding: var(--space-8);
  }

  .cookie-policy-choices-callout {
    padding: var(--space-8);
  }
}

@media (min-width: 53.75rem) {
  .cookie-policy-guide__panel {
    width: calc((100% - 1.25rem) * 5 / 7);
  }
}

@media (min-width: 56.25rem) {
  .cookie-policy-hero__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 1.25rem;
  }

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

  .cookie-policy-hero__numeral {
    position: absolute;
    right: 7%;
    bottom: -2.1rem;
    display: block;
    color: var(--color-eucalyptus);
    font-family: var(--font-serif);
    font-size: 9.375rem;
    font-weight: var(--weight-semibold);
    letter-spacing: -0.1em;
    line-height: 0.85;
    opacity: 0.09;
    pointer-events: none;
  }

  .cookie-policy-chapter__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    column-gap: 1rem;
  }

  .cookie-policy-chapter__marker {
    display: block;
    grid-column: 1;
    width: 100%;
    min-width: 0;
    margin: var(--space-2) 0 0;
    color: var(--color-muted-cobalt);
    font-size: var(--text-12);
    font-weight: var(--weight-bold);
    letter-spacing: var(--tracking-label);
    line-height: var(--leading-label);
    font-variant-numeric: tabular-nums;
  }

  .cookie-policy-chapter__reading {
    grid-column: 2 / span 7;
  }
}

@media (min-width: 61.25rem) {
  .cookie-policy-category-table colgroup {
    display: table-column-group;
  }

  .cookie-policy-category-table th:nth-child(1),
  .cookie-policy-category-table td:nth-child(1) {
    width: 16.666%;
  }

  .cookie-policy-category-table th:nth-child(2),
  .cookie-policy-category-table td:nth-child(2) {
    width: 33.333%;
  }

  .cookie-policy-category-table th:nth-child(3),
  .cookie-policy-category-table td:nth-child(3) {
    width: 33.333%;
  }

  .cookie-policy-category-table th:nth-child(4),
  .cookie-policy-category-table td:nth-child(4) {
    width: 16.666%;
  }
}

@media (min-width: 75rem) {
  .cookie-policy-hero {
    padding-block: var(--space-28) var(--space-20);
  }

  .cookie-policy-hero__content {
    grid-column: 1 / span 7;
  }

  .cookie-policy-hero__numeral {
    right: 10%;
    bottom: -2.4rem;
    font-size: 18.75rem;
  }

  .cookie-policy-guide {
    padding-block: var(--space-14) var(--space-20);
  }

  .cookie-policy-chapter,
  .cookie-policy-categories {
    padding-block: var(--space-20);
  }

  .cookie-policy-chapter__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 1.25rem;
  }

  .cookie-policy-chapter__marker {
    grid-column: 1;
  }

  .cookie-policy-chapter__reading {
    grid-column: 2 / span 7;
  }

  .cookie-policy-categories__intro {
    margin-inline-start: calc((100% + 1.25rem) / 12);
  }

  .cookie-policy-retention-list {
    width: calc((100% - 1.25rem) * 5 / 7);
  }
}

@media (max-width: 29.9375rem) {
  .cookie-policy-hero__numeral {
    display: none;
  }
}