.cookie-hero {
  border-bottom: 1px solid var(--color-border-subtle);
  background: radial-gradient(circle at top left, rgba(153, 27, 27, 0.22), rgba(12, 10, 9, 0.96));
}
.cookie-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2.4fr);
  gap: var(--space-10);
  align-items: stretch;
}
.cookie-hero-text {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  justify-content: center;
}
.cookie-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}
.cookie-hero-aside h2 {
  font-size: var(--text-xl);
}
.cookie-hero-note {
  margin-top: var(--space-4);
  font-size: var(--text-sm);
}
.cookie-content {
  background: radial-gradient(circle at top left, rgba(24, 20, 19, 0.96), rgba(12, 10, 9, 0.98));
}
.cookie-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 3fr);
  gap: var(--space-8);
}
.cookie-toc-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  font-size: var(--text-sm);
}
.cookie-main {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
.cookie-section h2 {
  margin-bottom: var(--space-4);
}
.cookie-section h3 {
  margin-top: var(--space-4);
}
.cookie-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}
.cookie-type-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-4);
}
.cookie-type-card {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-subtle);
  background: radial-gradient(circle at top left, rgba(217, 119, 6, 0.1), rgba(15, 23, 42, 0.96));
  padding: var(--space-4);
}
.cookie-type-card h3 {
  font-size: var(--text-lg);
}
.cookie-table {
  margin-top: var(--space-4);
  font-size: var(--text-sm);
}
@media (max-width: 1024px) {
  .cookie-hero-inner {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  }
  .cookie-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
}
@media (max-width: 768px) {
  .cookie-hero-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }
  .cookie-hero-aside {
    order: -1;
  }
  .cookie-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 520px) {
  .cookie-type-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}