:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#fcfcfb;--plane:#f9f9f7;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--gridline:#e1e0d9;--baseline:#c3c2b7;--border:#0b0b0b1a;--series:#2a78d6;--series-strong:#256abf;--plume:#2a78d6;--precip-1:#86b6ef;--precip-2:#2a78d6;--precip-3:#104281;--operational:#eb6834;--font:system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#1a1a19;--plane:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--series:#3987e5;--series-strong:#86b6ef;--plume:#3987e5;--precip-1:#1c5cab;--precip-2:#3987e5;--precip-3:#9ec5f4;--operational:#d95926}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#1a1a19;--plane:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--series:#3987e5;--series-strong:#86b6ef;--plume:#3987e5;--precip-1:#1c5cab;--precip-2:#3987e5;--precip-3:#9ec5f4;--operational:#d95926}*{box-sizing:border-box}body{background:var(--plane);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding:clamp(1rem,4vw,3rem) clamp(1rem,4vw,2rem);line-height:1.6}#app{flex-direction:column;gap:1.25rem;max-width:72rem;margin:0 auto;display:flex}.chart-row{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=60rem){.chart-row{grid-template-columns:4fr 5fr;align-items:start}}.lede,.callout,.explainer dd,.page-footer p{max-width:46rem}h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.6rem,4.5vw,2.25rem);line-height:1.2}h2{letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:600}.lede{max-width:44rem;color:var(--text-secondary);margin:0;font-size:1.05rem}.subtitle{color:var(--text-muted);margin:.15rem 0 0;font-size:.85rem}.hint{color:var(--text-muted);margin:0;font-size:.8rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.85rem;padding:clamp(1rem,3vw,1.5rem);display:flex}.card-collapsible{gap:0;padding:0}.card-collapsible summary{cursor:pointer;border-radius:12px;align-items:baseline;gap:.5rem;padding:clamp(.85rem,2.5vw,1.1rem) clamp(1rem,3vw,1.5rem);list-style:none;display:flex}.card-collapsible summary::-webkit-details-marker{display:none}.card-collapsible summary:after{content:"";border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);width:.5rem;height:.5rem;margin-left:auto;transition:transform .12s ease-out;transform:rotate(45deg)translate(-2px,-2px)}.card-collapsible[open] summary:after{transform:rotate(-135deg)translate(-2px,-2px)}.card-collapsible summary:hover .summary-title{color:var(--series)}.card-collapsible summary:focus-visible{outline:2px solid var(--series);outline-offset:-2px}.summary-title{letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.summary-hint{color:var(--text-muted);font-size:.8rem}.card-body{flex-direction:column;gap:.85rem;padding:0 clamp(1rem,3vw,1.5rem) clamp(1rem,3vw,1.5rem);display:flex}.callout-standalone{margin:0}.status{color:var(--text-secondary);padding:2rem 0}#app.is-loading .card>:not(.card-header){opacity:.45;transition:opacity .12s ease-out}.retry{background:var(--series);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:8px;align-self:flex-start;padding:.45rem .9rem;font-size:.9rem}.retry:hover{background:var(--series-strong)}.retry:focus-visible{outline:2px solid var(--series);outline-offset:3px}.error-detail{color:var(--text-muted);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.controls{flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.25rem;display:flex}.tabs{background:color-mix(in srgb, var(--text-muted) 12%, transparent);border-radius:9px;gap:2px;padding:2px;display:flex}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.tabs-compact .tab{padding:.25rem .6rem;font-size:.8rem}.tab{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.4rem .85rem;font-size:.9rem}.tab[aria-selected=true]{background:var(--surface);color:var(--text-primary);font-weight:500;box-shadow:0 1px 3px #0000001a}.tab:focus-visible{outline:2px solid var(--series);outline-offset:1px}.search{flex-direction:column;flex:16rem;gap:.35rem;display:flex}.search-label{color:var(--text-secondary);font-size:.82rem;font-weight:500}.search-field{position:relative}.search input{background:var(--surface);width:100%;max-width:26rem;color:var(--text-primary);border:1px solid var(--border);font:inherit;border-radius:8px;padding:.55rem .8rem;font-size:.95rem}.search input:focus-visible{outline:2px solid var(--series);outline-offset:1px;border-color:#0000}.search-results{z-index:3;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;max-width:26rem;max-height:17rem;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 28px #00000029}.search-results[hidden]{display:none}.search-results li{cursor:pointer;border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:.15rem .5rem;padding:.4rem .55rem;display:flex}.search-results li.is-active{background:color-mix(in srgb, var(--series) 14%, transparent)}.result-name{font-weight:500}.result-region{color:var(--text-muted);font-size:.82rem}.search-status{color:var(--text-muted);min-height:1lh;margin:.3rem 0 0;font-size:.78rem}.plot{width:100%;position:relative}.plot svg{width:100%;height:auto;display:block;overflow:visible}.plot svg:focus-visible{outline:2px solid var(--series);outline-offset:4px;border-radius:4px}.band{stroke:none;fill:var(--plume)}.band-outer{fill-opacity:.16}.band-inner{fill-opacity:.22}.member{fill:none;stroke:var(--plume);stroke-opacity:.09;stroke-width:.7px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.median{fill:none;stroke:var(--plume);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.operational{fill:none;stroke:var(--operational);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.key-operational{background:var(--operational);border-radius:2px;height:3px}.tooltip-key.key-operational{background:var(--operational)}.gridline{stroke:var(--gridline);stroke-width:1px;shape-rendering:crispedges}.baseline{stroke:var(--baseline);stroke-width:1px;shape-rendering:crispedges}.tick{fill:var(--text-muted);font-family:var(--font);font-variant-numeric:tabular-nums;font-size:11px}.horizon line{stroke:var(--text-muted);stroke-width:1px;stroke-opacity:.6;shape-rendering:crispedges}.horizon text{fill:var(--text-muted);font-family:var(--font);letter-spacing:.02em;font-size:10px}.crosshair{stroke:var(--text-secondary);stroke-width:1px;stroke-opacity:.5}.hover-dot{fill:var(--plume);stroke:var(--surface);stroke-width:2px}.precip-layer{stroke:none}.precip-layer-0{fill:var(--precip-1)}.precip-layer-1{fill:var(--precip-2)}.precip-layer-2{fill:var(--precip-3)}.precip-highlight{fill:var(--text-muted);fill-opacity:.09}.tooltip-key.precip-key-0{background:var(--precip-1)}.tooltip-key.precip-key-1{background:var(--precip-2)}.tooltip-key.precip-key-2{background:var(--precip-3)}.key-precip-0,.key-precip-1,.key-precip-2{border-radius:2px;height:11px}.key-precip-0{background:var(--precip-1)}.key-precip-1{background:var(--precip-2);width:12px}.key-precip-2{background:var(--precip-3);width:7px}.tooltip-note{border-top:1px solid var(--border);color:var(--text-secondary);margin:.4rem 0 0;padding-top:.35rem;font-size:.75rem}.chart-key{color:var(--text-secondary);flex-wrap:wrap;gap:.4rem 1.1rem;margin:0;padding:0;font-size:.82rem;list-style:none;display:flex}.chart-key li{align-items:center;gap:.45rem;display:flex}.key-swatch{flex:none;width:18px;display:inline-block}.key-member{background:var(--plume);opacity:.35;height:2px}.key-band{background:var(--plume);opacity:.22;border-radius:2px;height:11px}.key-median{background:var(--plume);border-radius:2px;height:3px}.tooltip{z-index:2;background:var(--surface);border:1px solid var(--border);pointer-events:none;border-radius:8px;min-width:12rem;padding:.55rem .7rem;font-size:.8rem;line-height:1.45;position:absolute;box-shadow:0 4px 16px #0000001f}.tooltip[hidden]{display:none}.tooltip-time{color:var(--text-muted);text-transform:lowercase;margin-bottom:.3rem;font-size:.72rem}.tooltip-row{align-items:baseline;gap:.4rem;display:flex}.tooltip-row strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.tooltip-label{color:var(--text-muted);font-size:.72rem}.tooltip-key{background:var(--plume);border-radius:1px;flex:none;width:12px;height:2px;transform:translateY(-.2em)}.tooltip-key.key-band{opacity:.3;height:8px}.tooltip-key.key-spread{background:var(--text-muted);opacity:.5}.callout{background:color-mix(in srgb, var(--plume) 8%, transparent);border-left:2px solid var(--plume);color:var(--text-primary);border-radius:0 8px 8px 0;margin:0;padding:.85rem 1rem}.explainer{gap:.85rem;margin:0;display:grid}.explainer dt{font-size:.95rem;font-weight:600}.explainer dd{color:var(--text-secondary);margin:.15rem 0 0;font-size:.92rem}.table-wrapper{margin:0 -.25rem;padding:0 .25rem;overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.88rem}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--gridline);padding:.5rem .75rem .5rem 0}thead th{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:.75rem;font-weight:500}tbody th{font-weight:500}tbody td{color:var(--text-secondary)}tbody tr:last-child th,tbody tr:last-child td{border-bottom:none}.page-footer{color:var(--text-muted);font-size:.78rem}.page-footer p{text-wrap:pretty;margin:0 0 .3rem}.page-footer p:last-child{margin-bottom:0}.run-line{color:var(--text-secondary);font-size:.85rem;font-weight:500}.run-line-secondary{font-size:.8rem;font-weight:400}.run-check{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex;margin-top:.5rem!important}.run-check button{color:var(--text-muted);font:inherit;text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--text-muted) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--text-muted) 50%, transparent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.76rem}.run-check button:hover:not(:disabled){color:var(--text-secondary)}.run-check button:disabled{cursor:default;opacity:.7;text-decoration:none}.run-check button:focus-visible{outline:2px solid var(--series);outline-offset:2px;border-radius:2px}.run-check-status{color:var(--text-muted);font-size:.76rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.detail-window rect{fill:var(--text-muted);fill-opacity:.07}.detail-window text{fill:var(--text-muted);font-family:var(--font);letter-spacing:.02em;font-size:10px}#app[data-variabele=temperatuur]{--plume:#eb6834;--operational:var(--text-secondary)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #app[data-variabele=temperatuur]{--plume:#d95926}}:root[data-theme=dark] #app[data-variabele=temperatuur]{--plume:#d95926}