.cookies-page {
  background: var(--color-worn-parchment);
}

.cookies-page :is(a, button) {
  scroll-margin-top: var(--space-7);
}

.cookies-hero {
  padding-block: 5.5rem;
}

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

.cookies-hero__content {
  grid-column: 2 / span 7;
  width: 100%;
  max-width: 43.75rem;
  min-width: 0;
}

.cookies-hero__content .lead {
  max-width: 42rem;
}

.cookies-hero__anchor {
  color: var(--color-aged-paper);
  text-decoration-color: var(--color-cold-sea-blue);
}

.cookies-hero__motif {
  grid-column: 9 / span 3;
  position: relative;
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 13rem;
  place-items: center;
  color: rgb(243 233 208 / 20%);
}

.cookies-hero__motif::before,
.cookies-hero__motif::after {
  position: absolute;
  inset-inline: 8%;
  height: 1px;
  background: rgb(78 155 178 / 35%);
  content: "";
}

.cookies-hero__motif::before { top: 28%; }
.cookies-hero__motif::after { bottom: 28%; }
.cookies-hero__motif span {
  font-family: var(--font-heading);
  font-size: 8rem;
  line-height: 1;
}
.cookies-hero__motif i,
.cookies-hero__motif b { position: absolute; font-style: normal; font-weight: 400; }
.cookies-hero__motif i { width: 8rem; height: 8rem; border: 1px solid rgb(243 233 208 / 18%); border-radius: 50%; }
.cookies-hero__motif b { color: rgb(78 155 178 / 55%); font-size: 1.75rem; }

.cookies-understanding__copy {
  width: 100%;
  max-width: 42.5rem;
  min-width: 0;
  margin-inline: auto;
}

.cookies-definition {
  border-inline-start: 3px solid var(--color-weathered-timber);
  padding-inline-start: var(--space-4);
}

.cookies-choice-summary {
  width: 100%;
  max-width: 60rem;
  min-width: 0;
  margin-top: var(--space-7);
  margin-inline: auto;
  border: 1px solid rgb(32 42 45 / 40%);
  background: var(--color-storm-grey);
  color: var(--color-midnight-navy);
}

.cookies-choice-summary__heading {
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid rgb(32 42 45 / 40%);
}
.cookies-choice-summary__heading h3 { margin: 0; }
.cookies-choice-summary__rows { display: grid; grid-template-columns: 1fr; }
.cookies-choice-summary__row {
  display: grid;
  grid-template-columns: minmax(8rem, 20%) minmax(0, 1fr);
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid rgb(32 42 45 / 30%);
}
.cookies-choice-summary__row:last-child { border-bottom: 0; }
.cookies-choice-summary__row > * { min-width: 0; }
.cookies-choice-summary__row > span {
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: .1em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}
.cookies-choice-summary__row p { margin: 0; }

.cookies-categories__intro {
  width: 100%;
  max-width: 42.5rem;
  min-width: 0;
  margin-bottom: var(--space-7);
}

.cookies-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  width: 100%;
  max-width: 60rem;
  min-width: 0;
}

.cookies-category-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  border: 1px solid var(--color-border-light);
  background: var(--color-worn-parchment);
  color: var(--color-midnight-navy);
}
.cookies-category-card__head,
.cookies-category-card__body { width: 100%; min-width: 0; }
.cookies-category-card__head {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5) var(--space-5) var(--space-4);
  border-bottom: 1px solid var(--color-border-light);
}
.cookies-category-card__head h3 { margin: 0; }
.cookies-category-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-5);
}
.cookies-category-card__body p,
.cookies-category-card__body ul { margin: 0; }
.cookies-status {
  align-self: flex-start;
  border-bottom: 1px solid var(--color-weathered-timber);
  color: var(--color-dark-iron);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: .08em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}
.cookies-status--choice { color: #40535d; }
.cookies-status--third { color: var(--color-ember-red); }

.cookies-overview__intro {
  width: 100%;
  max-width: 42.5rem;
  min-width: 0;
  margin-inline: auto;
}
.cookies-table-hint {
  display: none;
  margin-top: var(--space-5);
  color: var(--color-text-muted);
  font-size: var(--text-meta);
  font-weight: 600;
  letter-spacing: .04em;
}
.cookies-table-wrap {
  width: 100%;
  max-width: 60rem;
  min-width: 0;
  margin-top: var(--space-5);
  margin-inline: auto;
  overflow-x: auto;
  border: 1px solid var(--color-border-light);
}
.cookies-table-wrap table { min-width: 60rem; margin: 0; border: 0; }
.cookies-table-wrap th:nth-child(1) { width: 20%; }
.cookies-table-wrap th:nth-child(2) { width: 33%; }
.cookies-table-wrap th:nth-child(3) { width: 18%; }
.cookies-table-wrap th:nth-child(4) { width: 29%; }
.cookies-overview__note {
  width: 100%;
  max-width: 42.5rem;
  min-width: 0;
  margin-top: var(--space-5);
  margin-inline: auto;
  border-top: 3px double var(--color-weathered-timber);
  border-bottom: 3px double var(--color-weathered-timber);
  padding-block: var(--space-5);
}
.cookies-overview__note h3 { margin-bottom: var(--space-3); }
.cookies-overview__note p { margin: 0; }

.cookies-management__layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6) var(--space-5);
  align-items: start;
}
.cookies-management__copy {
  grid-column: 2 / span 7;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
  max-width: 42.5rem;
  min-width: 0;
}
.cookies-management__copy :is(h2, h3, p, ul) { margin: 0; }
.cookies-management__copy h3 { margin-top: var(--space-2); }
.cookies-consent-button { align-self: flex-start; }
.cookies-external-callout {
  grid-column: 6 / span 6;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
  max-width: 37.5rem;
  min-width: 0;
  margin-top: 13rem;
  border: 1px solid rgb(243 233 208 / 35%);
  padding: var(--space-5);
}
.cookies-external-callout :is(h3, p) { margin: 0; }
.cookies-external-callout a { align-self: flex-start; }

.cookies-external__feature {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: var(--space-6);
  width: 100%;
  max-width: 60rem;
  min-width: 0;
  align-items: start;
}
.cookies-external__label,
.cookies-external__copy { width: 100%; min-width: 0; }
.cookies-external__copy { max-width: 35rem; }
.cookies-external__copy h3 { margin-bottom: var(--space-4); }
.cookies-independent-note {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  max-width: 47.5rem;
  min-width: 0;
  margin-top: var(--space-7);
  border: 1px solid var(--color-weathered-timber);
  background: var(--color-aged-paper);
  padding: var(--space-5);
}
.cookies-independent-note :is(h3, p) { margin: 0; }

.cookies-update__content {
  width: 100%;
  max-width: 42.5rem;
  min-width: 0;
  margin-inline: auto;
}
.cookies-update__content > .rule-rune { margin-top: 0; }
.cookies-final-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  width: 100%;
  min-width: 0;
  margin-top: var(--space-6);
  border: 1px solid rgb(243 233 208 / 35%);
  padding: var(--space-5);
}
.cookies-final-panel > * { min-width: 0; }
.cookies-final-panel h3 { margin-bottom: var(--space-2); }
.cookies-final-panel p { margin: 0; }
.cookies-final-panel .button { flex: 0 0 auto; }

@media (max-width: 61.24rem) {
  .cookies-hero__content { grid-column: 1 / span 8; }
  .cookies-hero__motif { grid-column: 10 / span 3; }
  .cookies-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cookies-category-card:nth-child(3) { grid-column: 1 / span 2; }
  .cookies-management__copy { grid-column: 1 / span 8; }
  .cookies-external-callout { grid-column: 6 / span 7; }
}

@media (max-width: 56.24rem) {
  .cookies-hero { padding-block: 3.5rem; }
  .cookies-hero__grid { grid-template-columns: 1fr; }
  .cookies-hero__content { grid-column: 1; max-width: 43.75rem; }
  .cookies-hero__motif { display: none; }
  .cookies-management__layout { grid-template-columns: 1fr; }
  .cookies-management__copy { grid-column: 1; }
  .cookies-external-callout { grid-column: 1; max-width: 42.5rem; margin-top: 0; }
}

@media (max-width: 51.24rem) {
  .cookies-external__feature { grid-template-columns: 1fr; gap: var(--space-4); }
  .cookies-external__copy { max-width: 35rem; }
}

@media (max-width: 51.24rem) {
  .cookies-table-hint { display: block; }
  .cookies-table-wrap { margin-inline: 0; }
}

@media (max-width: 47.99rem) {
  .cookies-choice-summary { margin-top: var(--space-6); }
  .cookies-choice-summary__heading,
  .cookies-choice-summary__row { padding: var(--space-4); }
  .cookies-choice-summary__row { grid-template-columns: 1fr; gap: var(--space-2); }
  .cookies-categories__intro { margin-bottom: var(--space-6); }
  .cookies-category-grid { grid-template-columns: 1fr; gap: var(--space-4); }
  .cookies-category-card:nth-child(3) { grid-column: 1; }
  .cookies-category-card__head,
  .cookies-category-card__body { padding: var(--space-4); }
  .cookies-independent-note,
  .cookies-external-callout,
  .cookies-final-panel { padding: var(--space-4); }
  .cookies-final-panel { flex-direction: column; align-items: stretch; }
  .cookies-final-panel .button { align-self: flex-start; }
}

@media (max-width: 26.24rem) {
  .cookies-final-panel .button { width: 100%; }
}