/* Page-specific styles for Privacy Policy (reuse base.css utilities where possible) */

/* Layout */
.legal { max-width: 920px; }
.policy-hero { margin-bottom: var(--space-12); }

/* TOC */
.toc { margin-block: var(--space-12); }
.toc-list { display: grid; grid-template-columns: 1fr; gap: var(--space-4); margin: 0; padding-left: var(--space-5); }
.toc-list li { margin-left: var(--space-5); }
.toc a { text-decoration: none; color: var(--gray-800); }
.toc a:hover { text-decoration: underline; color: var(--color-primary); }

/* Sections */
.policy-section { padding-block: var(--space-9); border-bottom: 1px solid var(--gray-200); }
.policy-section:last-of-type { border-bottom: 0; }
.policy-section h2 { margin-top: 0; }

/* Contact card */
.policy-contact .cluster { gap: var(--space-5); }
p {
	max-width: 100%;
}
/* Anchor offset for sticky header */
.policy-section, .policy-section h2, .policy-section h3 { scroll-margin-top: 96px; }

@media (min-width: 768px) {
  .toc-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}