:root{--rood:#B3121F;--goud:#E8B53A;--bg:#fffaf0;--tekst:#2a2222;--kaart:#ffffff}
@media (prefers-color-scheme:dark){:root{--bg:#1c1213;--tekst:#f3ebe4;--kaart:#2a1b1c}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tekst);font:18px/1.6 -apple-system,system-ui,"Helvetica Neue",Arial,sans-serif}
header{background:var(--rood);color:#fff;padding:1.2rem 1rem;border-bottom:4px solid var(--goud)}
header a{color:#fff;text-decoration:none;font-weight:700;font-size:1.3rem}
nav{margin-top:.4rem}
nav a{color:var(--goud);font-size:1rem;font-weight:600;margin-right:1rem;text-decoration:underline}
main{max-width:42rem;margin:0 auto;padding:1.5rem 1rem 3rem}
h1{color:var(--rood);line-height:1.25}
h2{margin-top:2rem;border-bottom:2px solid var(--goud);padding-bottom:.2rem}
@media (prefers-color-scheme:dark){h1{color:var(--goud)}}
a{color:var(--rood)}
@media (prefers-color-scheme:dark){main a{color:var(--goud)}}
.kaart{background:var(--kaart);border:1px solid var(--goud);border-radius:12px;padding:1rem 1.2rem;margin:1rem 0}
footer{max-width:42rem;margin:0 auto;padding:0 1rem 2rem;font-size:.9rem;opacity:.8}
.rijm{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:1.08rem;color:var(--rood);margin:.8rem 0 .4rem}
@media (prefers-color-scheme:dark){.rijm{color:var(--goud)}}
.feit{margin-top:.2rem}