:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--geel:#ffc917;--geel-ink:#1b1b1f;--asfalt:#15171b;--asfalt-2:#1f2229;--asfalt-3:#2a2e36;--papier:#f7f4ec;--papier-2:#fff;--lijn:#e9e6df;--ink:#16181d;--ink-2:#4a4f58;--ink-3:#6b717c;--bg:var(--papier);--surface:var(--papier-2);--surface-2:var(--papier);--border:var(--lijn);--text:var(--ink);--text-2:var(--ink-2);--text-3:var(--ink-3);--chrome:var(--asfalt);--chrome-text:#f7f4ec;--accent:var(--geel);--accent-ink:var(--geel-ink);--focus:var(--ink);--scrim:#15171b8c;--a-badge:#d8232a;--a-badge-ink:#fff;--n-badge:#f7c600;--n-badge-ink:#1b1b1f;--e-badge:#0b7a3b;--e-badge-ink:#fff;--lokaal-badge:#5b6470;--lokaal-badge-ink:#fff;--c-werk:#f5a300;--c-afsluiting:#e0301e;--c-file:#8e0e1f;--c-incident:#c2185b;--c-brug:#0e7c86;--c-evenement:#6d4aff;--c-overig:#5b6470;--ok:#1e8e3e;--warn:#b26a00;--danger:#c62828;--font-display:"Overpass", "Helvetica Neue", Arial, sans-serif;--font-body:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2rem;--leading-tight:1.2;--leading-body:1.5;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--r-1:6px;--r-2:10px;--r-3:16px;--r-pill:999px;--shadow-1:0 1px 2px #00000014, 0 8px 24px -12px #00000040;--shadow-2:0 2px 4px #0000001a, 0 16px 40px -16px #00000059;--dur-1:.15s;--dur-2:.26s;--dur-3:.6s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--stripe:repeating-linear-gradient(135deg, var(--geel) 0 8px, var(--geel-ink) 8px 16px);--panel-w:380px;--topbar-h:56px;--touch:44px;--sheet-peek:128px;--z-map:0;--z-panel:10;--z-topbar:20;--z-sheet:30;--z-toast:40;--z-modal:100}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--asfalt);--surface:var(--asfalt-2);--surface-2:var(--asfalt-3);--border:#33383f;--text:#f4f1ea;--text-2:#c2c6cd;--text-3:#9198a3;--chrome:#0e0f12;--chrome-text:#f7f4ec;--focus:var(--geel);--scrim:#0009;--shadow-1:0 1px 2px #00000080, 0 8px 24px -12px #000c;--shadow-2:0 2px 4px #0009, 0 16px 40px -16px #000000e6;--c-werk:#ffb524;--c-afsluiting:#ff5a47;--c-file:#d8434f;--c-incident:#e94b8a;--c-brug:#2fb2be;--c-evenement:#9b85ff;--c-overig:#8b939f;--ok:#4fbf6a;--warn:#e0a030}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--asfalt);--surface:var(--asfalt-2);--surface-2:var(--asfalt-3);--border:#33383f;--text:#f4f1ea;--text-2:#c2c6cd;--text-3:#9198a3;--chrome:#0e0f12;--chrome-text:#f7f4ec;--focus:var(--geel);--scrim:#0009;--shadow-1:0 1px 2px #00000080, 0 8px 24px -12px #000c;--shadow-2:0 2px 4px #0009, 0 16px 40px -16px #000000e6;--c-werk:#ffb524;--c-afsluiting:#ff5a47;--c-file:#d8434f;--c-incident:#e94b8a;--c-brug:#2fb2be;--c-evenement:#9b85ff;--c-overig:#8b939f;--ok:#4fbf6a;--warn:#e0a030}}@media (prefers-reduced-motion:reduce){:root{--dur-1:0s;--dur-2:0s;--dur-3:0s}}:root{--text-3:#636974;--ok-text:#17703a;--warn-text:#8f5500;--danger-text:#c62828;--live-stale-text:#ffd27a;--live-error-text:#ff9b8f}:root[data-theme=dark]{--ok-text:#4fbf6a;--warn-text:#e0a030;--danger-text:#ff8a7a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ok-text:#4fbf6a;--warn-text:#e0a030;--danger-text:#ff8a7a}}:root{--v-dicht:#d8232a;--v-rijbaan:#e8571c;--v-hinder:#c98a00;--v-geen:#1e8e3e;--v-nvt:#7a8290;--v-onbekend:#5b6470;--v-dicht-text:#a8161c;--v-rijbaan-text:#a63a0c;--v-hinder-text:#7a5200;--v-geen-text:#17703a;--v-nvt-text:#5b6470;--v-onbekend-text:#4a4f58;--omleiding:#1f5fbf}:root[data-theme=dark]{--v-dicht:#ff6b62;--v-rijbaan:#ff8a4c;--v-hinder:#f2b23c;--v-geen:#4fbf6a;--v-nvt:#8b939f;--v-onbekend:#8b939f;--v-dicht-text:#ffb3ad;--v-rijbaan-text:#ffc2a1;--v-hinder-text:#ffd27a;--v-geen-text:#8fe0a3;--v-nvt-text:#c2c6cd;--v-onbekend-text:#c2c6cd;--omleiding:#78aaff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--v-dicht:#ff6b62;--v-rijbaan:#ff8a4c;--v-hinder:#f2b23c;--v-geen:#4fbf6a;--v-nvt:#8b939f;--v-onbekend:#8b939f;--v-dicht-text:#ffb3ad;--v-rijbaan-text:#ffc2a1;--v-hinder-text:#ffd27a;--v-geen-text:#8fe0a3;--v-nvt-text:#c2c6cd;--v-onbekend-text:#c2c6cd;--omleiding:#78aaff}}*,:before,:after{box-sizing:border-box}html{text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:var(--leading-tight);letter-spacing:-.01em;text-wrap:balance;margin:0}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0}a{color:inherit;text-underline-offset:.15em;text-decoration-thickness:1px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}img,svg{max-width:100%;display:block}time{font-variant-numeric:tabular-nums}ul,ol{margin:0;padding:0}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-1)}::selection{background:var(--accent);color:var(--accent-ink)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{top:var(--s-2);left:var(--s-2);z-index:var(--z-modal);padding:var(--s-2) var(--s-3);background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--r-1);transition:transform var(--dur-1) var(--ease-out);font-weight:800;position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.icon,.icon svg,svg.lucide{flex:none;width:1.125em;height:1.125em}.icon{justify-content:center;align-items:center;display:inline-flex}[hidden]{display:none!important}.badge{border-radius:var(--r-1);min-width:2.75em;min-height:28px;font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);letter-spacing:.02em;text-transform:uppercase;font-variant-numeric:tabular-nums;background:var(--lokaal-badge);color:var(--lokaal-badge-ink);flex:none;justify-content:center;align-items:center;padding:3px 7px;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1.5px #ffffff38}.badge--a{background:var(--a-badge);color:var(--a-badge-ink)}.badge--n{background:var(--n-badge);color:var(--n-badge-ink);box-shadow:inset 0 0 0 1.5px #0000002e}.badge--e{background:var(--e-badge);color:var(--e-badge-ink)}.badge--s{background:var(--lokaal-badge);color:var(--lokaal-badge-ink);text-transform:none}.badge--lokaal{background:var(--surface-2);color:var(--text-2);box-shadow:inset 0 0 0 1.5px var(--border)}.badge--sm{min-height:22px;font-size:var(--text-xs);min-width:2.4em;padding:2px 5px}.badge--xl{min-height:40px;font-size:var(--text-xl);border-radius:var(--r-2);padding:4px 10px}.badge--glyph{color:var(--text-3)}.badge--glyph svg{width:18px;height:18px}.badge--sm.badge--glyph svg{width:14px;height:14px}.badge--xl.badge--glyph svg{width:26px;height:26px}.chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.chips--cats .chip,.chips--time .chip{min-height:var(--touch);white-space:nowrap;padding:0 var(--s-3) 0 var(--s-3);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2);font-size:var(--text-sm);border:1px solid var(--border);transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);flex:none;align-items:center;gap:6px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.chips--cats .chip:hover,.chips--time .chip:hover{border-color:var(--text-3);color:var(--text)}.chip--cat{padding-left:14px}.chip__bar{background:var(--chip-color);opacity:.45;width:3px;transition:opacity var(--dur-1) var(--ease-out);position:absolute;top:0;bottom:0;left:0}.chip__icon{color:var(--chip-color);opacity:.6;display:inline-flex}.chip__icon svg{width:16px;height:16px}.chip__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3);padding-left:2px}.chip.is-on{background:color-mix(in srgb, var(--chip-color) 12%, var(--surface));color:var(--text);border-color:color-mix(in srgb, var(--chip-color) 45%, var(--border))}.chip.is-on .chip__bar,.chip.is-on .chip__icon{opacity:1}.chip.is-on .chip__count{color:var(--text-2)}.chip.is-empty:not(.is-on){opacity:.7}.chip--time{min-height:var(--touch);min-width:var(--touch);padding:0 var(--s-3);border-radius:var(--r-1);color:var(--text-2);background:0 0;border-color:#0000;justify-content:center}.chips--time{background:var(--surface-2);border-radius:var(--r-2);border:1px solid var(--border);scrollbar-width:none;flex-wrap:nowrap;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.chip--time.is-on{background:var(--chrome);color:var(--chrome-text);border-color:var(--chrome);font-weight:600}.chip--time:hover:not(.is-on){background:var(--surface);color:var(--text)}.mode{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-2);gap:2px;max-width:100%;padding:3px;display:inline-flex}.mode__btn{min-height:var(--touch);min-width:var(--touch);padding:0 var(--s-3);border-radius:var(--r-1);color:var(--text-2);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);letter-spacing:.02em;cursor:pointer;transition:background var(--dur-1), color var(--dur-1);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;display:inline-flex}.mode__btn svg{flex:none;width:18px;height:18px}.mode__btn:hover:not(.is-on){background:var(--surface);color:var(--text)}.mode__btn.is-on{background:var(--accent);color:var(--geel-ink);font-weight:800;box-shadow:inset 0 -2px #00000026}.mode__btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tag{font-size:var(--text-xs);color:var(--text-3);align-items:center;gap:4px;padding:2px 0;line-height:1.2;display:inline-flex}.tag--cat{color:var(--text-2);font-weight:500}.tag--cat svg{width:14px;height:14px;color:var(--tag-color)}.tag--hind-A,.tag--hind-B{color:var(--danger-text);font-weight:500}.tag--closed{color:var(--danger-text);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.tag--long{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-3);letter-spacing:.03em;padding:1px 7px;font-size:11px}.tag+.tag:before{content:"·";color:var(--text-3);margin-right:4px}.tag+.tag--long:before{content:none}.item{--item-color:var(--c-overig);align-items:start;gap:var(--s-3);width:100%;min-height:var(--touch);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-4);text-align:left;color:var(--text);background:var(--surface);border:0;border-bottom:1px solid var(--border);transition:background var(--dur-1) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;display:grid;position:relative}.item[data-cat=werk]{--item-color:var(--c-werk)}.item[data-cat=afsluiting]{--item-color:var(--c-afsluiting)}.item[data-cat=file]{--item-color:var(--c-file)}.item[data-cat=incident]{--item-color:var(--c-incident)}.item[data-cat=brug]{--item-color:var(--c-brug)}.item[data-cat=evenement]{--item-color:var(--c-evenement)}.item:before{content:"";background:var(--item-color);opacity:0;width:3px;transition:opacity var(--dur-1) var(--ease-out);position:absolute;top:0;bottom:-1px;left:0}.item:hover,.item:focus-visible{background:var(--surface-2)}.item:hover:before,.item:focus-visible:before,.item.is-selected:before{opacity:1}.item.is-selected{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.item:focus-visible{outline-offset:-2px;border-radius:0}.item__body{flex-direction:column;gap:3px;min-width:0;display:flex}.item__title{font-weight:600;font-size:var(--text-base);overflow-wrap:break-word;line-height:1.3}.item__status{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-2)}.item__status--active{color:var(--ok-text);font-weight:500}.item__status--past{color:var(--text-3)}.item__tags{flex-wrap:wrap;gap:0 6px;display:flex}.item__chevron{border-right:1.5px solid var(--text-3);border-top:1.5px solid var(--text-3);opacity:.6;width:8px;height:8px;margin-top:10px;transform:rotate(45deg)}@media (prefers-reduced-motion:no-preference){.list__items .item{animation:item-in var(--dur-2) var(--ease-out) both;animation-delay:calc(var(--i,0) * 30ms)}}@keyframes item-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.btn{min-height:40px;padding:0 var(--s-4);border-radius:var(--r-2);font-weight:600;font-size:var(--text-sm);transition:background var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:color-mix(in srgb, var(--accent) 88%, var(--accent-ink))}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn--secondary:hover{border-color:var(--text-3)}.btn--ghost{color:var(--text-2);padding:0 var(--s-2);background:0 0}.btn--ghost:hover{background:var(--surface-2);color:var(--text)}.btn--link{background:var(--surface-2);color:var(--text);border-color:var(--border);font-weight:500}.btn--link:hover{border-color:var(--text-3)}.live{min-height:32px;padding:0 var(--s-3) 0 var(--s-2);border-radius:var(--r-pill);color:var(--chrome-text);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;align-items:center;gap:8px;display:inline-flex}.live__dot{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 60%, transparent);border-radius:50%;flex:none}@media (prefers-reduced-motion:no-preference){.live[data-state=ok] .live__dot{animation:pulse 2s var(--ease-out) infinite}}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 60%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.live[data-state=loading] .live__dot{background:var(--text-3)}.live[data-state=stale]{color:var(--live-stale-text);border-color:color-mix(in srgb, var(--live-stale-text) 35%, transparent)}.live[data-state=stale] .live__dot{background:var(--warn)}.live[data-state=error]{color:var(--live-error-text);border-color:color-mix(in srgb, var(--live-error-text) 35%, transparent)}.live[data-state=error] .live__dot{background:var(--danger)}.count{color:var(--chrome-text);font-size:var(--text-sm);border-radius:var(--r-1);opacity:.9;align-items:center;gap:6px;padding:4px 6px;text-decoration:none;display:inline-flex}.count:hover{opacity:1;background:#ffffff14}.count__dot{background:var(--count-color);border-radius:50%;width:9px;height:9px}.count__n{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:800}.count__label{color:#f7f4ecb3;font-size:var(--text-xs)}.toast{left:50%;bottom:calc(var(--s-6) + env(safe-area-inset-bottom));z-index:var(--z-toast);opacity:0;padding:var(--s-3) var(--s-4);background:var(--chrome);color:var(--chrome-text);border-radius:var(--r-2);box-shadow:var(--shadow-2);font-size:var(--text-sm);max-width:min(90vw,420px);transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);border-left:3px solid var(--accent);position:fixed;transform:translate(-50%,12px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast[data-kind=error]{border-left-color:var(--danger)}.skeleton__row{gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);grid-template-columns:44px 1fr;display:grid}.skeleton__badge,.skeleton__lines span,.skeleton--detail span{border-radius:var(--r-1);background:linear-gradient(90deg, var(--surface-2) 25%, var(--border) 50%, var(--surface-2) 75%);background-size:200% 100%;display:block}@media (prefers-reduced-motion:no-preference){.skeleton__badge,.skeleton__lines span,.skeleton--detail span{animation:1.4s linear infinite shimmer}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton__badge{height:28px}.skeleton__lines{gap:8px;display:grid}.skeleton__lines span{height:12px}.skeleton__lines span:first-child{width:70%;height:14px}.skeleton__lines span:nth-child(3){width:45%}.skeleton--detail{padding:var(--s-4);gap:10px;display:grid}.skeleton--detail span{height:14px}.skeleton--detail span:nth-child(2){width:80%}.skeleton--detail span:nth-child(3){width:55%}.empty{justify-items:center;gap:var(--s-2);padding:var(--s-10) var(--s-6);text-align:center;color:var(--text-2);display:grid}.empty__sign{border:3px solid var(--text-3);border-radius:var(--r-2);width:72px;height:72px;color:var(--text-3);margin-bottom:var(--s-2);place-items:center;display:grid;position:relative}.empty__sign:after{content:"";border:1.5px solid var(--border);border-radius:6px;position:absolute;inset:4px}.empty__sign svg{width:32px;height:32px}.empty__title{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);color:var(--text);text-transform:uppercase;letter-spacing:.02em}.empty__text{font-size:var(--text-sm);max-width:28ch}.empty .btn{margin-top:var(--s-2)}.banner{gap:var(--s-2) var(--s-3);margin:var(--s-3) var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--surface-2);border:1px solid var(--border);font-size:var(--text-sm);border-left-width:3px;grid-template-columns:auto 1fr;align-items:start;display:grid}.banner svg{width:20px;height:20px;margin-top:2px}.banner--error{border-left-color:var(--danger)}.banner--error svg{color:var(--danger)}.banner--warn{border-left-color:var(--warn)}.banner--warn svg{color:var(--warn)}.banner__title{font-weight:600}.banner__text{color:var(--text-2);overflow-wrap:anywhere;margin-top:2px}.banner .btn{grid-column:2;justify-self:start}.search__form{position:relative}.search__icon{color:var(--text-3);pointer-events:none;display:inline-flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search__icon svg{width:18px;height:18px}.search__input{width:100%;min-height:var(--touch);border-radius:var(--r-2);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:var(--text-base);transition:border-color var(--dur-1) var(--ease-out), background var(--dur-1) var(--ease-out);appearance:none;padding:0 44px 0 40px}.search__input::-webkit-search-cancel-button{display:none}.search__input::placeholder{color:var(--text-3)}.search__input:focus{background:var(--surface);border-color:var(--text);outline:2px solid var(--focus);outline-offset:0}.search__clear{border-radius:var(--r-1);width:36px;height:36px;color:var(--text-3);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.search__clear:hover{color:var(--text);background:var(--surface-2)}.search__clear svg{width:18px;height:18px}.search__list{z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);max-height:min(60vh,420px);box-shadow:var(--shadow-2);padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.search__opt{min-height:var(--touch);border-radius:var(--r-1);cursor:pointer;font-size:var(--text-sm);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:8px 10px;display:grid}.search__opt>svg,.search__opt>.icon{width:18px;height:18px;color:var(--text-3);grid-row:span 2}.search__opt .badge{grid-row:span 2}.search__opt-main{overflow-wrap:anywhere;font-weight:500}.search__opt-sub{font-size:var(--text-xs);color:var(--text-3);align-items:center;gap:4px;display:inline-flex}.search__opt-sub svg{width:12px;height:12px;color:var(--cat-color,currentColor)}.search__opt[data-kind=query] .search__opt-main{color:var(--text-2);grid-row:span 2;font-weight:400}.search__opt[data-kind=place] .search__opt-main{grid-row:1}.search__opt:hover,.search__opt.is-active{background:color-mix(in srgb, var(--accent) 14%, var(--surface))}.switch__btn{min-height:var(--touch);color:var(--text-2);font-size:var(--text-sm);border-radius:var(--r-1);align-items:center;gap:8px;padding:0 4px;font-weight:500;display:inline-flex}.switch__track{border-radius:var(--r-pill);background:var(--text-3);width:32px;height:18px;transition:background var(--dur-1) var(--ease-out);flex:none;position:relative}.switch__thumb{background:var(--papier-2);width:14px;height:14px;transition:transform var(--dur-1) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.switch__btn[aria-checked=true] .switch__track{background:var(--chrome)}.switch__btn[aria-checked=true] .switch__thumb{background:var(--accent);transform:translate(14px)}.switch__btn[aria-checked=true]{color:var(--text)}.sort{color:var(--text-2);align-items:center;gap:4px;display:inline-flex}.sort__label{color:var(--text-3);display:inline-flex}.sort__label svg{width:16px;height:16px}.sort__select{min-height:var(--touch);padding:0 var(--s-2);border-radius:var(--r-1);font-size:var(--text-sm);color:var(--text-2);background:0 0;border:1px solid #0000;max-width:160px;font-weight:500}.sort__select:hover{border-color:var(--border);color:var(--text)}.detail{padding:0 var(--s-4) var(--s-6);gap:var(--s-4);display:grid}.detail__top{padding-top:var(--s-2);margin:0 calc(-1 * var(--s-2));justify-content:space-between;align-items:center;display:flex}.detail__head{gap:var(--s-3);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.detail__cat{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);align-items:center;gap:6px;font-weight:600;display:inline-flex}.detail__cat svg{width:16px;height:16px;color:var(--cat-color)}.detail__title{font-size:var(--text-xl);overflow-wrap:break-word;margin-top:4px}@media (max-width:400px){.detail__title{font-size:var(--text-lg)}}.detail__status{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-2);margin-top:6px}.detail__status--active{color:var(--ok-text);font-weight:500}.detail__section{gap:var(--s-2);display:grid}.detail__h{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:600;font-family:var(--font-display)}.detail__desc{font-size:var(--text-sm);color:var(--text-2);white-space:pre-line;overflow-wrap:break-word}.detail__pattern{font-size:var(--text-sm);color:var(--text-2);align-items:flex-start;gap:10px;display:flex}.detail__pattern svg{width:18px;height:18px;color:var(--text-3);margin-top:2px}.detail__pattern strong{color:var(--text);font-family:var(--font-mono);font-weight:500}.detail__periods{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-2);gap:4px;list-style:none;display:grid}.detail__periods li{border-bottom:1px dashed var(--border);padding:6px 0}.detail__more{font-size:var(--text-xs);color:var(--text-3)}.detail__actions{gap:var(--s-2);flex-wrap:wrap;display:flex}.detail__source{font-size:var(--text-xs);color:var(--text-3);border-top:1px solid var(--border);padding-top:var(--s-3);gap:4px;display:grid}.detail__source strong{color:var(--text-2);font-weight:500}.detail__id{font-family:var(--font-mono);overflow-wrap:anywhere}.detail__merged{color:var(--text-3)}.timeline{gap:8px;display:grid}.timeline__bar{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;height:10px;position:relative;overflow:visible}.timeline__elapsed{background:var(--stripe);background-size:22px 22px;border-radius:5px 0 0 5px;position:absolute;top:0;bottom:0;left:0}.timeline--past .timeline__elapsed{border-radius:5px}.timeline__now{position:absolute;top:-6px;transform:translate(-50%)}.timeline__now:before{content:"";background:var(--text);width:2px;height:22px;margin:0 auto;display:block}.timeline__now span{font-family:var(--font-display);letter-spacing:.08em;text-align:center;margin-top:2px;font-size:10px;font-weight:800;display:block}.timeline__labels{justify-content:space-between;align-items:flex-end;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-2);margin-top:var(--s-3);display:flex}.timeline__labels>span{gap:2px;display:grid}.timeline__labels>span:last-child{text-align:right}.timeline__k{font-family:var(--font-body);color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.timeline__dur{color:var(--text-3);align-self:end}.impact{border:1px solid var(--border);border-radius:var(--r-2);gap:0;margin:0;display:grid;overflow:hidden}.impact__row{font-size:var(--text-sm);background:var(--surface);grid-template-columns:18px 100px 1fr;align-items:baseline;gap:10px;padding:10px 12px;display:grid}.impact__row+.impact__row{border-top:1px solid var(--border)}.impact__row svg{width:16px;height:16px;color:var(--text-3);align-self:center}.impact__row dt{color:var(--text-3)}.impact__row dd{overflow-wrap:anywhere;margin:0;font-weight:500}.ad-slot{height:0;margin:0;overflow:hidden}.ad-slot.is-enabled{margin:var(--s-6) 0;background:var(--surface-2);border-radius:var(--r-2)}.item{padding-left:var(--s-4);grid-template-columns:minmax(0,1fr) auto}.item__where{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.item__badge{border-radius:var(--r-1);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.item__badge:hover .badge{box-shadow:0 0 0 2px var(--accent)}.item__badge:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.item__when{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-2)}.item__when--active{color:var(--ok-text);font-weight:500}.item__when--past{color:var(--text-3)}.item__meta{font-size:var(--text-xs);color:var(--text-3);align-items:center;gap:6px;line-height:1.3;display:inline-flex}.item__meta>svg{width:14px;height:14px;color:var(--tag-color);flex:none}.item__meta .tag--long{margin-left:2px}.detail__badge{cursor:pointer;border-radius:var(--r-2);background:0 0;border:0;padding:0;display:inline-flex}.detail__badge:hover .badge{box-shadow:0 0 0 2px var(--accent)}.vpill{border-radius:var(--r-pill);background:color-mix(in srgb, var(--vpill-color) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--vpill-color) 45%, transparent);min-height:24px;color:var(--vpill-text,var(--text));font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:6px;padding:2px 10px 2px 8px;line-height:1.2;display:inline-flex}.vpill__dot{background:var(--vpill-color);border-radius:50%;flex:none;width:9px;height:9px}.vpill--sm{min-height:22px;font-size:var(--text-xs);padding:1px 8px 1px 7px}.vpill--lg{min-height:30px;font-size:var(--text-base);padding:3px 12px 3px 10px}.vpill--dicht{--vpill-text:var(--v-dicht-text)}.vpill--rijbaan{--vpill-text:var(--v-rijbaan-text)}.vpill--hinder{--vpill-text:var(--v-hinder-text)}.vpill--geen{--vpill-text:var(--v-geen-text)}.vpill--nvt{--vpill-text:var(--v-nvt-text)}.vpill--onbekend{--vpill-text:var(--v-onbekend-text)}.vpill--dicht,.vpill--rijbaan{background:var(--vpill-color);border-color:var(--vpill-color);--vpill-text:#fff}.vpill--nvt{border-style:dashed}.item__verdict{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:2px;display:flex}.item__verdict-detail{font-size:var(--text-sm);color:var(--text);overflow-wrap:break-word;font-weight:500}.item[data-verdict=nvt] .item__verdict-detail,.item[data-verdict=nvt] .item__title{color:var(--text-2)}.item[data-verdict=nvt]{opacity:.8}.vbanner{padding:var(--s-3) var(--s-4) var(--s-3) calc(var(--s-4) + 6px);border-radius:var(--r-2);background:color-mix(in srgb, var(--vpill-color) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--vpill-color) 40%, var(--border));gap:2px;display:grid;position:relative;overflow:hidden}.vbanner:before{content:"";background:var(--vpill-color);width:6px;position:absolute;top:0;bottom:0;left:0}.vbanner__label{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);text-transform:uppercase;letter-spacing:.005em;color:var(--vbanner-text,var(--text));line-height:1.1}.vbanner__detail{font-size:var(--text-sm);color:var(--text);overflow-wrap:break-word;font-weight:500}.vbanner--dicht{--vbanner-text:var(--v-dicht-text)}.vbanner--rijbaan{--vbanner-text:var(--v-rijbaan-text)}.vbanner--hinder{--vbanner-text:var(--v-hinder-text)}.vbanner--geen{--vbanner-text:var(--v-geen-text)}.vbanner--nvt,.vbanner--onbekend{--vbanner-text:var(--text-2)}.detail__detour{padding:var(--s-3);border-radius:var(--r-2);border:1px dashed color-mix(in srgb, var(--omleiding) 60%, var(--border));background:color-mix(in srgb, var(--omleiding) 8%, var(--surface));font-size:var(--text-sm);color:var(--text-2);align-items:flex-start;gap:10px;display:flex}.detail__detour>svg{width:18px;height:18px;color:var(--omleiding);flex:none;margin-top:2px}.detail__detour strong{color:var(--text);margin-bottom:2px;display:block}.detail__detour p{white-space:pre-line;overflow-wrap:break-word}.detail__gmaps-note{font-size:var(--text-xs);color:var(--text-3);line-height:1.4}.swatch--detour{vertical-align:middle;border-top:3px dashed var(--omleiding);width:26px;height:0;margin:0 2px;display:inline-block}.legend{position:relative}.legend__btn{min-height:32px;padding:0 var(--s-2);font-size:var(--text-sm)}.legend__btn svg{width:16px;height:16px}.legend__pop{z-index:5;width:min(340px, calc(100vw - 2 * var(--s-4)));gap:var(--s-2);padding:var(--s-3) var(--s-4) var(--s-4);border-radius:var(--r-2);background:var(--surface);border:1px solid var(--border);display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000038}.legend__head{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.legend__title{font-family:var(--font-display);font-weight:800;font-size:var(--text-base)}.legend__close{border-radius:var(--r-1);width:36px;height:36px;color:var(--text-2);justify-content:center;align-items:center;display:inline-flex}.legend__close:hover{background:var(--surface-2);color:var(--text)}.legend__close:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.legend__close svg{width:16px;height:16px}.legend__h{margin-top:var(--s-1);font-family:var(--font-display);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.legend__list,.legend__cats{gap:6px;list-style:none;display:grid}.legend__list li{font-size:var(--text-xs);color:var(--text-2);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;line-height:1.35;display:grid}.legend__list .vpill{margin-top:1px}.legend__cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.legend__cats li{font-size:var(--text-xs);color:var(--text-2);align-items:center;gap:6px;display:flex}.legend__cats svg{width:14px;height:14px;color:var(--legend-color);flex:none}.legend__swatch{background:var(--legend-color);border-radius:50%;flex:none;width:10px;height:10px}.legend__line{border-top:3px dashed var(--v-dicht);width:26px;height:0;margin-top:7px;display:inline-block}.answer{gap:var(--s-3);padding:var(--s-4) var(--s-4) var(--s-4) calc(var(--s-4) + 6px);border-radius:var(--r-2);background:color-mix(in srgb, var(--vpill-color) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--vpill-color) 40%, var(--border));display:grid;position:relative;overflow:hidden}.answer:before{content:"";background:var(--vpill-color);width:6px;position:absolute;top:0;bottom:0;left:0}.answer__top{gap:var(--s-3);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.answer__kicker{font-size:var(--text-sm);color:var(--text-2);font-weight:600}.answer__mode{font-family:var(--font-mono);font-weight:400;font-size:var(--text-xs);color:var(--text-3);margin-top:2px;display:block}.answer__headline{font-family:var(--font-display);letter-spacing:.005em;text-transform:uppercase;text-wrap:balance;overflow-wrap:break-word;hyphens:manual;color:var(--answer-text,var(--text));margin:-4px 0 0;font-size:clamp(1.25rem,1.05rem + .6vw,1.5rem);font-weight:800;line-height:1.12}.answer__headline:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:var(--r-1)}.answer--dicht{--answer-text:var(--v-dicht-text)}.answer--rijbaan{--answer-text:var(--v-rijbaan-text)}.answer--hinder{--answer-text:var(--v-hinder-text)}.answer--geen{--answer-text:var(--v-geen-text)}.answer--onbekend{--answer-text:var(--text-2)}.answer__exit{min-height:40px;padding:0 var(--s-3);flex:none}.answer__specifics{font-size:var(--text-sm);color:var(--text);gap:6px;list-style:none;display:grid}.answer__specifics li{overflow-wrap:break-word;padding-left:16px;position:relative}.answer__specifics li:before{content:"";background:var(--vpill-color);border-radius:50%;width:8px;height:8px;position:absolute;top:.55em;left:0}.answer__hidden{font-size:var(--text-xs);color:var(--text-3)}@media (max-width:768px){.answer__top{grid-template-columns:auto minmax(0,1fr)}.answer__exit{grid-column:1/-1;justify-self:start}}.topbar{z-index:var(--z-topbar);align-items:center;gap:var(--s-3);height:var(--topbar-h);padding:0 var(--s-3) 0 max(var(--s-3), env(safe-area-inset-left));background:var(--chrome);color:var(--chrome-text);border-bottom:3px solid #0000;border-image:var(--stripe) 3;display:flex;position:relative}.topbar>*{flex:none}@supports not (border-image:repeating-linear-gradient(135deg, #000 0 8px, #fff 8px 16px) 3){.topbar{border-bottom:3px solid var(--geel)}}.brand{column-gap:var(--s-2);min-height:var(--touch);padding:var(--s-1) var(--s-1) var(--s-1) 0;color:inherit;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;text-decoration:none;display:grid}.brand__mark{grid-row:span 2;width:26px;height:26px}.brand__word{font-family:var(--font-display);letter-spacing:.06em;color:var(--geel);align-self:end;font-size:1.0625rem;font-weight:800;line-height:1}.brand__sub{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--chrome-text) 62%, transparent);align-self:start;font-size:.625rem;line-height:1.2}.brand:hover .brand__word{color:color-mix(in srgb, var(--geel) 82%, #fff)}.topbar__tagline{min-width:0;font-size:var(--text-sm);color:color-mix(in srgb, var(--chrome-text) 68%, transparent);padding-left:var(--s-3);border-left:1px solid color-mix(in srgb, var(--chrome-text) 18%, transparent);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;display:none;overflow:hidden}.topbar__counters{align-items:center;gap:var(--s-1);flex:0 auto;min-width:0;display:none;overflow:hidden}.live{flex:none}@media (max-width:560px){.live{padding:0 var(--s-2)}.live .live__text{display:none}}.count__label{display:none}.topbar__nav{min-width:0;display:none}@media (min-width:900px){.topbar__nav{flex:0 auto;margin-left:auto}}.topbar__nav ul{align-items:center;gap:var(--s-1);list-style:none;display:flex}.topbar__nav a{height:36px;padding:0 var(--s-3);border-radius:var(--r-1);font-size:var(--text-sm);color:color-mix(in srgb, var(--chrome-text) 84%, transparent);white-space:nowrap;transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.topbar__nav a:hover{background:color-mix(in srgb, var(--chrome-text) 10%, transparent);color:var(--chrome-text)}.topbar__nav a[aria-current=page]{color:var(--geel-ink);background:var(--geel);font-weight:600}.topbar :focus-visible{outline:2px solid var(--geel);outline-offset:2px}.theme-toggle,.menu-toggle{border-radius:var(--r-1);width:40px;height:40px;color:var(--chrome-text);background:color-mix(in srgb, var(--chrome-text) 8%, transparent);border:1px solid color-mix(in srgb, var(--chrome-text) 12%, transparent);transition:background var(--dur-1) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover,.menu-toggle:hover{background:color-mix(in srgb, var(--chrome-text) 18%, transparent)}.theme-toggle svg,.menu-toggle svg{width:20px;height:20px}.theme-toggle:after,.menu-toggle:after{content:"";position:absolute;inset:-2px}.theme-toggle,.menu-toggle{position:relative}@media (max-width:899px){.topbar>.theme-toggle{margin-left:auto}}.topbar__nav{padding:var(--s-2);background:var(--chrome);border-bottom:1px solid color-mix(in srgb, var(--chrome-text) 14%, transparent);box-shadow:var(--shadow-2);position:absolute;top:100%;left:0;right:0}.topbar.is-menu-open .topbar__nav{display:block}.topbar.is-menu-open .topbar__nav ul{flex-direction:column;align-items:stretch;gap:2px}.topbar.is-menu-open .topbar__nav a{height:var(--touch);font-size:var(--text-base)}@media (min-width:900px){html{--topbar-h:60px}.topbar{padding-right:var(--s-4)}.topbar__nav{box-shadow:none;scrollbar-width:none;background:0 0;border:0;padding:0;display:block;position:static;overflow-x:auto}.topbar__nav::-webkit-scrollbar{display:none}.menu-toggle{display:none}.brand__mark{width:30px;height:30px}.brand__word{font-size:1.1875rem}}@media (min-width:1400px){.topbar__counters{display:flex}}@media (min-width:1440px){.topbar{padding-inline:var(--s-5)}}@media (min-width:1800px){.topbar__tagline{display:block}}@media (min-width:1680px){.count__label{display:inline}}@media (max-width:480px){.brand__sub{display:none}.brand__word{align-self:center;font-size:1rem}.brand__mark{grid-row:span 1}}.footer{background:var(--asfalt);color:var(--chrome-text);border-top:3px solid #0000;border-image:var(--stripe) 3;padding:var(--s-8) var(--s-4) calc(var(--s-8) + env(safe-area-inset-bottom))}.footer__inner{gap:var(--s-4);max-width:76rem;margin:0 auto;display:grid}.footer__attribution{font-family:var(--font-mono);font-size:var(--text-xs);color:color-mix(in srgb, var(--chrome-text) 74%, transparent)}.footer__nav{gap:var(--s-1) var(--s-4);flex-wrap:wrap;display:flex}.footer__nav a{min-height:var(--touch);font-size:var(--text-sm);color:var(--chrome-text);border-bottom:1px solid #0000;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.footer__nav a:hover{border-bottom-color:var(--geel);color:var(--geel)}.footer__nav a:focus-visible{outline:2px solid var(--geel);outline-offset:3px}.footer__note{font-size:var(--text-sm);color:color-mix(in srgb, var(--chrome-text) 72%, transparent);max-width:62ch}@media (min-width:1024px){.footer__inner{align-items:start;column-gap:var(--s-10);grid-template-columns:1fr auto}.footer__attribution{grid-column:1}.footer__nav{flex-direction:column;grid-area:1/2/span 2;gap:0}.footer__note{grid-column:1}}