/* Jack van Beek — 2026 */
:root{--bg:#f4f5f7;--surface:#fff;--text:#20242a;--muted:#68717d;--accent:#245a8d;--border:#dfe3e8;--max:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.55}
a{color:var(--accent)}
img{max-width:100%;height:auto}
#top{width:min(calc(100% - 32px),var(--max));margin:0 auto;padding:22px 0 14px;background:var(--surface)}
#top h1{margin:0 0 14px;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2}
#menubalk{background:var(--surface);border-bottom:1px solid var(--border);border-top:1px solid var(--border)}
#menubalk ul{width:min(calc(100% - 32px),var(--max));margin:0 auto;padding:12px 0;display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none}
#menubalk li{margin:0}
#menubalk a{text-decoration:none;font-weight:600}
#wrapper{width:min(calc(100% - 32px),var(--max));margin:24px auto 40px;display:grid;grid-template-columns:minmax(140px,190px) minmax(0,1fr) minmax(180px,260px);gap:24px;align-items:start}
#linkerkolom,#indexkolom,#hoofdkolom,#middenkolom,#rechterkolom{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;min-width:0}
#linkerkolom:empty,#rechterkolom:empty{display:none}
#zijmenu ul,#menu ul{margin:0;padding-left:20px}
#nav{width:min(calc(100% - 32px),var(--max));margin:20px auto 0;color:var(--muted)}
#voet{width:min(calc(100% - 32px),var(--max));margin:0 auto;padding:20px 0 40px;border-top:1px solid var(--border);color:var(--muted)}
.clear{clear:both}
h1,h2,h3,h4{line-height:1.2}
@media(max-width:800px){#wrapper{grid-template-columns:1fr}#linkerkolom,#indexkolom,#rechterkolom{order:2}#middenkolom,#hoofdkolom{order:1}}