*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0 auto;max-width:760px;padding:0 16px 40px;font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#111;background:#f6f6f6;-webkit-font-smoothing:antialiased}
a{color:#d62828;text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 0 8px;font-size:.9rem}.home{color:#111;font-weight:700;letter-spacing:-.01em}
nav b{color:#111}.prev{background:#e9e9e9;color:#444;padding:6px 10px;border-radius:8px;font-size:.78rem;margin:6px 0;display:inline-block}
h1{font-size:2.1rem;line-height:1.1;font-weight:800;letter-spacing:-.03em;margin:22px 0 6px}#season{color:#d62828}
.sub{color:#666;font-size:.88rem;margin:2px 0}
#map{height:250px;border-radius:16px;margin:18px 0;z-index:0;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e3e3e3}
.leaflet-tile-pane{filter:grayscale(1) contrast(.95)}
main{display:grid;gap:12px}
article{background:#fff;border:1px solid #e6e6e6;border-radius:16px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:box-shadow .2s,transform .2s}
article:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);transform:translateY(-1px)}
article.next{border:2px solid #d62828;box-shadow:0 8px 28px rgba(214,40,40,.15)}
.h{display:flex;gap:12px;align-items:center}.rd{min-width:34px;height:34px;border-radius:10px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}
.next .rd{background:#d62828}h2{font-size:1.15rem;font-weight:750;letter-spacing:-.015em;margin:0}.h p{margin:2px 0 0;color:#777;font-size:.82rem}
.cd{display:inline-block;background:#111;color:#fff;font-weight:700;border-radius:999px;padding:6px 14px;margin:12px 0 0;font-variant-numeric:tabular-nums}
.win{margin:10px 0 0;font-size:.85rem;color:#444}
details{margin:12px 0 0}summary{cursor:pointer;font-size:.85rem;font-weight:600;color:#333;list-style:none}summary::-webkit-details-marker{display:none}summary{display:flex;align-items:center;gap:8px;min-height:32px}summary::before{content:'';width:7px;height:7px;border-right:2px solid #888;border-bottom:2px solid #888;transform:rotate(-45deg);transition:transform .25s}details[open]>summary::before{transform:rotate(45deg)}details[open]>summary~*{animation:op .3s ease}@keyframes op{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
table{border-collapse:collapse;width:100%;font-size:.85rem;margin-top:8px;font-variant-numeric:tabular-nums}th{text-align:left;color:#999;font-weight:500;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding-bottom:4px}
td{padding:6px 6px 6px 0;border-top:1px solid #f0f0f0}tr.race td{font-weight:700;color:#d62828}
.lk{font-size:.82rem;margin:10px 0 0}footer{color:#999;font-size:.75rem;margin-top:28px;text-align:center}
@media(max-width:420px){h1{font-size:1.8rem}td,th{font-size:.8rem}}
.leaflet-container a{color:#444}
.sw{margin:10px 0 4px;font-size:.95rem;font-weight:700;display:flex;gap:6px}.sw b,.sw a{padding:6px 14px;border-radius:999px;border:1px solid #ddd;color:#555;background:#fff;transition:.2s}.sw b{background:#d62828;border-color:#d62828;color:#fff}.prov{margin:10px 0 0;font-size:.85rem;color:#555}
.tb img{display:block;width:100%;max-width:420px;height:auto;margin:8px auto 0;aspect-ratio:1/1;object-fit:contain}.tb small{display:block;color:#999;font-size:.7rem;text-align:center;margin-top:4px}
.tb img{filter:grayscale(1)}.tb small a{color:#999;text-decoration:underline}
.tb{position:relative}.sv svg{display:block;width:100%;height:auto;max-height:440px;margin:8px auto 0;filter:grayscale(1)}.sv .hit{cursor:pointer;pointer-events:all}
.tip{position:absolute;transform:translate(-50%,calc(-100% - 6px));background:#111;color:#fff;font-size:.8rem;padding:6px 10px;border-radius:8px;border-left:3px solid #d62828;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.2);z-index:5;pointer-events:none}.tip b{color:#fff}
.bl{margin-top:10px;font-size:.8rem}.bl ol{list-style:none;padding:0;margin:6px 0 0;columns:2;column-gap:14px}.bl li{break-inside:avoid;padding:2px 0;color:#444}.bl li span{display:inline-block;min-width:22px;color:#d62828;font-weight:700}
article.past:has(details[open]){opacity:1}
.test .rd{background:#666}
.h p.wk{color:#111;font-weight:600;margin-top:2px}
.note{font-size:.72rem;color:#888;margin:6px 0 0}
nav{display:flex;align-items:center;gap:6px}
#thm{margin-left:8px;width:34px;height:34px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#111;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:0;transition:background .3s,border-color .3s,color .3s}
#thm svg{position:absolute;transition:opacity .3s,transform .4s}#thm .moon{opacity:0;transform:rotate(-90deg) scale(.6)}
html.dark #thm .sun{opacity:0;transform:rotate(90deg) scale(.6)}html.dark #thm .moon{opacity:1;transform:none}
body,article,#map,.sw b,.sw a,td,.prev{transition:background-color .3s,color .3s,border-color .3s}
html.dark body{background:#0b0b0b;color:#eee}html.dark .home,html.dark nav b,html.dark h1,html.dark h2{color:#fff}
html.dark #thm{background:#1a1a1a;border-color:#333;color:#eee}
html.dark article{background:#161616;border-color:#2a2a2a;box-shadow:none}html.dark article:hover{box-shadow:0 6px 20px rgba(0,0,0,.6)}
html.dark article.next{border-color:#d62828;box-shadow:0 8px 28px rgba(214,40,40,.18)}
html.dark .sub,html.dark .h p,html.dark .note,html.dark footer,html.dark th{color:#999}html.dark .h p.wk,html.dark summary,html.dark .win,html.dark .prov,html.dark .bl li{color:#ccc}
html.dark td{border-top-color:#262626}html.dark .rd{background:#eee;color:#111}html.dark .next .rd{background:#d62828;color:#fff}html.dark .test .rd{background:#555;color:#fff}
html.dark .cd{background:#eee;color:#111}
html.dark .sw b{background:#d62828;border-color:#d62828;color:#fff}html.dark .sw a{background:#161616;border-color:#333;color:#bbb}
html.dark #map{border-color:#2a2a2a;background:#111}html.dark .leaflet-tile-pane{filter:grayscale(1) invert(1) brightness(.85) contrast(.9)}
html.dark .leaflet-container a,html.dark .leaflet-control-attribution{background:rgba(20,20,20,.8)!important;color:#999!important}
html.dark .leaflet-bar a{background:#1a1a1a;color:#ddd;border-color:#333}html.dark .leaflet-popup-content-wrapper,html.dark .leaflet-popup-tip{background:#1a1a1a;color:#eee}
html.dark .sv svg,html.dark .tb img{filter:grayscale(1) invert(.9) hue-rotate(180deg)}
html.dark .tip{background:#eee;color:#111;box-shadow:0 4px 14px rgba(0,0,0,.6)}html.dark .tip b{color:#111}
html.dark .tb small,html.dark .tb small a{color:#888}
html.dark .mk.up{fill:#eee;stroke:#eee}html.dark .mk.ps{fill:#666;stroke:#888}
#thm,html.dark #thm{border:0;background:none;box-shadow:none;border-radius:0;width:36px;height:36px;margin-left:4px;color:#111;-webkit-tap-highlight-color:transparent}html.dark #thm{color:#fff}@media (hover:hover){html:not(.dark) #thm:hover{color:#d62828}}html:not(.dark) #thm:active{color:#d62828}

/* Maantje altijd wit */
html.dark #thm,html.dark #thm:hover,html.dark #thm:active,html.dark #thm:focus,html.dark #thm:focus-visible{color:#fff!important}
.h{position:relative;padding-right:34px}.ical{position:absolute;right:-4px;top:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#999;border-radius:8px;transition:color .2s}.ical:hover,.ical:active{color:#d62828;opacity:1}
.cal{position:relative;margin:8px 0 4px}.calb{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:.88rem;font-weight:600;padding:8px 16px;border-radius:999px;border:1px solid #111;background:#111;color:#fff;cursor:pointer;transition:background .2s,border-color .2s}.calb:hover,.calb[aria-expanded=true]{background:#d62828;border-color:#d62828}
.calsheet{margin-top:8px;background:#fff;border:1px solid #e3e3e3;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.1);padding:6px;max-width:340px;animation:op .25s ease}.calsheet a{display:block;padding:12px 12px;border-radius:10px;color:#111;font-weight:600}.calsheet a:hover{background:#f3f3f3;color:#d62828;opacity:1}.calsheet a+a{border-top:1px solid #f0f0f0}.calsheet p{margin:4px 12px 8px;font-size:.78rem;color:#777}
html.dark .calb{background:#eee;border-color:#eee;color:#111}html.dark .calb:hover,html.dark .calb[aria-expanded=true]{background:#d62828;border-color:#d62828;color:#fff}
html.dark .calsheet{background:#161616;border-color:#2a2a2a;box-shadow:0 8px 28px rgba(0,0,0,.6)}html.dark .calsheet a{color:#eee}html.dark .calsheet a:hover{background:#222;color:#d62828}html.dark .calsheet a+a{border-top-color:#262626}html.dark .calsheet p{color:#999}html.dark .ical{color:#777}
.pastgrp{background:#fff;border:1px solid #e6e6e6;border-radius:16px;padding:6px 16px;margin:0}.pastgrp>summary{font-size:.95rem;font-weight:700;color:#444;min-height:44px}.pastl{display:grid;gap:12px;padding:4px 0 12px}.pastl article{box-shadow:none}
html.dark .pastgrp{background:#161616;border-color:#2a2a2a}html.dark .pastgrp>summary{color:#ccc}
main>article{margin:0}
.leaflet-tile-pane{filter:none}.leaflet-tile{-webkit-filter:grayscale(1) contrast(.95);filter:grayscale(1) contrast(.95)}html.dark .leaflet-tile{-webkit-filter:grayscale(1) invert(1) brightness(.85) contrast(.9);filter:grayscale(1) invert(1) brightness(.85) contrast(.9)}
article{scroll-margin-top:16px}
@keyframes fl{0%,100%{outline-color:rgba(214,40,40,0)}20%,60%{outline-color:#d62828}}article.flash{outline:3px solid transparent;outline-offset:3px;animation:fl 2s ease}
.pj{cursor:pointer}.pj+.pj{margin-top:6px;padding-top:6px;border-top:1px solid #ddd}.pj em{display:block;font-style:normal;font-weight:600;color:#d62828;margin-top:2px}html.dark .pj+.pj{border-top-color:#333}

article.next .ical,html.dark article.next .ical{color:#d62828!important}
.ical svg{width:22px;height:22px}
.leaflet-tile{-webkit-filter:grayscale(1) contrast(1.35) brightness(1.02);filter:grayscale(1) contrast(1.35) brightness(1.02)}
html.dark .leaflet-tile{-webkit-filter:grayscale(1) invert(1) brightness(.9) contrast(1.3);filter:grayscale(1) invert(1) brightness(.9) contrast(1.3)}
footer a.home{color:#d62828!important;font-weight:600;text-decoration:none}
.sb,.pb{margin-top:6px;font-size:.82rem}.sb h4{margin:10px 0 4px;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#888}.sb ol,.pb ol{list-style:none;padding:0;margin:0}
.sb li{display:flex;gap:8px;align-items:baseline;padding:3px 0;border-top:1px solid #f0f0f0}.sb li span{min-width:22px;color:#888;font-variant-numeric:tabular-nums}.sb li em{flex:1;font-style:normal}.sb li em small{color:#999}.sb li b{font-variant-numeric:tabular-nums}.sb li.top span,.sb li.top b{color:#d62828}
.pb>b{display:block;margin:8px 0 4px;font-size:.8rem}.pb ol{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.pb li{background:#f4f4f4;border-radius:8px;padding:4px 0;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.pb li span{display:block;font-size:.66rem;color:#888;font-weight:500}.pb li:first-child{color:#d62828}.mx{margin:8px 0 0}.mx strong{color:#d62828}
html.dark .sb li{border-top-color:#262626}html.dark .pb li{background:#222}html.dark .sb li em small{color:#888}
.lpi{font-size:.8rem;color:#111;font-weight:700;margin:8px 0 0;text-align:center}.lpi span{white-space:nowrap}
html.dark .lpi{color:#fff}
.sb .resall{margin-top:6px}.sb .resall summary{font-size:.8rem;cursor:pointer;color:#d62828;padding:4px 0}html.dark .sb .resall summary{color:#ff6b6b}