.cookie-layout {
  align-items: flex-start;
}

.cookie-main {
  width: 100%;
}

.cookie-article {
  margin-top: var(--space-4);
}

.cookie-block + .cookie-block {
  margin-top: var(--space-6);
}

.cookie-list {
  display: grid;
  gap: var(--space-2);
  font-size: var(--text-sm);
}

.cookie-list-label {
  display: inline-block;
  font-weight: 600;
  color: var(--color-neutral-100);
  margin-right: 0.35rem;
}

.cookie-types-grid {
  margin-top: var(--space-4);
}

.cookie-type-item h3 {
  font-size: var(--text-base);
  margin-bottom: var(--space-2);
}

.cookie-type-item p {
  font-size: var(--text-sm);
}

.cookie-aside {
  position: sticky;
  top: 6.5rem;
}

.cookie-summary .section-title {
  font-size: var(--text-xl);
}

.cookie-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
}

.cookie-flags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

#cookie-only-necessary {
  background: rgba(5, 7, 12, 0.98);
}

#cookie-only-necessary:hover {
  background: rgba(10, 12, 18, 0.98);
}

@media (max-width: 767px) {
  .cookie-article {
    margin-top: var(--space-3);
  }

  .cookie-aside {
    position: static;
    margin-top: var(--space-6);
  }
}