/* Cookie Policy page-specific styles */
.policy-hero { padding-block: var(--space-16) var(--space-8); background: color-mix(in oklab, var(--color-primary) 6%, transparent); }
.policy-hero .eyebrow { color: var(--color-primary); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; font-size: var(--text-sm); }

.policy-content { padding-block: var(--space-10) var(--space-16); }
.policy-grid { grid-template-columns: 1fr; gap: var(--space-8); }

.toc { position: relative; }
.toc nav ul { display: grid; gap: var(--space-2); }
.toc a { color: var(--color-text); text-decoration: none; padding: 8px 10px; border-radius: var(--radius-md); display: block; border: 1px solid var(--gray-200); background: var(--color-surface); }
.toc a:hover { text-decoration: none; background: color-mix(in oklab, var(--color-primary) 6%, transparent); }

.policy-article { display: grid; gap: var(--space-6); }
.list { display: grid; gap: var(--space-3); padding-left: 1rem; }
.list li { list-style: disc; }

.prefs { display: grid; gap: var(--space-4); }
.prefs__row { display: flex; align-items: center; }
.prefs__item { display: inline-flex; align-items: center; gap: var(--space-3); }
.prefs__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }

#prefs-status { margin-top: var(--space-2); }
.hidden { display: none !important; }

@media (min-width: 992px) {
  .policy-grid { grid-template-columns: 280px 1fr; align-items: start; }
  .toc { position: sticky; top: 24px; }
}