.cookies-page {
  background: var(--color-soft-white);
}

.cookies-page section {
  scroll-margin-top: 7rem;
}

.cookies-page .container {
  max-width: var(--container-max);
}

.cookies-hero {
  padding-block: clamp(var(--space-10), 12vw, var(--space-11));
}

.cookies-hero__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
}

.cookies-hero__content {
  grid-column: 1 / span 8;
  min-width: 0;
}

.cookies-hero__space {
  grid-column: 9 / span 4;
  min-width: 0;
}

.cookies-hero__eyebrow {
  color: var(--color-electric-blue);
}

.cookies-hero__title {
  max-width: 8.6ch;
  margin-block-end: var(--space-6);
  font-size: clamp(3.5rem, 11vw, 10.5rem);
  line-height: var(--line-height-display);
}

.cookies-hero__intro {
  max-width: 64ch;
  margin-block-end: var(--space-7);
  color: var(--color-white-smoke);
}

.cookies-hero__meta {
  display: flex;
  width: min(100%, 38rem);
  min-width: 0;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-3);
  padding-block-start: var(--space-4);
  border-top: 1px solid var(--color-line-blue-grey);
  color: var(--color-white-smoke);
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}

.cookies-hero__meta > * {
  min-width: 0;
}

.cookies-overview__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
}

.cookies-index {
  grid-column: 1 / span 2;
  min-width: 0;
  align-self: start;
  position: sticky;
  top: 7rem;
}

.cookies-index__label {
  margin-block-end: var(--space-3);
  color: var(--color-muted);
  font-size: var(--font-size-micro);
  font-weight: 700;
  letter-spacing: var(--tracking-label);
  line-height: var(--line-height-micro);
  text-transform: uppercase;
}

.cookies-index__nav {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
}

.cookies-index__nav > a {
  display: block;
  min-width: 0;
  min-height: 2.75rem;
  padding-block: var(--space-2);
  border-bottom: 1px solid rgb(136 147 155 / 55%);
  color: var(--color-ink-black);
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  text-decoration: none;
}

.cookies-overview__content {
  grid-column: 4 / span 6;
  min-width: 0;
}

.cookies-overview__space {
  grid-column: 10 / span 3;
  min-width: 0;
}

.cookies-overview__content > h2 {
  max-width: 18ch;
}

.cookies-overview__block {
  width: min(100%, 66ch);
  min-width: 0;
  padding-block: var(--space-5);
  border-top: 1px solid rgb(136 147 155 / 70%);
}

.cookies-overview__block > h3 {
  max-width: 24ch;
}

.cookies-overview__block > p {
  max-width: 66ch;
}

.cookies-scope {
  display: grid;
  grid-template-columns: minmax(2rem, 1fr) minmax(0, 54ch);
  gap: var(--space-4);
  width: min(100%, 58ch);
  min-width: 0;
  margin-block-start: var(--space-4);
  padding-block-start: var(--space-5);
  border-top: 1px solid rgb(136 147 155 / 70%);
}

.cookies-scope__number,
.cookies-category__number {
  color: var(--color-electric-blue);
  font-size: var(--font-size-micro);
  font-weight: 700;
  letter-spacing: var(--tracking-label);
  line-height: var(--line-height-micro);
}

.cookies-scope > p {
  min-width: 0;
  max-width: 54ch;
  margin-block-end: 0;
}

.cookies-categories {
  padding-block-start: 0;
}

.cookies-categories__heading {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  margin-block-end: var(--space-7);
}

.cookies-categories__heading > .eyebrow,
.cookies-categories__heading > h2 {
  grid-column: 2 / span 7;
  min-width: 0;
}

.cookies-categories__heading > h2 {
  max-width: 19ch;
  margin-block-end: 0;
}

.cookies-categories__list {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.cookies-category {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
  min-width: 0;
  padding-block: var(--space-6);
  border-top: 1px solid rgb(136 147 155 / 70%);
}

.cookies-category:last-child {
  border-bottom: 1px solid rgb(136 147 155 / 70%);
}

.cookies-category__number {
  grid-column: 1 / span 1;
  min-width: 0;
  margin: 0;
}

.cookies-category__content {
  grid-column: 2 / span 6;
  min-width: 0;
}

.cookies-category__content > h3 {
  max-width: 26ch;
}

.cookies-category__content > p {
  max-width: 62ch;
  margin-block-end: 0;
}

.cookies-category__space {
  grid-column: 8 / span 5;
  min-width: 0;
}

.cookies-choices {
  background: rgb(136 147 155 / 18%);
  color: var(--color-ink-black);
}

.cookies-choices__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
}

.cookies-choices__margin {
  grid-column: 1 / span 2;
  min-width: 0;
}

.cookies-choices__content {
  grid-column: 3 / span 7;
  min-width: 0;
}

.cookies-choices__space {
  grid-column: 10 / span 3;
  min-width: 0;
}

.cookies-choices__content > h2 {
  max-width: 18ch;
}

.cookies-choices__lead {
  max-width: 58ch;
}

.cookies-actions {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
  max-width: 64ch;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: cookie-actions;
}

.cookies-actions > li {
  position: relative;
  min-width: 0;
  padding-block-start: var(--space-5);
  padding-inline-start: 3rem;
  border-top: 1px solid rgb(41 64 82 / 55%);
  counter-increment: cookie-actions;
}

.cookies-actions > li::before {
  position: absolute;
  inset-block-start: var(--space-5);
  inset-inline-start: 0;
  color: var(--color-midnight-blue);
  content: "0" counter(cookie-actions);
  font-size: var(--font-size-micro);
  font-weight: 700;
  letter-spacing: var(--tracking-label);
}

.cookies-actions h3 {
  font-family: var(--font-body);
  font-size: var(--font-size-body);
  font-weight: 700;
  letter-spacing: 0;
  line-height: var(--line-height-body);
}

.cookies-actions p {
  max-width: 64ch;
  margin-block-end: 0;
}

.cookies-third-parties__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
}

.cookies-third-parties__before {
  grid-column: 1 / span 3;
  min-width: 0;
}

.cookies-third-parties__content {
  grid-column: 4 / span 6;
  min-width: 0;
}

.cookies-third-parties__after {
  grid-column: 10 / span 3;
  min-width: 0;
}

.cookies-third-parties__content > h2 {
  max-width: 20ch;
}

.cookies-third-parties__main {
  width: min(100%, 62ch);
  min-width: 0;
  padding-block-start: var(--space-5);
  border-top: 1px solid rgb(136 147 155 / 70%);
}

.cookies-third-parties__main > h3 {
  max-width: 24ch;
}

.cookies-third-parties__main > p {
  max-width: 62ch;
}

.cookies-third-parties__note {
  width: min(100%, 54ch);
  min-width: 0;
  margin-block-start: var(--space-6);
  padding-inline-start: var(--space-5);
  border-inline-start: 2px solid var(--color-electric-blue);
}

.cookies-third-parties__note > p {
  max-width: 54ch;
  margin-block-end: 0;
}

.cookies-updates {
  padding-block: clamp(var(--space-9), 10vw, var(--space-10));
}

.cookies-updates__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
}

.cookies-updates__content {
  grid-column: 3 / span 6;
  min-width: 0;
}

.cookies-updates__space {
  grid-column: 9 / span 4;
  min-width: 0;
}

.cookies-updates__content > h2 {
  max-width: 17ch;
}

.cookies-updates__content > p {
  max-width: 62ch;
}

.cookies-updates__rule {
  max-width: 62ch;
  margin-block: var(--space-6);
  background: var(--color-line-blue-grey);
}

.cookies-version {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
}

.cookies-version > span {
  color: #bcc4c8;
  font-size: var(--font-size-micro);
  font-weight: 700;
  letter-spacing: var(--tracking-label);
  line-height: var(--line-height-micro);
  text-transform: uppercase;
}

.cookies-version > strong {
  max-width: 100%;
  color: var(--color-white-smoke);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 600;
  letter-spacing: var(--tracking-heading);
  line-height: var(--line-height-heading);
}

.cookies-questions {
  padding-block: clamp(var(--space-9), 10vw, var(--space-10));
  border-top: 1px solid var(--color-line-blue-grey);
}

.cookies-questions__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-5);
}

.cookies-questions__before {
  grid-column: 1 / span 2;
  min-width: 0;
}

.cookies-questions__content {
  grid-column: 3 / span 6;
  min-width: 0;
}

.cookies-questions__space {
  grid-column: 9 / span 4;
  min-width: 0;
}

.cookies-questions__content > h2 {
  max-width: 16ch;
}

.cookies-questions__message {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  width: min(100%, 58ch);
  padding: var(--space-5);
  background: var(--color-soft-white);
  color: var(--color-ink-black);
}

.cookies-questions__message > p {
  max-width: 58ch;
  margin: 0;
}

.cookies-email {
  display: inline-flex;
  min-width: 0;
  min-height: 2.75rem;
  align-items: center;
  color: var(--color-midnight-blue);
  font-size: var(--font-size-small);
  font-weight: 700;
  overflow-wrap: anywhere;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

@media (max-width: 63.9375rem) {
  .cookies-index {
    grid-column: 1 / -1;
    position: static;
    margin-block-end: var(--space-6);
  }

  .cookies-index__nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-2) var(--space-4);
  }

  .cookies-index__nav > a {
    min-width: 0;
  }

  .cookies-overview__content {
    grid-column: 1 / span 8;
  }

  .cookies-overview__space {
    grid-column: 9 / span 4;
  }

  .cookies-categories__heading > .eyebrow,
  .cookies-categories__heading > h2 {
    grid-column: 1 / span 8;
  }

  .cookies-category__content {
    grid-column: 2 / span 8;
  }

  .cookies-category__space {
    grid-column: 10 / span 3;
  }

  .cookies-choices__margin {
    grid-column: 1 / span 1;
  }

  .cookies-choices__content {
    grid-column: 2 / span 8;
  }

  .cookies-choices__space {
    grid-column: 10 / span 3;
  }

  .cookies-third-parties__before {
    grid-column: 1 / span 1;
  }

  .cookies-third-parties__content {
    grid-column: 2 / span 8;
  }

  .cookies-third-parties__after {
    grid-column: 10 / span 3;
  }

  .cookies-updates__content,
  .cookies-questions__content {
    grid-column: 1 / span 8;
  }

  .cookies-updates__space,
  .cookies-questions__space {
    grid-column: 9 / span 4;
  }

  .cookies-questions__before {
    display: none;
  }
}

@media (max-width: 55rem) {
  .cookies-category {
    grid-template-columns: minmax(4rem, auto) minmax(0, 1fr);
    column-gap: var(--space-4);
  }

  .cookies-category__number {
    grid-column: 1;
  }

  .cookies-category__content {
    grid-column: 2;
  }

  .cookies-category__space {
    display: none;
  }
}

@media (max-width: 47.9375rem) {
  .cookies-page section {
    scroll-margin-top: 5rem;
  }

  .cookies-hero {
    padding-block: var(--space-9);
  }

  .cookies-hero__grid,
  .cookies-overview__grid,
  .cookies-categories__heading,
  .cookies-choices__grid,
  .cookies-third-parties__grid,
  .cookies-updates__grid,
  .cookies-questions__grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0;
  }

  .cookies-hero__content,
  .cookies-overview__content,
  .cookies-categories__heading > .eyebrow,
  .cookies-categories__heading > h2,
  .cookies-choices__content,
  .cookies-third-parties__content,
  .cookies-updates__content,
  .cookies-questions__content {
    grid-column: 1;
    width: 100%;
  }

  .cookies-hero__space,
  .cookies-overview__space,
  .cookies-choices__margin,
  .cookies-choices__space,
  .cookies-third-parties__before,
  .cookies-third-parties__after,
  .cookies-updates__space,
  .cookies-questions__before,
  .cookies-questions__space {
    display: none;
  }

  .cookies-hero__title {
    max-width: none;
    font-size: clamp(2.75rem, 14vw, 4.75rem);
    line-height: 0.9;
  }

  .cookies-hero__intro {
    max-width: none;
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
  }

  .cookies-hero__meta {
    width: 100%;
  }

  .cookies-index {
    margin-block-end: var(--space-5);
  }

  .cookies-index__nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cookies-overview__content > h2,
  .cookies-categories__heading > h2,
  .cookies-choices__content > h2,
  .cookies-third-parties__content > h2,
  .cookies-updates__content > h2,
  .cookies-questions__content > h2 {
    max-width: none;
    font-size: clamp(2rem, 10vw, 2.5rem);
    line-height: var(--line-height-heading);
  }

  .cookies-overview__block,
  .cookies-overview__block > p,
  .cookies-scope,
  .cookies-scope > p,
  .cookies-category__content > p,
  .cookies-choices__lead,
  .cookies-actions,
  .cookies-actions p,
  .cookies-third-parties__main,
  .cookies-third-parties__main > p,
  .cookies-third-parties__note,
  .cookies-third-parties__note > p,
  .cookies-updates__content > p,
  .cookies-updates__rule,
  .cookies-questions__message,
  .cookies-questions__message > p {
    width: 100%;
    max-width: none;
  }

  .cookies-scope {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
  }

  .cookies-category {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-3);
    padding-block: var(--space-5);
  }

  .cookies-category__number,
  .cookies-category__content {
    grid-column: 1;
  }

  .cookies-category__content > h3 {
    max-width: none;
  }

  .cookies-actions > li {
    padding-inline-start: 0;
    padding-block-start: calc(var(--space-5) + var(--space-5));
  }

  .cookies-actions > li::before {
    inset-block-start: var(--space-5);
  }

  .cookies-third-parties__note {
    padding-inline-start: var(--space-4);
  }

  .cookies-version > strong {
    font-size: clamp(1.75rem, 8vw, 2rem);
  }

  .cookies-questions__message {
    padding: var(--space-4);
  }
}

@media (max-width: 29.9375rem) {
  .cookies-index__nav {
    grid-template-columns: minmax(0, 1fr);
  }
}