.cookie-policy {
  overflow-x: clip;
  background:
    repeating-linear-gradient(0deg, rgba(195, 199, 219, 0.018) 0, rgba(195, 199, 219, 0.018) 1px, transparent 1px, transparent 6px),
    var(--color-space-canvas);
}

.cookie-policy__hero,
.cookie-policy__section {
  position: relative;
  min-width: 0;
}

.cookie-policy__hero {
  padding-block: var(--space-9) var(--space-8);
  border-bottom: 1px solid rgba(85, 80, 109, 0.6);
}

.cookie-policy__hero-layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  min-width: 0;
}

.cookie-policy__hero-copy {
  grid-column: 1;
  width: min(100%, 45rem);
  min-width: 0;
}

.cookie-policy__index {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  margin-bottom: var(--space-4);
  color: var(--color-muted-silver);
  font-family: var(--font-mono);
  font-size: var(--text-meta);
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.cookie-policy__index span {
  display: block;
  flex: 1 1 auto;
  min-width: 1.5rem;
  height: 1px;
  margin-left: var(--space-3);
  background: var(--color-frame-line);
}

.cookie-policy__hero-lead {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-4);
}

.cookie-policy__hero-lead > p {
  width: 100%;
  max-width: 45rem;
  margin: 0;
}

.cookie-policy__choice-note {
  display: flex;
  flex-direction: column;
  width: min(100%, 37.5rem);
  min-width: 0;
  margin-top: var(--space-6);
  border: 1px solid var(--color-frame-line);
  background: var(--color-inventory-panel);
  padding: var(--space-5);
  gap: var(--space-3);
  box-shadow: var(--shadow-offset), var(--shadow-inset);
}

.cookie-policy__choice-note > p {
  margin: 0;
}

.cookie-policy__choice-label,
.cookie-policy__card-label,
.cookie-policy__panel-heading,
.cookie-policy__strip-label,
.cookie-policy__amber-mark,
.cookie-policy__record-label,
.cookie-policy__step-number,
.cookie-policy__category-label,
.cookie-policy__browser-label {
  font-family: var(--font-mono);
  font-size: var(--text-meta);
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: var(--leading-meta);
  text-transform: uppercase;
}

.cookie-policy__choice-label {
  width: fit-content;
  background: var(--color-violet-deep);
  color: var(--color-steel-silver);
  padding: var(--space-1) var(--space-2);
}

.cookie-policy__hero-line {
  position: absolute;
  right: 0;
  bottom: var(--space-4);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-column: 2;
  width: 100%;
  min-width: 0;
  color: rgba(150, 154, 176, 0.56);
  font-family: var(--font-mono);
  font-size: var(--text-meta);
  letter-spacing: 0.08em;
}

.cookie-policy__hero-line::before {
  content: "";
  display: block;
  flex: 1 1 auto;
  min-width: 2rem;
  height: 1px;
  margin-right: var(--space-3);
  background: rgba(85, 80, 109, 0.72);
}

.cookie-policy__section {
  padding-block: var(--space-8);
}

.cookie-policy__section + .cookie-policy__section {
  border-top: 1px solid rgba(85, 80, 109, 0.42);
}

.cookie-policy__section-grid {
  display: grid;
  min-width: 0;
  align-items: start;
  gap: var(--space-7);
}

.cookie-policy__section-grid--basics {
  grid-template-columns: minmax(0, 8fr) minmax(17.5rem, 4fr);
}

.cookie-policy__section-grid--choices {
  grid-template-columns: minmax(0, 7fr) minmax(20rem, 5fr);
}

.cookie-policy__reading-basics,
.cookie-policy__choices-copy,
.cookie-policy__category-intro,
.cookie-policy__external-heading,
.cookie-policy__clarity-copy,
.cookie-policy__closing-copy,
.cookie-policy__external-copy {
  min-width: 0;
}

.cookie-policy__reading-basics {
  grid-column: 1;
  width: min(100%, 42.5rem);
}

.cookie-policy__category-panel {
  grid-column: 2;
  width: 100%;
  min-width: 0;
}

.cookie-policy__panel-heading {
  margin: 0;
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--color-frame-line);
  color: var(--color-muted-silver);
}

.cookie-policy__category-list,
.cookie-policy__browser-options {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin-top: var(--space-4);
  gap: var(--space-4);
}

.cookie-policy__category-row,
.cookie-policy__browser-option {
  display: grid;
  grid-template-columns: minmax(5.75rem, 0.72fr) minmax(0, 1.28fr);
  min-width: 0;
  border-left: 1px solid var(--color-frame-line);
  padding-left: var(--space-3);
  column-gap: var(--space-3);
}

.cookie-policy__category-row > *,
.cookie-policy__browser-option > * {
  min-width: 0;
  margin: 0;
}

.cookie-policy__category-label,
.cookie-policy__browser-label {
  color: var(--color-steel-silver);
}

.cookie-policy__category-row p:last-child,
.cookie-policy__browser-option p:last-child {
  color: var(--color-muted-silver);
  font-size: var(--text-small);
  line-height: 1.5;
}

.cookie-policy__category-intro {
  width: min(100%, 47.5rem);
}

.cookie-policy__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-width: 0;
  margin-top: var(--space-6);
  gap: var(--space-5);
  align-items: start;
}

.cookie-policy__archive-card {
  display: flex;
  grid-column: auto;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  gap: var(--space-3);
}

.cookie-policy__archive-card > * {
  min-width: 0;
  margin: 0;
}

.cookie-policy__archive-card h3 {
  margin-top: var(--space-1);
}

.cookie-policy__card-label {
  color: var(--color-alien-violet);
}

.cookie-policy__card-label--muted {
  color: var(--color-muted-silver);
}

.cookie-policy__archive-card--offset {
  margin-top: var(--space-5);
}

.cookie-policy__amber-mark {
  width: fit-content;
  margin-top: var(--space-1);
  color: var(--color-warning-amber);
  padding: var(--space-1) var(--space-2);
  border: 1px solid rgba(213, 168, 75, 0.6);
}

.cookie-policy__external-strip,
.cookie-policy__consequence {
  display: grid;
  min-width: 0;
  border-left: 2px solid var(--color-warning-amber);
  background: rgba(31, 27, 44, 0.62);
  padding: var(--space-4) var(--space-5);
  gap: var(--space-2);
}

.cookie-policy__external-strip {
  grid-template-columns: minmax(9rem, 0.3fr) minmax(0, 1.7fr);
  width: 100%;
  margin-top: var(--space-6);
}

.cookie-policy__external-strip > *,
.cookie-policy__consequence > * {
  min-width: 0;
  margin: 0;
}

.cookie-policy__strip-label {
  color: var(--color-warning-amber);
}

.cookie-policy__choices-copy {
  grid-column: 1;
  width: min(100%, 42.5rem);
}

.cookie-policy__browser-panel {
  grid-column: 2;
  width: 100%;
  min-width: 0;
}

.cookie-policy__consequence {
  grid-template-columns: minmax(10rem, 0.35fr) minmax(0, 1.65fr);
  width: min(100%, 42.5rem);
  margin-top: var(--space-6);
}

.cookie-policy__external-heading {
  width: min(100%, 45rem);
}

.cookie-policy__external-heading > p:last-child {
  padding-bottom: var(--space-5);
  border-bottom: 1px solid var(--color-frame-line);
}

.cookie-policy__external-grid {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(18.75rem, 4fr);
  min-width: 0;
  margin-top: var(--space-5);
  gap: var(--space-7);
  align-items: start;
}

.cookie-policy__external-copy {
  grid-column: 1;
  width: min(100%, 45rem);
}

.cookie-policy__boundary-panel {
  display: flex;
  grid-column: 2;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  border: 1px solid var(--color-frame-line);
  background: var(--color-inventory-panel);
  box-shadow: var(--shadow-offset), var(--shadow-inset);
}

.cookie-policy__boundary-record {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  padding: var(--space-4);
  gap: var(--space-2);
}

.cookie-policy__boundary-record + .cookie-policy__boundary-record {
  border-top: 1px solid var(--color-frame-line);
}

.cookie-policy__boundary-record > * {
  min-width: 0;
  margin: 0;
}

.cookie-policy__record-label {
  color: var(--color-alien-violet);
}

.cookie-policy__boundary-record p:last-child {
  color: var(--color-muted-silver);
  font-size: var(--text-small);
  line-height: 1.5;
}

.cookie-policy__clarity-copy {
  width: min(100%, 43.75rem);
}

.cookie-policy__clarity-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: min(100%, 43.75rem);
  min-width: 0;
  margin-top: var(--space-6);
  border-top: 1px solid var(--color-frame-line);
}

.cookie-policy__clarity-step {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  padding: var(--space-4) var(--space-4) 0 0;
  gap: var(--space-3);
}

.cookie-policy__clarity-step + .cookie-policy__clarity-step {
  border-left: 1px solid var(--color-frame-line);
  padding-left: var(--space-4);
}

.cookie-policy__clarity-step > * {
  min-width: 0;
  margin: 0;
}

.cookie-policy__step-number {
  color: var(--color-alien-violet);
}

.cookie-policy__clarity-step p:last-child {
  color: var(--color-muted-silver);
  font-size: var(--text-small);
  line-height: 1.5;
}

.cookie-policy__closing-copy {
  width: min(100%, 42.5rem);
}

.cookie-policy__closing-note {
  width: min(100%, 35rem);
  min-width: 0;
  margin-top: var(--space-5);
  border-top: 1px solid var(--color-frame-line);
  padding-top: var(--space-4);
}

.cookie-policy__closing-note p {
  margin: 0;
  color: var(--color-muted-silver);
}

.cookie-policy a:focus-visible {
  outline: 2px solid var(--color-alien-violet);
  outline-offset: 3px;
}

@media (max-width: 56.25rem) {
  .cookie-policy__hero {
    padding-block: var(--space-8) var(--space-7);
  }

  .cookie-policy__hero-layout,
  .cookie-policy__section-grid--basics,
  .cookie-policy__section-grid--choices,
  .cookie-policy__external-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .cookie-policy__hero-copy,
  .cookie-policy__reading-basics,
  .cookie-policy__category-panel,
  .cookie-policy__choices-copy,
  .cookie-policy__browser-panel,
  .cookie-policy__external-copy,
  .cookie-policy__boundary-panel {
    grid-column: 1;
  }

  .cookie-policy__hero-line {
    display: none;
  }

  .cookie-policy__section-grid,
  .cookie-policy__external-grid {
    gap: var(--space-5);
  }

  .cookie-policy__category-panel,
  .cookie-policy__browser-panel {
    width: 100%;
  }

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

  .cookie-policy__archive-card--offset {
    margin-top: 0;
  }

  .cookie-policy__archive-card:last-child {
    grid-column: 1 / -1;
  }

  .cookie-policy__external-strip,
  .cookie-policy__consequence {
    grid-template-columns: minmax(0, 1fr);
  }

  .cookie-policy__consequence {
    width: 100%;
  }
}

@media (max-width: 47.5rem) {
  .cookie-policy__clarity-steps {
    grid-template-columns: minmax(0, 1fr);
  }

  .cookie-policy__clarity-step {
    padding: var(--space-4) 0 0;
  }

  .cookie-policy__clarity-step + .cookie-policy__clarity-step {
    border-top: 1px solid var(--color-frame-line);
    border-left: 0;
    margin-top: var(--space-4);
    padding-left: 0;
  }
}

@media (max-width: 40rem) {
  .cookie-policy__hero {
    padding-block: var(--space-7) var(--space-6);
  }

  .cookie-policy__section {
    padding-block: var(--space-6);
  }

  .cookie-policy__hero-copy,
  .cookie-policy__reading-basics,
  .cookie-policy__choices-copy,
  .cookie-policy__category-intro,
  .cookie-policy__external-heading,
  .cookie-policy__external-copy,
  .cookie-policy__clarity-copy,
  .cookie-policy__closing-copy {
    width: 100%;
  }

  .cookie-policy__index {
    font-size: 0.625rem;
  }

  .cookie-policy__choice-note,
  .cookie-policy__external-strip,
  .cookie-policy__consequence {
    padding: var(--space-4);
  }

  .cookie-policy__category-row,
  .cookie-policy__browser-option {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-2);
  }

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

  .cookie-policy__archive-card:last-child {
    grid-column: 1;
  }

  .cookie-policy__external-strip,
  .cookie-policy__consequence {
    gap: var(--space-3);
  }

  .cookie-policy__boundary-record {
    padding: var(--space-4);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cookie-policy {
    background: var(--color-space-canvas);
  }
}