/* Privacy Policy page-specific styles (kept minimal; complements base.css) */
.policy-hero { 
  padding: var(--space-16) 0 var(--space-10);
  background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 8%, transparent), transparent 60%);
}
.policy-hero h1 { font-family: "Playfair Display", serif; }

.policy-body { 
  display: grid; 
  grid-template-columns: 280px 1fr; 
  gap: var(--space-8); 
  padding-block: var(--space-12);
}

.policy-toc {
  position: sticky; 
  top: 96px; 
  align-self: start; 
  border: 1px solid var(--color-border); 
  border-radius: var(--radius-lg); 
  padding: var(--space-5);
  background: var(--color-surface);
}
.policy-toc ul { 
  display: grid; 
  gap: var(--space-3); 
  margin: 0; 
  padding: 0; 
}
.policy-toc a { 
  color: var(--color-text); 
  text-decoration: none; 
  font-size: var(--text-size-sm); 
}
.policy-toc a:hover { text-decoration: underline; }

.policy-sections { display: grid; gap: var(--space-6); }
.policy-section .card-body ul { padding-left: var(--space-5); }
.policy-section .card-body li { margin-bottom: var(--space-2); }

@media (max-width: 1024px) {
  .policy-body { grid-template-columns: 1fr; }
  .policy-toc { position: relative; top: 0; }
}