/* Page-specific styles for Terms & Conditions */
p {
	max-width: 100%
}
.legal-hero { padding-block: var(--space-16) var(--space-12); }
.section { padding-block: var(--space-12); }

/* Table of contents layout */
.toc-list { display: grid; gap: var(--space-2); margin-top: var(--space-3); }
@media (min-width: 720px) { .toc-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.toc-list a { display: inline-flex; padding: 8px 10px; border-radius: var(--radius-md); background: color-mix(in srgb, var(--color-primary) 8%, var(--gray-50)); border: 1px solid var(--gray-200); color: var(--color-text); font-weight: 600; }
.toc-list a:hover { background: color-mix(in srgb, var(--color-primary) 14%, var(--gray-100)); text-decoration: none; }

/* Improve anchor scrolling under sticky header */
#inleiding, #reikwijdte, #acceptatie, #disclaimer, #wijzigingen, #beindiging, #contact, #naleving-wetgeving { scroll-margin-top: calc(var(--header-height) + 16px); }

/* Long-form readability */
.section .container > p, .section .container > ul { max-width: 100%; }
.section ul { padding-left: 1.1rem; }
.section li { margin-bottom: 6px; }