/* Privacy Policy page-specific styles (lean, complementary to base.css) */
.legal-hero { padding: var(--space-16) 0 var(--space-8); background: linear-gradient(180deg, rgba(0,255,255,0.06) 0%, rgba(139,92,246,0.06) 100%); border-bottom: 1px solid var(--color-neutral-700); }
.legal-hero .eyebrow { font-family: var(--font-display); text-transform: uppercase; letter-spacing: 0.12em; color: var(--color-text-muted); margin-bottom: var(--space-2); display: inline-block; }
.legal-hero .lead { color: var(--color-text-secondary); }
.legal-hero .meta-row { display: flex; gap: var(--space-4); align-items: center; margin-top: var(--space-6); flex-wrap: wrap; }

.toc { position: relative; border-bottom: 1px solid var(--color-neutral-700); background-color: var(--color-background-alt); }
.toc .container { padding-top: var(--space-4); padding-bottom: var(--space-4); }
.toc ul { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.toc a { display: inline-block; padding: var(--space-2) var(--space-3); border: 1px solid var(--color-neutral-700); border-radius: var(--radius-lg); color: var(--color-text-secondary); background: linear-gradient(135deg, rgba(0,255,255,0.06), rgba(139,92,246,0.06)); transition: all var(--transition-base) var(--ease-out); }
.toc a:hover { color: var(--color-primary); border-color: var(--color-primary); box-shadow: var(--shadow-neon-cyan); }
.toc a.is-active { color: var(--color-background); background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%); border-color: transparent; box-shadow: var(--shadow-neon-cyan); }

.section-anchor { scroll-margin-top: 96px; padding: var(--space-8) 0; }

/* Simple list refinement inside legal text */
.list { display: grid; gap: var(--space-2); padding-left: var(--space-4); }
.list li { list-style: disc; margin-left: var(--space-4); color: var(--color-text-secondary); }

/* High contrast users get clearer borders */
@media (prefers-contrast: more) {
  .toc a { border-width: 2px; }
}
