/* Privacy Policy page styles — minimal, leveraging base.css tokens */
.page-hero {
  padding-block: var(--space-16) var(--space-10);
  background: radial-gradient(60% 80% at 20% -10%, rgba(121,197,150,0.05), transparent 70%),
              radial-gradient(60% 80% at 80% 110%, rgba(0,0,0,0.6), transparent 70%);
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.page-hero h1 { margin-bottom: var(--space-3); }
.page-hero .hero-sub { color: var(--color-text-muted); max-width: 70ch; }
.page-hero .meta { color: var(--gray-300); font-size: var(--fs-200); }

.toc { position: sticky; top: 0; z-index: 5; backdrop-filter: blur(4px); background: color-mix(in oklab, var(--color-bg) 85%, transparent); border-block: 1px solid rgba(255,255,255,0.05); }
.toc__list { display: flex; flex-wrap: wrap; gap: var(--space-3); padding-block: var(--space-3); }
.toc__list a { display: inline-block; padding: 8px 12px; border: 1px solid var(--gray-600); border-radius: var(--radius-s); color: var(--color-text); text-decoration: none; }
.toc__list a:hover { border-color: color-mix(in oklab, var(--color-primary) 40%, var(--gray-600)); }
.toc__list a.is-active { border-color: var(--color-primary); box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-primary) 18%, transparent); color: var(--color-heading); }

.legal { padding-block: var(--space-12) var(--space-16); }
.legal__section { margin-bottom: var(--space-8); }
.legal__section ul { padding-left: 1.2rem; }
.legal__section li { margin-bottom: 0.5rem; }
.legal__section .meta { color: var(--gray-300); font-size: var(--fs-200); }

@media (min-width: 768px) {
  .toc__list { gap: var(--space-4); }
}