/* Rapport versus praktijk (22-10-2026, herzien 23-10-2026): vergelijkingskaart in de huisillustratie, vergelijkingspagina, grafiek,
   meetdekkingsbalk, kalender en kostentabel. Bouwt voort op de tokens van ons-huis-nieuw.css (.ohn). Mobiel eerst; geen horizontale
   scroll vanaf 320 px. Kleuren: model = blauw gestippeld, praktijk = groenblauw doorgetrokken. Het euroverschil is neutraal (inkt), nooit
   een alarmkleur; status draagt altijd een symbool én tekst (✓ bruikbaar, ◐ onzeker, − onvoldoende), niet alleen kleur. */
.ohn{--rvp-model:#2b6cb8;--rvp-model-l:#e8f1fb;--rvp-gemeten:#0e8f70;--rvp-gemeten-t:#0a6b53;--rvp-amber:#b45309;--rvp-amber-l:#fdf0d4;
  --rvp-groen:#187a54;--rvp-oranje:#f5a623;--rvp-grijs:#c9cfd4}

/* ── Kaart in de huisillustratie ── */
.rvp-meterplek{padding:16px 16px 6px;background:var(--bg)}
.rvp-meterkaart{position:relative;background:#fff;border:1px solid var(--rand);border-radius:18px;box-shadow:0 1px 2px rgba(16,35,50,.05),0 12px 30px rgba(16,35,50,.16);padding:16px 16px 12px;display:grid;gap:8px;max-width:480px;min-width:0;align-content:start}
.rvp-meterkaart h2{font-size:1.18rem;line-height:1.2;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:0}
.rvp-kaartkop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}
.rvp-periode{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;background:#fdf0d4;border:1px solid #f1d49c;color:#7a4a00;font-size:.74rem;font-weight:800;line-height:1.3;white-space:nowrap}
.rvp-periode .ohn-ico{width:15px;height:15px;color:#c0620a}
.rvp-sub{font-size:.8rem;color:var(--muted);margin:-2px 0 0}
.rvp-lint{background:#e3edf9;color:#1b4a7d;border:1px solid #bcd3ef;border-radius:999px;font-size:.66rem;font-weight:800;padding:1px 9px;letter-spacing:.02em;flex:0 0 auto}
.rvp-leeg{margin:0;font-size:.86rem;color:var(--muted)}
.rvp-kaartgrafiek{min-width:0}
.rvp-verschilregel{margin:2px 0 0;display:flex;justify-content:center}
.rvp-verschilpil{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:10px;border:1px solid #f1d49c;background:#fff7e6;color:#5c3b00;font-size:.92rem;line-height:1.25;text-align:center}
.rvp-verschilpil .ohn-ico{width:20px;height:20px;color:#c0620a;flex:none}
.rvp-nognie{display:grid;gap:6px;padding:10px 12px;border:1px dashed #c3ccd2;border-radius:12px;background:#f7f8f9;font-size:.84rem;color:#33444f}
.rvp-nognie p{margin:0}
.rvp-nognie-kop{display:flex;align-items:center;gap:8px;font-size:1rem;color:var(--ink)}
.rvp-nognie-kop .ohn-ico{width:20px;height:20px;color:#5a6b76;flex:none}
.rvp-nognie-lijst{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:.78rem}
.rvp-nognie-lijst li{padding-left:12px;position:relative}
.rvp-nognie-lijst li::before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:#8a99a3}
.rvp-nognie-lijst em{font-style:normal;color:var(--muted)}
.rvp-meterfoot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;border-top:1px solid #f0ece4;padding-top:8px;margin-top:2px}
.rvp-bijgewerkt{margin:0;font-size:.7rem;color:#4e6270;line-height:1.3}
.rvp-chips{flex:1 0 100%;display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0}

/* Kaart direct onder de huisillustratie, op elke breedte: groter en rustiger, zonder de introductietekst of meetkaarten te bedekken. */
.rvp-meterplek{padding:18px 16px 6px;background:var(--bg)}
.rvp-meterkaart{max-width:none;padding:20px 22px 16px;gap:12px;border-radius:20px}
.rvp-meterkaart h2{font-size:1.4rem}
.rvp-sub{font-size:.95rem;color:#33444f;margin:0}
.rvp-sub b{color:var(--ink)}
.rvp-periode{font-size:.84rem;padding:4px 12px 4px 9px}
.rvp-kaartraster{display:grid;gap:16px}
.rvp-kaartlinks,.rvp-kaartrechts{min-width:0}
.rvp-kaartrechts{display:grid;gap:14px;align-content:start}
.rvp-meterkaart .rvp-plotkader{height:clamp(200px,52vw,250px);margin-top:26px}
.rvp-meterkaart .rvp-eind small{font-size:.8rem}
.rvp-meterkaart .rvp-eind b{font-size:1.1rem}
.rvp-meterkaart .rvp-y span,.rvp-meterkaart .rvp-x span{font-size:.8rem}
.rvp-meterkaart .rvp-legenda{font-size:.9rem;justify-content:flex-start;gap:6px 20px}
.rvp-meterkaart .rvp-verschilregel{justify-content:flex-start}
.rvp-verschilpil{font-size:1.02rem;padding:8px 16px;text-align:left}
.rvp-meterkaart .rvp-nognie{font-size:.95rem;padding:14px 16px}
.rvp-meterkaart .rvp-nognie-lijst{font-size:.88rem}
.rvp-meterfoot{align-items:center;gap:8px 16px;padding-top:12px;margin-top:4px}
.rvp-hoofdlink{min-height:44px;padding:0 20px;display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.rvp-bijgewerkt{font-size:.8rem}
@media(min-width:800px){
  .rvp-kaartraster{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px;align-items:start}
  .rvp-meterkaart .rvp-plotkader{height:clamp(210px,22vw,260px)}
}
@media(max-width:999px){
  .ohn-stage .rvp-meterplek{order:6}
  .ohn-stage .ohn-live-zin{order:7}
  .ohn-stage .ohn-stage-noot{order:8}
}
@media(max-width:420px){
  .rvp-meterkaart{padding:16px 14px 14px}
  .rvp-meterkaart h2{font-size:1.2rem}
  .rvp-meterkaart .rvp-eind small{font-size:.74rem}.rvp-meterkaart .rvp-eind b{font-size:.98rem}
  .rvp-meterkaart .rvp-plotkader{height:210px}
}

/* ── Meetdekkingsbalk ── */
.rvp-dekking{display:grid;gap:6px;margin:14px 0 4px}
.rvp-dekking-kop{display:flex;align-items:baseline;gap:8px;margin:0;font-size:1rem;color:var(--ink)}
.rvp-dekking-kop strong{font-family:var(--font-sans,Inter,system-ui,sans-serif);font-size:1.15rem;font-weight:800;font-variant-numeric:lining-nums tabular-nums}
.rvp-dekking--leeg .rvp-dekking-kop span{font-weight:600;color:var(--muted);font-size:.9rem}
.rvp-balk{display:flex;width:100%;height:24px;border-radius:7px;overflow:hidden;background:#eef0f2;gap:2px}
.rvp-seg{display:flex;align-items:center;justify-content:center;min-width:0;font-size:.72rem;line-height:1;overflow:hidden}
.rvp-seg b{font-weight:800;font-variant-numeric:tabular-nums}
.rvp-seg.is-bruikbaar{background:var(--rvp-groen);color:#fff}
.rvp-seg.is-onzeker{background:var(--rvp-oranje);color:#3d2500}
.rvp-seg.is-onvoldoende{background:var(--rvp-grijs);color:#25333d}
.rvp-tellers{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;font-size:.82rem;color:var(--ink)}
.rvp-tellers li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.rvp-tellers b{font-variant-numeric:tabular-nums}
.rvp-tellers .is-nul{color:var(--muted)}
.rvp-sym{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:.78rem;font-weight:800;line-height:1;flex:none}
.rvp-tellers .is-bruikbaar .rvp-sym{background:var(--rvp-groen);color:#fff}
.rvp-tellers .is-onzeker .rvp-sym{background:var(--rvp-oranje);color:#3d2500}
.rvp-tellers .is-onvoldoende .rvp-sym{background:var(--rvp-grijs);color:#25333d}
.rvp-dekking-zin{margin:0;font-size:.78rem;color:#4e6270}
.rvp-dekking-link{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--gd);margin-left:6px;text-decoration:underline;text-underline-offset:2px;min-height:24px}
.rvp-dekking-link .ohn-ico{width:14px;height:14px}
.rvp-dekking--compact{margin:2px 0 0;gap:4px}
.rvp-dekking--compact .rvp-dekking-kop{font-size:.88rem}
.rvp-dekking--compact .rvp-dekking-kop strong{font-size:1rem}
.rvp-dekking--compact .rvp-balk{height:20px}
.rvp-dekking--compact .rvp-seg{font-size:.66rem}
.rvp-dekking--compact .rvp-tellers{font-size:.7rem;gap:2px 8px}
.rvp-dekking--compact .rvp-sym{width:17px;height:17px;font-size:.68rem}
.rvp-dekking--compact .rvp-dekking-zin{font-size:.7rem}
.rvp-dekking--compact .rvp-dekking-link{margin-left:0;display:flex;font-size:.74rem}
.rvp-dekking--compact .rvp-dekking-zin{font-size:.7rem}

/* Meetdekking als geheel aanklikbaar blok (naar de meetcontrole) */
.rvp-dekking--klik{display:grid;gap:6px;margin:0;text-decoration:none;color:inherit;padding:12px 14px;border:1px solid var(--rand);border-radius:14px;background:#fbfaf7;position:relative}
.rvp-dekking--klik:hover{background:#f1f7f3;border-color:#b9d3c4}
.rvp-dekking--klik:focus-visible{outline:3px solid #0f4a2b;outline-offset:2px}
.rvp-klikhint{position:absolute;top:12px;right:14px;display:inline-flex;gap:4px;align-items:center;font-size:.8rem;font-weight:700;color:var(--gd);text-decoration:underline;text-underline-offset:2px}
.rvp-klikhint .ohn-ico{width:14px;height:14px}

/* ── Pagina ── */
.rvp-hero h1 em{color:var(--g)}
.rvp-hero h1{color:#0d1f33}
.rvp-sectie .ohn-sectiekop{margin-top:0}
.rvp-uitleg{font-size:.9rem;color:var(--muted);margin:10px 2px 14px;max-width:80ch}
.rvp-uitleg b{color:var(--ink)}
.rvp-grondslag{display:grid;gap:4px;grid-template-columns:minmax(0,1fr)}
.rvp-grondslag>*{min-width:0}
.rvp-segment{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#fff;border:1px solid var(--rand);border-radius:16px;padding:10px 12px;box-shadow:var(--schaduw);min-width:0}
.rvp-segment-label{font-weight:800;font-size:1rem;margin-right:6px}
.rvp-segment a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--rand);background:#fbfaf7;color:var(--ink);font-weight:700;font-size:.88rem;text-decoration:none;min-height:44px;min-width:0;white-space:normal;line-height:1.25}
.rvp-segment a:hover{background:var(--gl)}
.rvp-segment a[aria-selected="true"]{background:#0f4a2b;border-color:#0f4a2b;color:#fff}
.rvp-segment a .ohn-ico{width:20px;height:20px}
.rvp-keuzes{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:4px 0 6px}
.rvp-modus{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.rvp-modus-label{font-weight:800;font-size:.9rem;margin-right:4px}
.rvp-modus a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid var(--rand);background:#fff;color:var(--ink);font-weight:700;font-size:.86rem;text-decoration:none;min-height:40px}
.rvp-modus a small{font-weight:600;color:var(--muted)}
.rvp-modus a:hover{background:var(--gl)}
.rvp-modus a[aria-selected="true"]{background:#fff4dc;border-color:#f1d49c;color:#5c3b00}
.rvp-modus a[aria-selected="true"][data-rvp-dagen="strikt"]{background:#e3f3ea;border-color:#bfe0cc;color:#0f4023}
.rvp-modus a[aria-selected="true"] small{color:inherit}
.rvp-modus-uitleg{font-size:.8rem;color:var(--muted);margin:0 2px 8px;max-width:90ch}
.rvp-modus-uitleg b{color:var(--ink)}
.rvp-bron-regel{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 2px 14px;font-size:.78rem;color:#4e6270}
.rvp-periodetabs{display:inline-flex;gap:3px;padding:4px;background:#f6f3ec;border:1px solid var(--rand);border-radius:12px}
.rvp-periodetabs a{padding:8px 16px;border-radius:9px;font-weight:700;font-size:.86rem;color:var(--ink);text-decoration:none;min-height:40px;display:inline-flex;align-items:center}
.rvp-periodetabs a:hover{background:#fff}
.rvp-periodetabs a[aria-selected="true"]{background:#0f4a2b;color:#fff}
.rvp-p{min-width:0}
.rvp-p[hidden],.rvp-grondslag [hidden]{display:none!important}

.rvp-indicatie{border:1px solid #f1d49c;border-left:5px solid var(--rvp-oranje);background:#fff8e8;border-radius:12px;padding:12px 16px;margin:0 0 14px}
.rvp-indicatie-kop{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:1rem}
.rvp-indicatie p{margin:6px 0 0;font-size:.88rem;color:#4a3300;max-width:80ch}
.rvp-toegevoegd{font-size:.8rem;color:#4a3300;margin:6px 0 0}

.rvp-drie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:6px 0 16px}
.rvp-kaart{display:flex;gap:16px;align-items:center;padding:18px 20px}
.rvp-kaart>.ohn-bol{width:64px;height:64px;border-radius:50%;flex:none}
.rvp-kaart>.ohn-bol .ohn-ico{width:30px;height:30px}
.rvp-kaart h2{font-size:.98rem;font-family:var(--font-serif);font-weight:700}
.rvp-bedrag{font-family:var(--font-serif);font-size:clamp(1.9rem,4.2vw,2.5rem);line-height:1.1;font-weight:700;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;margin:2px 0}
.rvp-kaartsub{font-size:.82rem;color:var(--muted);margin:0}
.rvp-nognietkaart{display:flex;gap:16px;align-items:flex-start;margin:6px 0 16px}
.rvp-nognietkaart>.ohn-bol{width:56px;height:56px;border-radius:50%;flex:none}
.rvp-nognietkaart h2{font-family:var(--font-serif);font-size:1.4rem;margin:0 0 4px}
.rvp-nognietkaart p{margin:4px 0;font-size:.92rem;color:#2d4150;max-width:78ch}
.rvp-nognietkaart .rvp-nognie-lijst{font-size:.88rem;gap:6px;margin-top:4px}
.rvp-groeplabel{display:inline-block;margin-right:6px;padding:1px 8px;border-radius:999px;background:#eef0f2;color:#41525e;font-size:.68rem;font-weight:700;vertical-align:1px}
.rvp-grafiekkaart,.rvp-kostenkaart,.rvp-dekkingkaart{margin-bottom:16px}
.rvp-grafiekkop,.rvp-kostenkop{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 16px;margin-bottom:10px}
.rvp-grafiekkop h2,.rvp-kostenkop h2{font-family:var(--font-serif);font-size:1.3rem;line-height:1.2}

/* ── Grafiek ── */
.rvp-grafiek{margin:6px 0 0;display:block}
.rvp-plotkader{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 84px;height:clamp(200px,34vw,300px);margin-top:30px}
.rvp-y{position:relative}
.rvp-y span{position:absolute;right:8px;transform:translateY(-50%);font-size:.72rem;color:#4e6270;font-variant-numeric:tabular-nums;line-height:1}
.rvp-y-titel{position:absolute;left:0;top:-24px;font-style:normal;font-size:.75rem;color:var(--muted);white-space:nowrap;font-weight:600}
.rvp-plot{position:relative;border-left:1px solid #d9d3c6;outline-offset:3px;cursor:crosshair;touch-action:pan-y}
.rvp-vlak{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.rvp-raster{stroke:#ece7db;stroke-width:1;vector-effect:non-scaling-stroke;fill:none}
.rvp-raster.is-nul{stroke:#9aa7b0;stroke-width:1.4}
.rvp-lijn-model,.rvp-lijn-gemeten{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.rvp-lijn-model{stroke:var(--rvp-model);stroke-width:2.6;stroke-dasharray:7 6}
.rvp-lijn-gemeten{stroke:var(--rvp-gemeten);stroke-width:3}
.rvp-banden{position:absolute;inset:0;pointer-events:none}
.rvp-gat{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,#fff 0 5px,#e7e1d4 5px 7px);border-left:1px solid #d9d3c6;border-right:1px solid #d9d3c6;pointer-events:auto}
.rvp-gat i{position:absolute;top:2px;left:0;right:0;text-align:center;font-style:normal;font-size:.75rem;color:#4e6270;font-weight:700}
.rvp-vl{position:absolute;top:0;bottom:0;background:rgba(245,166,35,.13);border-left:1px solid rgba(214,150,40,.35);border-right:1px solid rgba(214,150,40,.35)}
.rvp-stippen i{position:absolute;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);border:2.5px solid #fff;box-shadow:0 0 0 1.5px currentColor;pointer-events:none}
.rvp-stip-model{background:var(--rvp-model);color:var(--rvp-model)}
.rvp-stip-gemeten{background:var(--rvp-gemeten);color:var(--rvp-gemeten)}
.rvp-eindwaarden{position:relative}
.rvp-eind{position:absolute;left:10px;transform:translateY(-50%);display:grid;gap:0;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}
.rvp-eind small{font-size:.72rem;font-weight:700}
.rvp-eind b{font-size:.95rem;font-weight:800}
.rvp-eind-model{color:var(--rvp-model)}.rvp-eind-gemeten{color:var(--rvp-gemeten-t)}
.rvp-x{padding-left:44px;padding-right:84px}
.rvp-x>div{position:relative;height:26px;border-top:1px solid #d9d3c6}
.rvp-x span{position:absolute;top:6px;transform:translateX(-50%);font-size:.72rem;color:#4e6270;white-space:nowrap}
.rvp-x span:first-child{transform:translateX(-20%)}
.rvp-legenda{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:flex-end;font-size:.8rem;color:var(--ink);margin-top:2px}
.rvp-legenda span{display:inline-flex;align-items:center;gap:7px}
.rvp-legenda i{display:inline-block;width:26px;height:0;border-top:3px solid var(--rvp-gemeten)}
.rvp-leg-model i{border-top:3px dashed var(--rvp-model)}
.rvp-leg-gat i{height:12px;border:1px solid #d9d3c6;background:repeating-linear-gradient(135deg,#fff 0 3px,#e7e1d4 3px 5px)}
.rvp-leg-vl i{height:12px;border:1px solid rgba(214,150,40,.55);background:rgba(245,166,35,.22)}
.rvp-cursor{position:absolute;top:0;bottom:0;width:0;border-left:1.5px solid #4e6270;pointer-events:none}
.rvp-tip{position:absolute;z-index:6;top:6px;min-width:200px;max-width:250px;background:#102332;color:#fff;border-radius:10px;padding:9px 12px;font-size:.78rem;line-height:1.4;box-shadow:0 8px 22px rgba(16,35,50,.35);pointer-events:none}
.rvp-tip b{display:block;margin-bottom:3px;font-size:.82rem}
.rvp-tip dl{margin:0;display:grid;grid-template-columns:auto auto;gap:1px 12px}
.rvp-tip dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.rvp-tip .rvp-tip-status{display:block;margin:0 0 3px;font-weight:700}
.rvp-tip .rvp-tip-reden{display:block;margin-top:4px;color:#cfe0ea;font-size:.74rem}
/* Compacte variant in de kaart */
.rvp-grafiek--compact{margin:0}
.rvp-grafiek--compact .rvp-plotkader{grid-template-columns:30px minmax(0,1fr) 62px;height:128px;margin-top:8px}
.rvp-grafiek--compact .rvp-y span{font-size:.64rem;right:5px}
.rvp-grafiek--compact .rvp-y-titel{top:-16px;font-size:.62rem}
.rvp-grafiek--compact .rvp-eind{left:6px}
.rvp-grafiek--compact .rvp-eind small{font-size:.66rem}
.rvp-grafiek--compact .rvp-eind b{font-size:.82rem}
.rvp-grafiek--compact .rvp-x{padding-left:30px;padding-right:62px}
.rvp-grafiek--compact .rvp-x>div{height:20px}
.rvp-grafiek--compact .rvp-x span{top:4px;font-size:.64rem}
.rvp-grafiek--compact .rvp-legenda{justify-content:center;gap:4px 14px;font-size:.72rem;margin-top:0}
.rvp-grafiek--compact .rvp-legenda i{width:22px}
.rvp-grafiek--compact .rvp-stippen i{width:10px;height:10px;border-width:2px}
.rvp-grafiek--compact .rvp-lijn-model{stroke-width:2.2}.rvp-grafiek--compact .rvp-lijn-gemeten{stroke-width:2.6}
.rvp-grafiek--compact .rvp-tip{min-width:180px;font-size:.72rem}
@media(min-width:1200px){.ohn-stage .rvp-grafiek--compact .rvp-plotkader{height:96px;margin-top:6px}.ohn-stage .rvp-grafiek--compact .rvp-legenda{font-size:.66rem}}

.rvp-alt{margin-top:10px;border-top:1px solid #f0ece4;padding-top:8px}
.rvp-alt>summary{cursor:pointer;font-weight:700;font-size:.88rem;min-height:36px;display:flex;align-items:center}
.rvp-tabelwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.rvp-tabel-dagen{border-collapse:collapse;width:100%;font-size:.82rem;font-variant-numeric:tabular-nums}
.rvp-tabel-dagen th,.rvp-tabel-dagen td{padding:6px 10px;border-bottom:1px solid #f0ece4;text-align:right;white-space:nowrap}
.rvp-tabel-dagen th:first-child,.rvp-tabel-dagen td:nth-child(2){text-align:left}

/* ── Kostentabel ── */
.rvp-kosten{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.rvp-kosten th,.rvp-kosten td{padding:12px 10px;text-align:right;border-bottom:1px solid #eee9de;font-size:.98rem}
.rvp-kosten thead th{font-size:.84rem;color:var(--muted);font-weight:700;padding-bottom:8px}
.rvp-kosten tbody th{text-align:left;font-weight:500}
.rvp-kolom{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--ink)}
.rvp-kolom .ohn-ico{width:30px;height:30px;padding:6px;border-radius:50%}
.rvp-kolom.is-model .ohn-ico{background:var(--rvp-model-l);color:var(--rvp-model)}
.rvp-kolom.is-gemeten .ohn-ico{background:#dcf1e5;color:var(--rvp-gemeten-t)}
.rvp-kolom.is-verschil .ohn-ico{background:#eef0f2;color:#41525e}
.rvp-kosten tr.is-totaal th,.rvp-kosten tr.is-totaal td{background:#e7f3ea;font-weight:800;border-bottom:0}
.rvp-kosten tr.is-totaal th{border-radius:8px 0 0 8px}.rvp-kosten tr.is-totaal td:last-child{border-radius:0 8px 8px 0}
.rvp-noot{margin-left:8px;width:22px;height:22px;border-radius:50%;border:1px solid #b9c3c9;background:#fff;color:var(--muted);font-size:.74rem;font-weight:800;cursor:help;line-height:1;vertical-align:middle;padding:0}
.rvp-onder{font-size:.78rem;color:var(--muted);margin:8px 0 0}

/* ── Inzichten, kalender, criteria, grondslag, band ── */
.rvp-twee-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
.rvp-weten{display:flex;gap:14px;align-items:flex-start}
.rvp-weten h3{font-family:var(--font-serif);font-size:1.12rem;margin-bottom:4px}
.rvp-weten ul{display:grid;gap:6px;font-size:.9rem;color:#2d4150;padding-left:0}
.rvp-weten li{position:relative;padding-left:14px}
.rvp-weten li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:#a5b3ba}
.rvp-orig-cijfers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:6px}
.rvp-selectie{margin:0 0 10px;font-size:.92rem;color:#2d4150}
.rvp-selectie b{color:var(--ink);font-weight:800}
.rvp-crit-kop{font-family:var(--font-serif);font-size:1.02rem;margin:14px 0 2px}
.rvp-regels-punten li::before{content:"•";background:none;color:var(--gd);font-size:1rem;width:auto;height:auto}
.rvp-correctie{border-top:1px solid #f0ece4}
.rvp-correctie-blok{margin:10px 0 14px;padding:12px 14px;border:1px solid var(--rand);border-radius:12px;background:#fbfaf7}
.rvp-correctie-blok h3{font-size:.98rem;margin:0 0 6px}
.rvp-correctie-blok h3 small{font-weight:600;color:var(--muted);font-size:.74rem;margin-left:6px}
.rvp-correctie-blok dl{display:grid;gap:4px;margin:0;font-size:.86rem}
.rvp-correctie-blok dt{font-weight:800;margin-top:6px}
.rvp-correctie-blok dd{margin:0;color:#2d4150}
.rvp-recon th,.rvp-recon td{font-size:.9rem}
.rvp-recon-lijst{display:grid;gap:6px;margin:10px 0;padding-left:18px;font-size:.84rem;color:#2d4150}
.rvp-dekking-periode{margin:14px 0 0}
.rvp-praktijkregel{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 10px;font-size:.82rem;color:#33444f}
.rvp-praktijkregel span:not(.ohn-chip){flex:1 1 280px}
.rvp-legendadag{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0 0 10px;font-size:.8rem}
.rvp-dagraster{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;margin:0;padding:0;list-style:none}
.rvp-dagraster li{min-width:0}
.rvp-dag{display:grid;gap:2px;justify-items:center;width:100%;min-height:48px;padding:6px 2px;border-radius:12px;border:2px solid transparent;font:inherit;cursor:pointer;color:var(--ink)}
.rvp-dag b{font-size:.84rem;line-height:1.1}
.rvp-dag span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:.78rem;font-weight:800;line-height:1}
.rvp-dag.is-bruikbaar{background:#eef8f2;border-color:#cde6d6}.rvp-dag.is-bruikbaar span{background:var(--rvp-groen);color:#fff}
.rvp-dag.is-onzeker{background:#fff7e6;border-color:#f5d9a8}.rvp-dag.is-onzeker span{background:var(--rvp-oranje);color:#3d2500}
.rvp-dag.is-onvoldoende{background:#f1f3f4;border-color:#d9dee2}.rvp-dag.is-onvoldoende span{background:var(--rvp-grijs);color:#25333d}
.rvp-dag:hover{filter:brightness(.97)}
.rvp-dag[aria-pressed="true"]{border-color:var(--ink);box-shadow:0 0 0 2px #fff inset}
.rvp-dagdetail{margin-top:12px;padding:12px 14px;border:1px solid var(--rand);border-radius:12px;background:#fbfaf7;font-size:.88rem;min-height:3.2em}
.rvp-dagdetail p{margin:0}
.rvp-dagdetail .rvp-dd-kop{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:6px}
.rvp-dagdetail ul{display:grid;gap:4px;margin:6px 0 0;padding:0;list-style:none}
.rvp-dagdetail .rvp-dd-telt{font-size:.78rem;color:var(--muted);margin-top:6px}
.rvp-dagenlijst{display:grid;gap:8px;margin-top:10px}
.rvp-dagenlijst li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:.86rem;padding:6px 0;border-bottom:1px solid #f4f0e7}
.rvp-dagenlijst .d{font-weight:800;min-width:54px}
.rvp-dagenlijst .r{flex:1 1 260px;color:var(--muted);font-size:.8rem;display:grid;gap:3px}
.rvp-criteria{margin-bottom:16px}
.rvp-criteria>summary{cursor:pointer;font-weight:800;min-height:40px;display:flex;align-items:center}
.rvp-regels-lijst{counter-reset:r;display:grid;gap:6px;margin:10px 0;padding:0;font-size:.88rem}
.rvp-regels-lijst li{counter-increment:r;position:relative;padding-left:30px;list-style:none}
.rvp-regels-lijst li::before{content:counter(r);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--gl);color:var(--gd);font-size:.74rem;font-weight:800;display:grid;place-items:center}
.rvp-dl{display:grid;gap:12px;margin:0}
.rvp-dl>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 16px;font-size:.9rem;border-bottom:1px solid #f4f0e7;padding-bottom:10px}
.rvp-dl dt{font-weight:800}.rvp-dl dd{margin:0;color:#2d4150}
.rvp-band-tekst{display:flex;gap:14px;align-items:center}
.rvp-band-tekst p{margin:2px 0 0;color:#2d4150;font-size:.92rem}
.rvp-band-actie{display:grid;gap:6px;justify-items:end}
.rvp-band-bol{width:56px;height:56px;border-radius:50%;flex:none}
.rvp-band-bol .ohn-ico{width:28px;height:28px}
.rvp-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:14px}
.rvp-melding+.rvp-melding{margin-top:8px!important}
.rvp-hero>.in{max-width:720px}
.rvp-doorverwijzing{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:20px}
.rvp-doorverwijzing h2{font-family:var(--font-serif);font-size:1.2rem;color:var(--gd)}
.rvp-doorverwijzing p{margin:2px 0 0;color:var(--muted);font-size:.9rem;max-width:62ch}
@media(max-width:700px){.rvp-doorverwijzing{grid-template-columns:auto minmax(0,1fr)}.rvp-doorverwijzing .ohn-knop{grid-column:1 / -1;justify-content:center}}
/* Vijf onderdelen in de navigatie (mobiel): vijf gelijke kolommen in plaats van een wees op de tweede regel */
@media(max-width:700px){
  .ohn-onderdeelnav ul:has(li:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}
  .ohn-onderdeelnav ul:has(li:nth-child(5)) a{font-size:.62rem;padding:6px 1px}
}

@media(max-width:900px){
  .rvp-drie{grid-template-columns:1fr}
  .rvp-twee-in,.rvp-orig-cijfers{grid-template-columns:1fr}
  .rvp-dl>div{grid-template-columns:1fr}
  .rvp-band-actie{justify-items:start}
}
@media(max-width:600px){
  .rvp-plotkader{grid-template-columns:34px minmax(0,1fr) 66px}
  .rvp-x{padding-left:34px;padding-right:66px}
  .rvp-eind{left:6px}.rvp-eind b{font-size:.82rem}.rvp-eind small{font-size:.66rem}
  .rvp-segment a{flex:1 1 100%}
  .rvp-modus a{flex:1 1 100%}
  .rvp-kaart{padding:14px}.rvp-kaart>.ohn-bol{width:48px;height:48px}.rvp-kaart>.ohn-bol .ohn-ico{width:24px;height:24px}
  .rvp-nognietkaart{flex-direction:column;gap:8px}
  .rvp-periodetabs{width:100%}.rvp-periodetabs a{flex:1;justify-content:center;padding:8px 6px}
  .rvp-tellers{gap:4px 10px}
  /* Kostentabel op smalle schermen: getallen nooit afbreken, de omschrijving mag wel omslaan */
  .rvp-kosten th,.rvp-kosten td{padding:9px 3px;font-size:.8rem;white-space:nowrap}
  .rvp-kosten thead th{font-size:.66rem;letter-spacing:-.01em}
  .rvp-kosten tbody th{white-space:normal;min-width:6.6em;font-size:.8rem;overflow-wrap:normal;word-break:normal}
  .rvp-noot{display:block;margin:4px 0 0}
  .rvp-kolom{font-size:.66rem;gap:4px}.rvp-kolom .ohn-ico{display:none}
  .rvp-dagraster{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:5px}
}
@media(max-width:360px){
  .rvp-kosten th,.rvp-kosten td{font-size:.72rem;padding:8px 2px}
  .rvp-kosten thead th{font-size:.6rem}
  .rvp-plotkader{grid-template-columns:30px minmax(0,1fr) 60px}
  .rvp-x{padding-left:30px;padding-right:60px}
}
@media(prefers-reduced-motion:reduce){.rvp-tip,.rvp-cursor{transition:none}}
@media(forced-colors:active){
  .rvp-lijn-model{stroke:LinkText}.rvp-lijn-gemeten{stroke:Highlight}
  .rvp-gat{border:1px solid CanvasText;background:Canvas}
  .rvp-seg{border:1px solid CanvasText}
}

/* Links in lopende tekst: onderstreept, niet alleen gekleurd (WCAG 1.4.1) */
.ohn-niet-gelijk a,.rvp-weten a,.rvp-uitleg a,.rvp-onder a,.rvp-indicatie a,.rvp-nognietkaart p a{text-decoration:underline;text-underline-offset:2px;font-weight:700}
.ohn-niet-gelijk{text-align:left;justify-content:flex-start}
.rvp-recon thead th:first-child{text-align:left}

/* Smalle schermen: minder aslabels (geen overlap) en de meetcontrole-hint onder de balk i.p.v. over de kop */
@media(max-width:480px){
  .rvp-x span:not(:first-child):not(:last-child){display:none}
  .rvp-klikhint{position:static;justify-self:start;margin-top:2px}
}