/* Privacy Policy Page Styles - CityGaerGame */
.policy-hero {
  background: var(--color-surface-secondary);
  padding: var(--space-16) 0 var(--space-10);
  box-shadow: var(--shadow-inner);
}
.policy-hero h1 {
  margin-bottom: var(--space-2);
}
.policy-meta {
  color: var(--color-text-light);
  margin-bottom: var(--space-4);
}
.policy-toc {
  background: var(--color-surface);
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}
.toc-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
  padding: var(--space-6) 0;
}
.toc-list a {
  font-family: var(--font-family-ui);
  display: inline-block;
}
@media (min-width: 768px) {
  .toc-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .toc-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.policy-section { padding: var(--space-12) 0; }
.policy-section .card + .card { margin-top: var(--space-6); }

/* Anchor offset for in-page headings */
.policy-section { scroll-margin-top: 100px; }

/* Sub-headings spacing */
.policy-section h3 { margin-top: var(--space-4); margin-bottom: var(--space-3); }

/* Improve list readability */
.policy-section ul { padding-left: var(--space-4); list-style: disc; }
.policy-section li { margin-bottom: var(--space-2); }

/* High-contrast focus for TOC links */
.toc-list a:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; border-radius: var(--radius-sm); }