:root{--paper:#F8F9F8;--wit:#fff;--ink:#14181C;--grijs:#5B6570;--lijn:#E3E7EA;--zacht:#EEF2F4;--accent:#1890D8;--accent-d:#0F6FAA;
 --c-branche:#1890D8;--c-recall:#D6402A;--c-wet:#7A4FBF;--c-steden:#2A9D5C;--c-techniek:#E07B00;--c-bakfiets:#B8860B;--c-fatbike:#C2185B;--c-wielrennen:#00897B;--c-wereld:#546E7A;--c-overig:#8A94A0;--c-video:#111;
 --sans:"Public Sans",system-ui,-apple-system,Segoe UI,sans-serif;--kop:"Bricolage Grotesque",var(--sans);--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
@media (prefers-color-scheme:dark){:root{--paper:#111417;--wit:#181C20;--ink:#EEF1F3;--grijs:#9AA5B0;--lijn:#2A3037;--zacht:#1F252B;--accent:#5FB3EA;--accent-d:#8ACBF2;--c-video:#fff}}
*{box-sizing:border-box}html{color-scheme:light dark}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 var(--sans)}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
header.top{background:var(--wit);border-bottom:1px solid var(--lijn)}
.mast{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px 0 14px;flex-wrap:wrap}
.mast .h1{text-decoration:none}
.mast h1{font:800 30px/1 var(--kop);margin:0;letter-spacing:-.02em}
.mast h1 em{font-style:normal;color:var(--accent)}
.mast .sub{margin:6px 0 0;color:var(--grijs);font-size:13px}
.krant{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);text-decoration:none;padding:10px 14px;border-radius:8px;font-weight:600;font-size:14px}
.krant:hover{background:var(--accent-d);color:#fff}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:10px 0 14px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid var(--lijn);background:var(--wit);color:var(--ink);border-radius:999px;padding:5px 11px;font:600 13px var(--sans);text-decoration:none}
.chip[aria-current=page]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.zoek{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.zoek input,.zoek select{font:14px var(--sans);padding:7px 10px;border:1px solid var(--lijn);border-radius:8px;background:var(--wit);color:var(--ink);min-width:150px}
main{padding:10px 0 60px}
.krantstrip{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:14px 0 4px;padding:10px 14px;background:var(--zacht);border-radius:8px;font-size:13px}
.krantstrip b{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.krantstrip a{color:var(--ink);text-decoration:none;font-weight:600}
.krantstrip a:hover{color:var(--accent);text-decoration:underline}
.pagekop{margin:22px 0 6px}.pagekop h2{font:800 28px/1.1 var(--kop);margin:4px 0 6px;letter-spacing:-.01em}
.eyebrow{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0}
.uitleg{color:var(--grijs);margin:0 0 6px;max-width:70ch}
.dag{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:22px 0 6px;padding-bottom:6px;border-bottom:2px solid var(--ink)}
.dag h2{font:700 15px var(--sans);margin:0;text-transform:uppercase;letter-spacing:.06em}
.dag h2 a{text-decoration:none}.dag h2 a:hover{color:var(--accent)}
.dag span{color:var(--grijs);font-size:12px;font-family:var(--mono)}
.dagstuk{font-size:16px;line-height:1.55;margin:8px 0 14px;padding:12px 16px;border-left:3px solid var(--accent);background:var(--wit);max-width:80ch}
.dagstuk.verborgen{display:none}
.rij{display:grid;grid-template-columns:52px 130px 1fr 96px 34px;gap:12px;align-items:start;padding:8px 0;border-bottom:1px solid var(--lijn)}
.rij:hover{background:var(--zacht)}
.tijd{font:500 12px var(--mono);color:var(--grijs);padding-top:3px}
.bron{font-size:12px;color:var(--grijs);padding-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bron em{font-style:normal;color:var(--accent);font-family:var(--mono);font-size:11px}
.kop{font-weight:600;text-decoration:none;line-height:1.35}
.kop:hover{color:var(--accent);text-decoration:underline}
.regel{display:block;color:var(--grijs);font-size:13.5px;margin-top:2px}
.legt{display:inline-block;margin-top:4px;font-size:12.5px;font-weight:600;color:var(--accent);text-decoration:none}
.legt:hover{text-decoration:underline}
.cat{font:600 10.5px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--c-overig);border-radius:4px;padding:3px 6px;text-align:center;white-space:nowrap;margin-top:3px;text-decoration:none}
.land{font:500 11px var(--mono);color:var(--grijs);padding-top:4px;text-align:right}
.video .kop::before{content:"▶";color:var(--c-video);margin-right:6px;font-size:11px}
.toon-meer{display:block;width:100%;margin:6px 0 4px;padding:10px 12px;border:1px dashed var(--lijn);border-radius:8px;background:var(--wit);color:var(--accent);font:600 13.5px var(--sans);cursor:pointer;text-align:center}
.toon-meer:hover{border-color:var(--accent);background:var(--zacht)}
.portie[hidden]{display:none}
.cta{display:grid;grid-template-columns:auto 1fr auto;gap:6px 14px;align-items:center;margin:10px 0;padding:10px 14px;border:1px solid var(--lijn);border-left:3px solid var(--accent);border-radius:6px;background:var(--wit);font-size:13.5px}
.cta .lbl{grid-row:1/3;font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);writing-mode:vertical-rl;transform:rotate(180deg)}
.cta b{font-weight:700}.cta>span:not(.lbl){color:var(--grijs);grid-column:2}
.cta a{grid-column:3;grid-row:1/3;color:var(--accent);font-weight:600;text-decoration:none;white-space:nowrap}
.cta a:hover{text-decoration:underline}
@media (max-width:760px){.cta{grid-template-columns:1fr}.cta .lbl{writing-mode:horizontal-tb;transform:none;grid-row:auto}.cta a,.cta>span:not(.lbl){grid-column:1;grid-row:auto}}
.meer{margin:10px 0 0;font-weight:600}.meer a{color:var(--accent);text-decoration:none}.meer a:hover{text-decoration:underline}
.dagnav{display:flex;justify-content:space-between;gap:12px;margin:24px 0;font-weight:600}.dagnav a{color:var(--accent);text-decoration:none}
.archief{display:grid;grid-template-columns:1fr 2fr;gap:32px}.archief h3{font:700 13px var(--sans);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--ink);padding-bottom:6px}
.archief ul{list-style:none;margin:0;padding:0}.archief li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--lijn)}.archief li span{color:var(--grijs);font:12px var(--mono)}
.leeg{padding:40px 0;color:var(--grijs);text-align:center}
footer{border-top:1px solid var(--lijn);color:var(--grijs);font-size:12.5px;padding:18px 0 40px}footer a{color:var(--grijs)}footer p{margin:4px 0}
@media (max-width:760px){.rij{grid-template-columns:44px 1fr;grid-template-rows:auto auto}.bron{grid-column:2;order:-1;font-size:11px}.tijd{grid-row:1/3}.cat,.land{display:none}.zoek{margin-left:0;width:100%}.zoek input{flex:1}.mast h1{font-size:26px}.archief{grid-template-columns:1fr}}