/* Privacy Policy page-specific styles for ToyGaragee */
.policy-hero {
  background: var(--color-surface-elevated);
  border: 1px solid var(--color-border);
}
.policy-hero h1 { margin-bottom: var(--space-3); }
.policy-hero .lead { margin-top: var(--space-2); }

.legal-toc {
  background: var(--color-surface);
}
.toc-list { display: grid; grid-template-columns: 1fr; gap: var(--space-3); margin: 0; padding: 0; }
.toc-list li { list-style: none; }
.toc-list a { font-weight: 600; color: var(--color-navy); }
.toc-list a:hover { color: var(--color-primary); text-decoration: none; }

/* Wider TOC on larger screens */
@media (min-width: 720px) {
  .toc-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Spacing tweaks inside sections */
section.section--tight h2 { margin-bottom: var(--space-4); }
section.section--tight h3 { margin-top: var(--space-4); margin-bottom: var(--space-2); }
section.section--tight ul { margin-left: 1.125rem; }
section.section--tight li { margin-bottom: 0.4rem; }

/* Definition list styling for contact block */
#kontakt dl { display: grid; grid-template-columns: 180px 1fr; gap: var(--space-2) var(--space-4); }
#kontakt dt { font-weight: 700; color: var(--gray-700); }
#kontakt dd { margin: 0; }

@media (max-width: 640px) {
  #kontakt dl { grid-template-columns: 1fr; }
}