/* Cookie Policy page styles – minimal and consistent with base.css */
.legal-hero {
  padding-block: var(--space-40) var(--space-24);
  background: linear-gradient(180deg, rgba(31, 228, 228, 0.05), rgba(255, 209, 102, 0.04));
  border-bottom: 1px solid var(--color-border);
}
.legal-hero .legal-intro { color: var(--color-text-muted); }
.legal-meta { display: flex; gap: var(--space-16); align-items: center; flex-wrap: wrap; margin-top: var(--space-16); }
.legal-meta span { color: var(--color-text-muted); }

.toc { margin-block: var(--space-24) var(--space-16); }
.toc-list { display: grid; gap: var(--space-8); grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); padding-left: 0; }
.toc-list a { display: block; padding: 10px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.toc-list a:hover { box-shadow: var(--shadow-glow-teal); }

.legal-section { padding-block: var(--space-24); border-bottom: 1px solid var(--color-border); }
.legal-section:last-of-type { border-bottom: 0; padding-bottom: var(--space-40); }

.legal-section ul { padding-left: 1.1rem; }
.legal-section li { margin-bottom: 8px; }

@media (min-width: 768px) {
  .legal-hero { padding-block: var(--space-56) var(--space-32); }
  .toc { margin-block: var(--space-32); }
}