/* Privacy Policy page-specific CSS for GardenLite */

.policy-hero { padding-block: var(--space-14) var(--space-8); }
.policy-hero .breadcrumbs { margin-bottom: var(--space-4); }
.breadcrumbs-list { display: flex; gap: var(--space-2); flex-wrap: wrap; color: var(--color-muted); font-size: var(--fs-200); }
.breadcrumbs-list li+li::before { content: "/"; margin: 0 var(--space-2); color: var(--gray-400); }
.policy-hero .intro { max-width: 70ch; color: var(--color-muted); }
.policy-hero .meta { color: var(--gray-500); }

.policy-layout { display: grid; grid-template-columns: 280px 1fr; gap: var(--space-10); padding-block: var(--space-10); }
@media (max-width: 1024px) { .policy-layout { grid-template-columns: 1fr; } }

.policy-toc { position: sticky; top: 96px; align-self: start; }
.policy-toc h2 { font-size: var(--fs-500); margin-bottom: var(--space-4); }
.toc-list { display: grid; gap: var(--space-2); }
.toc-list a { display: block; padding: 8px 12px; border-radius: var(--radius-md); color: var(--color-text); text-decoration: none; border: 1px solid transparent; }
.toc-list a:hover { background: var(--primary-50); border-color: var(--primary-100); text-decoration: none; }
.toc-list a[aria-current="true"] { background: var(--primary-100); border-color: var(--primary-200); color: var(--primary-900); font-weight: 600; }

.policy-content { display: grid; gap: var(--space-8); }
.policy-section { background: var(--color-surface); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); padding: var(--space-7); }
.policy-section h2 { margin-top: 0; }
.policy-section ul { list-style: disc; padding-left: 1.2rem; }
.policy-section li { margin-bottom: var(--space-2); }

.cookie-preferences { margin-top: var(--space-4); }

.help-cta { padding-block: var(--space-8) var(--space-14); }

/* Reduce motion friendly scroll behavior is already in base.css */