/* Cookie Policy Page Styles - minimal and complementary to base.css */
.legal-hero {
  background: linear-gradient(135deg, var(--color-secondary-light) 0%, var(--color-accent-light) 100%);
  padding: var(--space-16) 0 var(--space-12);
  text-align: left;
}
.legal-hero h1 {
  margin-bottom: var(--space-3);
}
.legal-hero p {
  max-width: 60ch;
}
.legal-cta {
  margin-top: var(--space-6);
  display: flex;
  gap: var(--space-4);
  flex-wrap: wrap;
}

.legal-section {
  padding: var(--space-12) 0;
}
.legal-section.alt {
  background: var(--color-bg-secondary);
}

.legal-list {
  list-style: disc;
  padding-left: 1.25rem;
}
.legal-list li + li {
  margin-top: var(--space-2);
}
.legal-list.external a {
  text-decoration: underline;
}

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

@media (max-width: 768px) {
  .legal-hero { padding: var(--space-12) 0 var(--space-10); }
}