.grafiek{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:6px;flex-direction:column;gap:10px;min-width:0;margin:0;padding:16px 18px 14px;display:flex}.grafiek-kop h3{font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);margin:0 0 2px;font-size:1rem;font-weight:700}.grafiek-kop p{color:var(--ink-soft);margin:0;font-size:.84rem}.grafiek svg{width:100%;height:auto;display:block;overflow:visible}.grafiek{container-type:inline-size}.grafiek svg.vorm-smal{display:none}@media (width<=560px){.grafiek{padding:14px 14px 12px}}@container (width<=420px){.grafiek svg.vorm-breed{display:none}.grafiek svg.vorm-smal{display:block}}.grafiek svg text{font-family:var(--sans);fill:var(--ink-faint);font-size:12px}.grafiek svg .as-label{font-size:11.5px}.grafiek svg .eind-label{fill:var(--ink);font-size:12px;font-weight:700}.grafiek svg .eind-naam{fill:var(--ink-soft);font-size:11.5px}.grafiek svg .waarde-label{fill:var(--ink);font-size:12px}.grafiek svg .grid{stroke:var(--grid);stroke-width:1px;vector-effect:non-scaling-stroke}.grafiek svg .basis{stroke:var(--as);stroke-width:1px;vector-effect:non-scaling-stroke}.grafiek svg .lijn{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.grafiek svg .lijn.context{stroke-width:1.5px}.grafiek svg .punt{stroke:var(--surface);stroke-width:2px;vector-effect:non-scaling-stroke}.grafiek svg .kruis{stroke:var(--ink-faint);stroke-width:1px;opacity:0;vector-effect:non-scaling-stroke;pointer-events:none}.grafiek svg .raak{fill:#0000;cursor:crosshair;outline:none}.grafiek svg [data-tip]{outline:none}.grafiek svg .staaf.is-actief,.grafiek svg .vlak.is-actief{filter:brightness(1.08)}.grafiek svg .vlak{stroke:var(--surface);stroke-width:1px;vector-effect:non-scaling-stroke}.grafiek svg .vlak.is-actief{stroke:var(--ink);stroke-width:2px}.grafiek svg [data-tip]:focus-visible{outline:2px solid var(--accent)}.legenda{color:var(--ink-soft);flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;font-size:.82rem;list-style:none;display:flex}.legenda li{align-items:center;gap:6px;display:inline-flex}.legenda .lijnsleutel{border-radius:2px;width:16px;height:3px;display:inline-block}.legenda .vlaksleutel{border-radius:2px;width:11px;height:11px;display:inline-block}.grafiek-voet{color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;font-size:.76rem;display:flex}.grafiek-voet a{color:var(--ink-faint)}.grafiek details{font-size:.84rem}.grafiek details summary{cursor:pointer;color:var(--ink-soft);margin-block:-12px;padding-block:12px;font-size:.8rem;display:inline-block}.grafiek .tabel-wrap{margin-top:8px;overflow-x:auto}.grafiek table{border-collapse:collapse;width:100%;font-size:.8rem}.grafiek th,.grafiek td{border-bottom:1px solid var(--line-soft);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;padding:4px 8px}.grafiek th:first-child,.grafiek td:first-child{text-align:left}.grafiek th{color:var(--ink-soft);font-weight:700}.grafiek-tip{z-index:50;pointer-events:none;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;min-width:120px;max-width:280px;padding:8px 10px;font-size:.8rem;position:fixed;box-shadow:0 4px 16px #14262a24}.grafiek-tip .tip-kop{color:var(--ink-faint);margin-bottom:4px;font-size:.74rem}.grafiek-tip .tip-rij{grid-template-columns:14px auto 1fr;align-items:center;gap:6px;line-height:1.5;display:grid}.grafiek-tip .tip-sleutel{border-radius:2px;width:12px;height:3px}.grafiek-tip strong{font-variant-numeric:tabular-nums}.grafiek-tip .tip-rij span:last-child{color:var(--ink-soft)}.kengetal{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:6px;flex-direction:column;gap:2px;min-width:0;padding:14px 16px;display:flex}.kengetal .k-label{color:var(--ink-soft);font-size:.8rem}.kengetal .k-waarde{font-family:var(--sans);color:var(--ink);font-size:1.7rem;font-weight:700;line-height:1.15}.kengetal .k-sub{color:var(--ink-faint);font-size:.76rem}.kengetal svg{width:100%;height:28px;margin-top:6px;overflow:visible}.kengetal .k-delta{color:var(--ink-soft);font-size:.76rem}.kengetal .k-vergelijk{gap:5px;margin:8px 0 2px;display:grid}.kengetal .k-vergelijk-balk{height:7px;width:var(--w);border-radius:3px;max-width:100%;display:block}.kengetal .k-vergelijk-balk.k{background:var(--s-sam)}.kengetal .k-vergelijk-balk.i{background:var(--s-rest)}@media print{.grafiek details,.grafiek-tip{display:none}}