/* Beleidspagina's: een rustige leespagina. Smalle kolom, koppen in de schreefletter, inhoudsopgave opzij op 1440, de datum bovenaan. */
.policy { padding: var(--s6) 0 var(--s7); }
.policy .wrap { display: grid; grid-template-columns: 280px minmax(0, 680px); gap: var(--s6); align-items: start; justify-content: start; }
.policy.solo .wrap { grid-template-columns: minmax(0, 680px); }
.policy .toc { position: sticky; top: calc(72px + var(--s4)); }
.policy .toc .label { margin-bottom: var(--s2); }
.policy .toc ol { display: grid; gap: 2px; }
.policy .toc a { display: block; padding: 6px 0; font-size: var(--t4); color: var(--muted); border-left: 1px solid var(--line); padding-left: var(--s2); transition: color .2s, border-color .2s; }
.policy .toc a:hover { color: var(--off); border-color: var(--gold-line); }
.policy .toc a.on { color: var(--off); border-color: var(--accent-line); }
.policy .date { display: block; font-size: var(--t4); color: var(--muted); margin-bottom: var(--s3); }
.policy h1 { margin-bottom: var(--s4); }
.policy .intro { color: var(--off); margin-bottom: var(--s5); }
.policy h2 { font-size: var(--fs-kaart); margin: var(--s5) 0 var(--s3); scroll-margin-top: calc(72px + var(--s3)); }
.policy h2:first-of-type { margin-top: 0; }
.policy p { color: var(--muted); margin-bottom: var(--s2); }
.policy p b, .policy li b { color: var(--off); font-weight: 600; }
.policy ul { margin: 0 0 var(--s3); display: grid; gap: var(--s1); }
.policy li { position: relative; padding-left: var(--s3); color: var(--muted); }
.policy li::before { content: ""; position: absolute; left: 4px; top: 11px; width: 6px; height: 6px; border-radius: 50%; background: var(--accent-text); }
.policy a { color: var(--off); border-bottom: 1px solid var(--gold-line); }
.policy .toc a { border-bottom: 0; }
.policy .foot { margin-top: var(--s5); padding-top: var(--s3); border-top: 1px solid var(--line); font-size: var(--t4); color: var(--muted); }
@media (max-width: 1100px) { .policy .wrap { grid-template-columns: minmax(0, 680px); } .policy .toc { display: none; } }
@media (max-width: 820px) { .policy { padding: var(--s5) 0 var(--s6); } .policy h2 { margin-top: var(--s4); } }