:root { --tekst: #1d1d1b; --zacht: #6b6b66; --lijn: #e3e1dc; --vlak: #faf9f6; --accent: #24476b; --goed: #2f6b3a; }
@media (prefers-color-scheme: dark) {
  :root { --tekst: #ecebe7; --zacht: #a3a29c; --lijn: #3a3a37; --vlak: #1c1c1a; --accent: #8fb3d9; --goed: #8cc79a; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--vlak); color: var(--tekst); font: 18px/1.6 Georgia, "Times New Roman", serif; }
header, main, footer { max-width: 42rem; margin: 0 auto; padding: 0 1rem; }
header { display: flex; justify-content: space-between; align-items: center; padding-top: .75rem; padding-bottom: .75rem; border-bottom: 1px solid var(--lijn); font-family: system-ui, sans-serif; font-size: .9rem; }
header form { margin: 0; }
.merk { color: var(--tekst); text-decoration: none; font-weight: 600; }
footer { color: var(--zacht); font: .8rem/1.4 system-ui, sans-serif; padding-top: 2rem; padding-bottom: 2rem; }
h1 { font-size: 1.5rem; line-height: 1.3; } h2 { font-size: 1.15rem; margin-top: 2rem; }
h1.bestand { font-family: system-ui, sans-serif; font-size: 1rem; color: var(--zacht); }
a { color: var(--accent); }
.label { color: var(--zacht); font: .85rem system-ui, sans-serif; }
.lijst { list-style: none; padding: 0; } .lijst li { padding: .5rem 0; border-bottom: 1px solid var(--lijn); }
.twijfel { border-left: 4px solid #b5651d; padding-left: 1rem; }
.alinea { padding: .25rem 0; border-bottom: 1px dashed var(--lijn); }
details { font: .85rem system-ui, sans-serif; margin: .25rem 0 .75rem; } summary { color: var(--zacht); cursor: pointer; }
textarea { width: 100%; font: inherit; padding: .5rem; margin: .5rem 0; }
button, .knop { font: .9rem system-ui, sans-serif; padding: .5rem .9rem; border: 1px solid var(--accent); background: transparent; color: var(--accent); border-radius: 6px; text-decoration: none; cursor: pointer; }
fieldset { border: 1px solid var(--lijn); margin: .5rem 0; font-family: system-ui, sans-serif; }
fieldset label { margin-right: .9rem; white-space: nowrap; }
.gelukt { color: var(--goed); font: .85rem system-ui, sans-serif; }
pre { overflow-x: auto; }