/* Privacy Policy page-specific styles (lean, non-duplicative) */
.hero { padding-block: var(--space-14) var(--space-8); background: color-mix(in oklab, var(--color-primary) 6%, transparent); }
.hero .meta { margin-top: var(--space-3); color: var(--gray-600); }
.hero .actions { margin-top: var(--space-5); display: flex; gap: var(--space-3); flex-wrap: wrap; }

.toc { padding-block: var(--space-4) var(--space-6); border-block: 1px solid var(--gray-200); background: var(--color-surface); }
.toc__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-3); }
.toc__list a { display: block; padding: 10px 12px; border: 1px solid var(--gray-200); border-radius: var(--radius-md); background: var(--color-background); transition: background-color var(--duration-normal) var(--ease-standard); }
.toc__list a:hover { background: color-mix(in oklab, var(--color-primary) 8%, transparent); text-decoration: none; }

.policy { padding-block: var(--space-8) var(--space-16); }
.policy .card { margin-bottom: var(--space-6); }
.policy .card h2 { margin-bottom: var(--space-3); }
.policy .card ul { margin-left: 1.25rem; }
.policy .card ul li { margin-bottom: var(--space-2); }

@media (min-width: 768px) {
  .policy .card { padding: var(--space-6); }
}
