/* Gegenereerd door dev/website-overhaul/maak-handleidingen.mjs — niet met de hand bewerken. */
/* De tokens van de handleidingen wijzen naar die van de nieuwe site (pagina/styles.css). */
:root {
  --parchment: var(--cream); --panel: var(--cream-2); --raised: var(--card); --ink: #2b1d0c; --muted: var(--ink-soft);
  --line: var(--sand-strong); --slate: var(--green-deep); --groen: var(--green-deep); --groen-soft: #edf1df;
  --amber: var(--brown-warm); --amber-soft: #f6ead6;
  --display: var(--font-display); --body: var(--font-body);
  --fk-parchment: var(--cream); --fk-panel: var(--cream-2); --fk-ink: #2b1d0c; --fk-muted: var(--ink-soft);
  --fk-line: var(--sand); --fk-slate: var(--green-deep);
}
body { font-family: var(--font-body); }
.balk .tabs a { font-family: var(--font-body); font-size: .92rem; }
.overzicht h1, .overzicht a { font-family: var(--font-display); }
.overzicht a:hover { color: var(--green-deep); }
/* De letters van de site zijn breder: een lange link of adres breekt af in plaats van de pagina breder te maken. */
blockquote > * { min-width: 0; }
.doc p, .doc li { overflow-wrap: break-word; }
/* Kop en voet over de volle breedte, ook al geeft de handleiding de body een zijmarge. De kop scrolt weg; de tabbalk blijft. */
.site-header, .site-footer { margin-inline: -16px; }
.site-header { position: static; margin-bottom: 32px; }
html { scroll-padding-top: 16px; }
.site-footer { margin-top: 64px; margin-bottom: -64px; }
.site-header .container, .site-footer .container { max-width: var(--maxw); }
.site-header .brand { flex-shrink: 0; }
.site-nav a { white-space: nowrap; }
.site-header a:focus-visible, .site-footer a:focus-visible { outline: 2px solid var(--kop-accent); outline-offset: 3px; }
@media (max-width: 960px) and (min-width: 721px) { .site-nav { gap: .8rem; } .site-nav a { font-size: .86rem; } .header-inner { gap: .8rem; } }
@media (max-width: 820px) and (min-width: 721px) { .kop-vanaf .brand-word { display: none; } }
@media print { .site-header, .site-footer { display: none; } }
/* Hoofdstukken (V10): meer dan twee hoofdstukken → links een zijbalk die meeschuift, in de stijl van de FAQ-zijbalk
   (styles.css). Waar hij staat, is de inhoudsopgave bovenaan dubbel en verdwijnt die; de blokken eronder blijven. */
.hb-raam { display: grid; grid-template-columns: minmax(0, 15rem) minmax(0, 820px); gap: 3rem; justify-content: center; align-items: start; }
.hb-raam > .doc { margin: 0; min-width: 0; }
.hb-zij { position: sticky; top: 1.5rem; max-height: calc(100vh - 3rem); }
.hb-zij .faq-rubriek-kop { display: flex; gap: .55rem; align-items: baseline; font-weight: 600; }
.hb-zij .faq-rubriek-kop + .faq-rubriek-kop { margin-top: .35rem; }
.hb-zij .nr { flex: none; font-size: .8rem; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.hb-raam .inhoud > .toc-kop, .hb-raam .inhoud > .toc { display: none; }
/* V16: zonder inhoudsopgave staat het blok onder de inhoud op dezelfde afstand als elk ander blok (de .doc-gap);
   met inhoudsopgave (smal) ook, zodat de afstanden gelijk zijn. Print houdt de eigen opbouw uit de bron. */
@media screen { .hb-raam .inhoud > .onderaan { margin-top: 0; } }
@media screen and (max-width: 960px) { .hb-raam .inhoud > .onderaan { margin-top: 22px; } }
.doc h2[id] { scroll-margin-top: 1.5rem; }
@media (max-width: 960px) {
  .hb-raam { display: block; }
  .hb-raam > .doc { margin: 0 auto; }
  .hb-zij { display: none; }
  .hb-raam .inhoud > .toc-kop { display: block; }
  .hb-raam .inhoud > .toc { display: grid; }
}
@media print {
  .hb-raam { display: block; }
  .hb-zij { display: none; }
  .hb-raam .inhoud > .toc-kop { display: block; }
  .hb-raam .inhoud > .toc { display: grid; }
}