/* ═══════════════════════════════════════════════════════════════
 * TestRoute · Pass rates (/driving-test-pass-rates/)
 *
 * Eén bestand voor de hele pagina en het venster per centrum. Opbouw volgt
 * de pagina: basis, tekst, knoppen, velden, ranglijsten, dan de secties
 * 1 t/m 9, de vensters, en onderaan de tussenmaat (onder 1140px) en mobiel
 * (onder 900px). Ontwerp getekend op 1440 en 390 px breed.
 *
 * !important op alles: de sitebouwer (Cornerstone) wint anders (regel 7 in
 * testroute-core.php). Geen glas (blur) op blokken: lijnen en vlakken.
 * Groen (#03c988) alleen op knoppen en keuzes.
 * ═══════════════════════════════════════════════════════════════ */
/* ─── Basis: volle breedte, eigen letter, alles border-box ─── */
.trpr,.trpr *,.trpr *::before,.trpr *::after{box-sizing:border-box !important;margin:0 !important;padding:0 !important}
#trpr.trpr{position:relative !important;left:50% !important;right:auto !important;margin-left:-50vw !important;margin-right:0 !important;width:100vw !important;max-width:100vw !important;overflow-x:clip !important}
.trpr{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;-webkit-font-smoothing:antialiased !important;color:#fff !important;line-height:1.5 !important;background:#0d1b2a !important;text-transform:none !important;letter-spacing:normal !important;font-size:16px !important;text-align:left !important}
.trpr :where(h1,h2,h3,h4,p,ol,ul,dl,dt,dd,li,table,thead,tbody,tr,th,td,caption,summary,details,label,pre){font-family:inherit !important;text-transform:none !important;letter-spacing:normal !important;list-style:none !important;border:0 !important;background:none !important}
.trpr :where(button,input,select){font-family:inherit !important;text-transform:none !important;letter-spacing:normal !important;box-shadow:none !important;min-width:0 !important;-webkit-appearance:none !important;appearance:none !important}
.trpr :where(button){border:0 !important;background:none !important;color:inherit !important;cursor:pointer !important;text-align:left !important;line-height:inherit !important;border-radius:0 !important;font-weight:inherit !important;font-size:inherit !important}
.trpr :where(a){color:inherit !important;text-decoration:none !important;box-shadow:none !important}
.trpr :where(svg){display:block !important;flex:none !important;max-width:none !important}
.trpr [hidden]{display:none !important}
.trpr-sr{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip-path:inset(50%) !important;white-space:nowrap !important}
.trpr-m{display:none !important}
.trpr :where(:focus){outline:0 !important}
.trpr :focus-visible{outline:2px solid #03c988 !important;outline-offset:2px !important}
/* Een link naar een sectie: de kop komt net onder de vaste header van de site te staan, ook als daar een actiebalk
   boven hangt (--hdr-total-h komt van de header-module). De secties hebben zelf al ruimte boven de kop. */
.trpr-sec{position:relative !important;scroll-margin-top:calc(var(--hdr-total-h,72px) - 48px) !important}
#lowest,#longest-waits,#london{scroll-margin-top:calc(var(--hdr-total-h,72px) + 24px) !important}
.trpr-wrap{max-width:1200px !important;margin:0 auto !important;padding:72px 16px 84px !important}
.trpr-hero{background:#0c1927 !important}
.trpr-centres{background:#0f1d2c !important}
.trpr-national{background:#122131 !important}
.trpr-highest{background:#152536 !important}
.trpr-regions{background:#18293b !important}
.trpr-wait{background:#1b2d40 !important}
.trpr-why{background:#1e3145 !important}
.trpr-about{background:#21354a !important}
.trpr-faq{background:linear-gradient(to bottom,#21354a 0,#1e3145 80px,#0d1b2a 100%) !important}

/* ─── Tekst ─── */
.trpr-h2{font-size:36px !important;line-height:1.12 !important;font-weight:800 !important;color:#fff !important;letter-spacing:-.03em !important;text-wrap:balance !important}
.trpr-lead{margin:12px 0 0 !important;max-width:860px !important;font-size:16.5px !important;line-height:1.65 !important;color:rgba(255,255,255,.72) !important;font-weight:400 !important}
.trpr-lead strong{color:#fff !important;font-weight:600 !important}
.trpr-lead--wide{max-width:1000px !important;margin-bottom:24px !important}
.trpr-lead--gap{margin-top:26px !important;max-width:none !important}
.trpr-lead--flat{margin-top:0 !important;max-width:none !important}
.trpr-h3{font-size:18px !important;line-height:1.3 !important;font-weight:700 !important;letter-spacing:-.01em !important;color:#fff !important}
.trpr-sub{margin:4px 0 14px !important;font-size:14px !important;line-height:1.5 !important;color:rgba(255,255,255,.66) !important;font-weight:400 !important}
.trpr-sub--gap{margin-bottom:16px !important}
.trpr-note{margin:14px 0 0 !important;font-size:14.5px !important;line-height:1.65 !important;color:rgba(255,255,255,.66) !important}
.trpr-smallnote{margin:14px 0 0 !important;font-size:13px !important;line-height:1.6 !important;color:rgba(255,255,255,.62) !important}
.trpr-foot{margin:26px 0 0 !important;font-size:12.5px !important;line-height:1.6 !important;color:rgba(255,255,255,.62) !important}
.trpr-foot--key{display:flex !important;flex-wrap:wrap !important;align-items:baseline !important;gap:4px 20px !important;margin-top:22px !important}
.trpr-foot__key{flex:none !important;display:inline-flex !important;align-items:center !important;gap:7px !important}
.trpr-foot__txt{flex:1 1 420px !important;min-width:0 !important}
.trpr-a{color:rgba(255,255,255,.8) !important;text-decoration:underline !important;text-decoration-color:rgba(255,255,255,.3) !important;text-underline-offset:2px !important}
.trpr-a:hover{color:#fff !important;text-decoration-color:rgba(255,255,255,.7) !important}
.trpr-nav{transition:color .18s cubic-bezier(.22,1,.36,1) !important}
.trpr-nav:hover{color:rgba(255,255,255,.9) !important}
.trpr-unit{margin-left:3px !important;font-size:12.5px !important;font-weight:500 !important;color:rgba(255,255,255,.72) !important}
.trpr-na{color:rgba(255,255,255,.5) !important}
.trpr-key__tick{display:inline-block !important;flex:none !important;width:2px !important;height:14px !important;border-radius:1px !important;background:rgba(255,255,255,.8) !important}
.trpr-key__small,.trpr-small{display:inline-block !important;flex:none !important;width:8px !important;height:8px !important;border-radius:50% !important;border:1.5px solid rgba(255,255,255,.8) !important}

/* ─── Knoppen ─── */
.trpr-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:9px !important;height:44px !important;padding:0 22px !important;border-radius:8px !important;background:rgba(255,255,255,.05) !important;border:1.5px solid rgba(255,255,255,.16) !important;color:#f8f9fa !important;font-size:14.5px !important;font-weight:700 !important;white-space:nowrap !important;cursor:pointer !important;transition:background .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1) !important}
.trpr-btn:hover{background:rgba(255,255,255,.09) !important;border-color:rgba(255,255,255,.28) !important;color:#fff !important}
.trpr-btn[disabled]{opacity:.5 !important;cursor:default !important}
.trpr-btn[disabled]:hover{background:rgba(255,255,255,.05) !important;border-color:rgba(255,255,255,.16) !important}
.trpr-btn--fixed{min-width:172px !important;padding:0 18px !important}
.trpr-cta{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;border-radius:6px !important;background:#03c988 !important;color:#0d1b2a !important;font-size:13px !important;font-weight:700 !important;white-space:nowrap !important;cursor:pointer !important;transition:background .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1) !important}
.trpr-cta:hover{background:#02a873 !important;color:#0c1927 !important;transform:translateY(-1px) !important}
.trpr-cta--big{height:48px !important;margin-top:18px !important;padding:0 24px !important;border-radius:8px !important;font-size:15px !important;gap:9px !important;color:#0c1927 !important}
.trpr-ghost{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;min-height:48px !important;padding:0 18px !important;border-radius:8px !important;background:rgba(3,201,136,.1) !important;border:1px solid rgba(3,201,136,.4) !important;color:#03c988 !important;font-size:14.5px !important;font-weight:600 !important;white-space:nowrap !important;cursor:pointer !important;transition:background .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1) !important}
.trpr-ghost:hover{background:rgba(3,201,136,.16) !important;border-color:rgba(3,201,136,.7) !important;color:#03c988 !important}
.trpr-chip{display:inline-flex !important;align-items:center !important;gap:6px !important;height:34px !important;padding:0 15px !important;border-radius:999px !important;font-size:13px !important;line-height:1 !important;font-weight:600 !important;white-space:nowrap !important;cursor:pointer !important;color:rgba(255,255,255,.8) !important;background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.1) !important;transition:background .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1) !important}
.trpr-chip[aria-pressed="false"]:hover{background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.18) !important;color:#fff !important}
.trpr-chip[aria-pressed="true"]{color:#03c988 !important;background:rgba(3,201,136,.14) !important;border-color:rgba(3,201,136,.5) !important}
.trpr-chip__n{font-size:12px !important;font-weight:600 !important;opacity:.7 !important;font-variant-numeric:tabular-nums !important}
.trpr-textbtn{min-height:32px !important;font-size:13px !important;font-weight:500 !important;color:rgba(255,255,255,.66) !important;text-decoration:underline !important;text-underline-offset:3px !important;cursor:pointer !important}
.trpr-linkbtn{display:inline-flex !important;align-items:center !important;gap:7px !important;min-height:32px !important;margin-top:6px !important;font-size:13px !important;font-weight:500 !important;color:rgba(255,255,255,.72) !important;text-decoration:underline !important;text-decoration-color:rgba(255,255,255,.25) !important;text-underline-offset:3px !important;cursor:pointer !important}
.trpr-linkbtn--gap{margin-top:12px !important}
.trpr-seg{display:none !important}
.trpr-pills{display:flex !important;flex-wrap:wrap !important;gap:6px 8px !important;margin-top:14px !important}
.trpr-pill{display:inline-flex !important;align-items:center !important;gap:6px !important;min-height:28px !important;padding:4px 11px !important;border-radius:999px !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.1) !important;font-size:12.5px !important;line-height:1.3 !important;color:rgba(255,255,255,.86) !important}
.trpr-pill i{font-style:normal !important;font-size:8px !important;color:rgba(255,255,255,.7) !important}
.trpr-big{font-size:64px !important;font-weight:800 !important;letter-spacing:-.04em !important;line-height:1 !important;color:#fff !important;font-variant-numeric:tabular-nums !important}
.trpr-big--wait{font-size:46px !important}
.trpr-big__unit{margin-left:9px !important;font-size:18px !important;font-weight:700 !important;letter-spacing:-.01em !important}
.trpr-bigsub{margin:10px 0 0 !important;font-size:14.5px !important;line-height:1.45 !important;font-weight:500 !important;color:rgba(255,255,255,.72) !important}

/* ─── Velden ─── */
.trpr-field{display:block !important;min-width:0 !important}
.trpr-field>span:first-child{display:block !important;margin-bottom:6px !important;font-size:12.5px !important;font-weight:600 !important;color:rgba(255,255,255,.72) !important}
.trpr-select{position:relative !important;display:block !important}
.trpr-select select{width:100% !important;height:48px !important;padding:0 36px 0 14px !important;border-radius:8px !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.16) !important;color:#fff !important;color-scheme:dark !important;font-size:16px !important;font-weight:600 !important;text-overflow:ellipsis !important;cursor:pointer !important;line-height:normal !important;background-image:none !important}
.trpr-select .trpr-ico{position:absolute !important;right:13px !important;top:17px !important;pointer-events:none !important;color:rgba(255,255,255,.8) !important}
.trpr-select--sm select{height:44px !important;font-size:15px !important}
.trpr-select--sm .trpr-ico{top:15px !important}
.trpr-select select option{color:#0d1b2a !important;background:#fff !important}
/* Eigen keuzelijst (pass-rates.js, deel 11b). Met een muis komt er een knop voor de <select> en een witte lijst in
   de stijl van de zoeksuggesties; de <select> zelf blijft onzichtbaar bestaan en houdt de waarde vast. Op een
   telefoon gebeurt dit niet: daar blijft de keuzelijst van het toestel. De lijst zweeft en schuift niets op. */
.trpr-select.is-dd select{position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important}
.trpr-dd__btn{display:flex !important;align-items:center !important;width:100% !important;height:48px !important;padding:0 36px 0 14px !important;border-radius:8px !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.16) !important;color:#fff !important;font-size:16px !important;font-weight:600 !important;line-height:normal !important;text-align:left !important;cursor:pointer !important;transition:background .18s,border-color .18s !important}
.trpr-dd__btn>span{min-width:0 !important;overflow:hidden !important;white-space:nowrap !important;text-overflow:ellipsis !important}
.trpr-dd__btn.is-empty>span{color:rgba(255,255,255,.78) !important}
.trpr-dd__btn:hover{background:rgba(255,255,255,.09) !important;border-color:rgba(255,255,255,.28) !important}
.trpr-select.is-open .trpr-dd__btn{background:rgba(255,255,255,.1) !important;border-color:rgba(255,255,255,.4) !important}
.trpr-select.is-dd .trpr-ico{transition:transform .18s !important}
.trpr-select.is-open .trpr-ico{transform:rotate(180deg) !important}
.trpr-select--sm .trpr-dd__btn{height:44px !important;font-size:15px !important}
.trpr-dd__pop{position:absolute !important;left:0 !important;top:calc(100% + 6px) !important;z-index:40 !important;width:100% !important;min-width:232px !important;max-width:calc(100vw - 32px) !important;background:#fff !important;border-radius:12px !important;box-shadow:0 16px 48px rgba(0,0,0,.45) !important;overflow:hidden !important;color:#0d1b2a !important;text-align:left !important;cursor:default !important}
.trpr-select.is-up .trpr-dd__pop{top:auto !important;bottom:calc(100% + 6px) !important}
.trpr-select.is-end .trpr-dd__pop{left:auto !important;right:0 !important}
.trpr-dd__find{display:flex !important;align-items:center !important;gap:9px !important;height:47px !important;padding:0 14px !important;border-bottom:1px solid rgba(13,27,42,.1) !important;color:rgba(13,27,42,.55) !important}
.trpr-dd__find input{flex:1 1 auto !important;min-width:0 !important;height:44px !important;border:0 !important;border-radius:0 !important;background:transparent !important;color:#0d1b2a !important;font-size:15px !important;font-weight:500 !important;line-height:normal !important;outline:0 !important}
.trpr-dd__find input::placeholder{color:rgba(13,27,42,.55) !important;opacity:1 !important}
.trpr-dd__find input:focus-visible{outline:0 !important}
.trpr-dd__list{position:relative !important;max-height:306px !important;padding:6px !important;overflow-y:auto !important;overscroll-behavior:contain !important;scrollbar-width:thin !important;scrollbar-color:rgba(13,27,42,.28) transparent !important}
.trpr-dd__list:focus-visible{outline:0 !important}
.trpr-dd__opt{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;min-height:40px !important;padding:8px 10px !important;border-radius:8px !important;font-size:15px !important;line-height:1.3 !important;font-weight:500 !important;color:#0d1b2a !important;cursor:pointer !important}
.trpr-dd__opt>span{min-width:0 !important}
.trpr-dd__opt svg{opacity:0 !important;color:#0d1b2a !important}
.trpr-dd__opt[aria-selected="true"]{font-weight:700 !important}
.trpr-dd__opt[aria-selected="true"] svg{opacity:1 !important}
.trpr-dd__opt.is-active{background:rgba(13,27,42,.07) !important}
.trpr-dd__none{padding:14px 16px !important;font-size:14px !important;color:rgba(13,27,42,.75) !important}

/* ─── Twee kolommen met een lijn ertussen ─── */
.trpr-split{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;align-items:start !important;margin-top:32px !important}
.trpr-col{min-width:0 !important}
.trpr-col--l{padding-right:48px !important}
.trpr-col--r{position:relative !important;align-self:stretch !important;padding-left:48px !important;border-left:1px solid rgba(255,255,255,.08) !important}
.trpr-split--nat{row-gap:32px !important}
.trpr-split--reg{row-gap:32px !important}
.trpr-split--lists{margin-top:0 !important}
.trpr-split--lists>.trpr-col{padding-top:40px !important}

/* ─── Ranglijsten ─── */
.trpr-rank{border-top:1px solid rgba(255,255,255,.08) !important}
.trpr-rank>li{border-bottom:1px solid rgba(255,255,255,.08) !important}
.trpr-rrow{position:relative !important;display:grid !important;grid-template-columns:22px minmax(0,1fr) minmax(60px,140px) 56px 14px !important;align-items:center !important;column-gap:12px !important;width:100% !important;min-height:46px !important;padding:4px 8px 4px 0 !important;color:#fff !important;cursor:pointer !important;transition:background .15s !important}
.trpr-rank--wait .trpr-rrow{grid-template-columns:22px minmax(0,1fr) minmax(60px,140px) 62px 14px !important}
.trpr-rrow:hover{background:rgba(255,255,255,.05) !important}
.trpr-rrow__i{text-align:right !important;font-size:13px !important;color:rgba(255,255,255,.62) !important;font-variant-numeric:tabular-nums !important}
.trpr-rrow__n{min-width:0 !important}
.trpr-rrow__n>span:first-child{font-size:14.5px !important;line-height:1.3 !important;font-weight:600 !important;letter-spacing:-.01em !important}
.trpr-rrow__n>span:last-child{margin-left:10px !important;white-space:nowrap !important;font-size:12.5px !important;line-height:1.4 !important;color:rgba(255,255,255,.62) !important}
.trpr-rrow--clip .trpr-rrow__n{display:block !important;overflow:hidden !important;white-space:nowrap !important;text-overflow:ellipsis !important}
.trpr-rrow:hover .trpr-rrow__n>span:first-child{text-decoration:underline !important;text-underline-offset:3px !important}
.trpr-rrow__v{text-align:right !important;font-size:15px !important;font-weight:700 !important;color:#fff !important;font-variant-numeric:tabular-nums !important;white-space:nowrap !important}
.trpr-ico--chev{justify-self:end !important;color:rgba(255,255,255,.35) !important;transition:color .15s cubic-bezier(.22,1,.36,1),transform .15s cubic-bezier(.22,1,.36,1) !important}
.trpr-rrow:hover .trpr-ico--chev,.trpr-row:hover .trpr-ico--chev{color:#fff !important;transform:translateX(2px) !important}
.trpr-bar{position:relative !important;display:block !important;height:8px !important;border-radius:4px !important;background:rgba(255,255,255,.08) !important}
.trpr-bar i{display:block !important;height:8px !important;border-radius:1px 4px 4px 1px !important;background:#7f96b3 !important}
.trpr-bar b{position:absolute !important;left:var(--nat,50%) !important;top:-3px !important;width:2px !important;height:14px !important;margin-left:-1px !important;border-radius:1px !important;background:rgba(255,255,255,.8) !important}
.trpr-rank--wait .trpr-bar b{left:var(--tick,50%) !important}

/* ═══ 1 · Hero ═══ */
/* De header van de site zweeft vast boven de pagina. Net als op de andere pagina's (share-routes, about, werken bij)
   krijgt alleen de binnenkant van de held de ruimte daarvoor: --hdr-total-h komt van header.js en telt de adminbalk,
   de actiebalk en de navigatie op. Nooit een vaste hoogte, nooit een tweede ruimte op de sectie zelf. */
.trpr-hero__grid{display:grid !important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) !important;column-gap:56px !important;row-gap:32px !important;align-items:start !important;padding:calc(var(--hdr-total-h,72px) + 24px) 16px 48px !important}
.trpr-hero__text{min-width:0 !important}
.trpr-hero__vis{position:relative !important;min-width:0 !important}
/* De verticale maten van de held zijn die van de andere pagina's (trh-hero), nagemeten op de echte site:
   broodkruimel 18 hoog + 28, de regel "Updated" 19,5 hoog + 16, de kop + 17,5, de inleiding + 28.
   Daar staan ze in rem; het thema zet de basisletter op 14px (vanaf 1199px breed), 11px (vanaf 978) of 8px.
   Hier staan ze in px, zodat deze pagina niet meekrimpt met die stappen. */
.trpr-back{display:none !important}
.trpr-crumb{display:flex !important;align-items:center !important;gap:6px !important;height:18px !important;font-size:12px !important;margin-bottom:28px !important}
.trpr-crumb a{display:inline-flex !important;align-items:center !important;min-height:24px !important;color:rgba(255,255,255,.55) !important}
.trpr-crumb svg{color:rgba(255,255,255,.3) !important}
.trpr-crumb span{color:rgba(255,255,255,.8) !important;font-weight:500 !important}
.trpr-upd{position:relative !important;display:flex !important;align-items:center !important;gap:10px !important;height:19.5px !important;margin-bottom:16px !important;font-size:13px !important;line-height:19.5px !important;font-weight:500 !important;color:rgba(255,255,255,.5) !important}
.trpr-hist{display:block !important}
/* de regel is een knop (opent de wijzigingen): het tikvlak is hoger dan de regel, de regel zelf blijft 19,5 hoog */
.trpr-hist>summary{display:flex !important;align-items:center !important;gap:6px !important;margin:-8px 0 !important;padding:8px 0 !important;color:rgba(255,255,255,.55) !important;text-decoration:underline !important;text-decoration-color:rgba(255,255,255,.15) !important;text-underline-offset:3px !important;white-space:nowrap !important;cursor:pointer !important;list-style:none !important}
.trpr-hist>summary::-webkit-details-marker{display:none !important}
.trpr-hist>summary .trpr-ico--down-sm{opacity:.55 !important;transition:transform .15s !important}
.trpr-hist[open]>summary .trpr-ico--down-sm{transform:rotate(180deg) !important}
.trpr-hist__box{position:absolute !important;left:0 !important;top:calc(100% + 10px) !important;z-index:20 !important;width:min(440px,100%) !important;max-height:360px !important;overflow-y:auto !important;padding:16px 18px 14px !important;border-radius:12px !important;background:#14263a !important;border:1px solid rgba(255,255,255,.1) !important;box-shadow:0 18px 40px -14px rgba(0,0,0,.55) !important;text-align:left !important;font-weight:400 !important;white-space:normal !important;scrollbar-width:thin !important;scrollbar-color:rgba(255,255,255,.18) transparent !important}
.trpr-hist__h{margin:0 0 6px !important;font-size:10px !important;line-height:1.4 !important;font-weight:600 !important;letter-spacing:.07em !important;text-transform:uppercase !important;color:rgba(255,255,255,.4) !important}
.trpr-hist__list{display:grid !important;grid-template-columns:auto 1fr !important;gap:0 16px !important}
.trpr-hist__d{padding:9px 0 8px !important;font-size:12px !important;line-height:1.45 !important;color:rgba(255,255,255,.5) !important;white-space:nowrap !important;font-variant-numeric:tabular-nums !important}
.trpr-hist__t{padding:8px 0 !important;min-width:0 !important;font-size:13px !important;line-height:1.45 !important;color:rgba(255,255,255,.82) !important}
.trpr-hist__d:nth-child(n+3),.trpr-hist__t:nth-child(n+3){border-top:1px solid rgba(255,255,255,.06) !important}
.trpr-hist__n{margin:10px 0 0 !important;padding-top:10px !important;border-top:1px solid rgba(255,255,255,.06) !important;font-size:11px !important;line-height:1.5 !important;color:rgba(255,255,255,.36) !important}
.trpr-h1{margin:0 0 17.5px !important;max-width:600px !important;font-size:40.25px !important;font-weight:700 !important;color:#f8f9fa !important;letter-spacing:-.03em !important;line-height:1.08 !important;text-wrap:balance !important}
.trpr-intro{margin:0 0 28px !important;max-width:540px !important;font-size:16.5px !important;line-height:1.65 !important;color:rgba(255,255,255,.62) !important}
.trpr-intro strong{color:#fff !important;font-weight:600 !important}
.trpr-find{max-width:540px !important}
.trpr-find__box{position:relative !important}
.trpr-find__label{display:block !important;font-size:12px !important;line-height:18px !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:rgba(255,255,255,.55) !important;margin-bottom:9px !important}
.trpr-search{display:flex !important;align-items:center !important;gap:8px !important;background:#fff !important;border-radius:8px !important;padding:4px 4px 4px 16px !important}
.trpr-search:focus-within{box-shadow:0 0 0 3px rgba(3,201,136,.5) !important}
.trpr-search>.trpr-ico--search{color:rgba(13,27,42,.55) !important}
.trpr-search__in{flex:1 !important;min-width:0 !important;width:auto !important;height:44px !important;border:0 !important;outline:0 !important;background:transparent !important;font-size:16px !important;font-weight:500 !important;color:#0d1b2a !important;border-radius:0 !important;line-height:normal !important}
.trpr-search__in::placeholder{color:rgba(13,27,42,.6) !important;opacity:1 !important}
.trpr-search__in::-webkit-search-cancel-button,.trpr-filter__in::-webkit-search-cancel-button{display:none !important}
.trpr-search__in:focus-visible,.trpr-filter__in:focus-visible{outline:0 !important}
.trpr-search__x{flex:none !important;display:grid !important;place-items:center !important;width:32px !important;height:32px !important;border-radius:50% !important;background:rgba(13,27,42,.07) !important;color:rgba(13,27,42,.7) !important}
.trpr-search__go{flex:none !important;min-width:48px !important;min-height:44px !important;padding:0 16px !important}
.trpr-sugg{position:absolute !important;left:0 !important;right:0 !important;top:calc(100% + 8px) !important;z-index:10 !important;background:#fff !important;border-radius:12px !important;box-shadow:0 16px 48px rgba(0,0,0,.4) !important;overflow:hidden !important}
.trpr-sugg__g{padding:10px 16px 7px !important;font-size:11px !important;line-height:16px !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:rgba(13,27,42,.62) !important;border-bottom:1px solid rgba(13,27,42,.07) !important}
.trpr-opt{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;width:100% !important;min-height:52px !important;padding:8px 16px !important;border-bottom:1px solid rgba(13,27,42,.07) !important;background:#fff !important;text-align:left !important;cursor:pointer !important}
.trpr-opt:hover,.trpr-opt[aria-selected="true"]{background:rgba(13,27,42,.06) !important}
.trpr-opt>span:first-child{min-width:0 !important}
.trpr-opt__n{display:block !important;font-size:14.5px !important;color:#0d1b2a !important;font-weight:500 !important}
.trpr-opt__n b{font-weight:700 !important}
.trpr-opt__m{display:block !important;font-size:12.5px !important;color:rgba(13,27,42,.66) !important}
.trpr-opt__p{flex:none !important;font-size:14.5px !important;font-weight:700 !important;color:#0d1b2a !important;font-variant-numeric:tabular-nums !important}
.trpr-sugg__none{padding:14px 16px !important;font-size:14px !important;color:rgba(13,27,42,.75) !important}
.trpr-locate{display:inline-flex !important;align-items:center !important;gap:6px !important;min-height:32px !important;margin-top:8px !important;font-size:13px !important;font-weight:700 !important;color:rgba(255,255,255,.55) !important;cursor:pointer !important}

.trpr-vis{position:relative !important;color:#fff !important;line-height:1.4 !important}
.trpr-vis__stage{position:relative !important;height:456px !important}
.trpr-vis__head{position:absolute !important;left:0 !important;top:4px !important;z-index:4 !important;width:236px !important;pointer-events:none !important}
.trpr-vis__kick{margin:0 0 8px !important;font-size:11.5px !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:rgba(255,255,255,.6) !important}
.trpr-vis__num{font-size:64px !important;font-weight:800 !important;letter-spacing:-.04em !important;line-height:1 !important;color:#fff !important;font-variant-numeric:tabular-nums !important}
.trpr-vis__sub{margin:10px 0 0 !important;font-size:14px !important;line-height:1.45 !important;font-weight:500 !important;color:rgba(255,255,255,.72) !important}
.trpr-vis__trend{margin:8px 0 0 !important;font-size:13px !important;color:rgba(255,255,255,.62) !important}
.trpr-vis__trend>span:first-child{font-size:9px !important;margin-right:5px !important}
.trpr-vis__card{position:absolute !important;left:0 !important;top:184px !important;z-index:4 !important;width:220px !important;height:122px !important;pointer-events:none !important}
.trpr-spot,.trpr-ro{position:absolute !important;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;padding:12px 14px 13px !important;border-radius:12px !important;background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.1) !important}
.trpr-spot{opacity:0 !important;animation:trpr-spot 28s linear infinite both !important;animation-delay:var(--d,0s) !important}
.trpr-ro{background:#1a2c41 !important;border-color:rgba(255,255,255,.32) !important}
.trpr-vis.is-ro .trpr-spot,.trpr-vis.is-ro .trpr-ring{visibility:hidden !important}
.trpr-spot__n{font-size:14.5px !important;line-height:1.3 !important;font-weight:700 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
.trpr-spot__v{display:flex !important;align-items:baseline !important;gap:6px !important;margin-top:5px !important}
.trpr-spot__v>span:first-child{font-size:22px !important;line-height:1.15 !important;font-weight:800 !important;letter-spacing:-.02em !important;font-variant-numeric:tabular-nums !important}
.trpr-spot__v>span:last-child,.trpr-spot__w{font-size:12px !important;color:rgba(255,255,255,.7) !important}
.trpr-spot__w{margin-top:2px !important}
.trpr-spot__r{margin-top:6px !important;padding-top:6px !important;border-top:1px solid rgba(255,255,255,.1) !important;font-size:11.5px !important;line-height:1.35 !important;font-weight:500 !important;color:rgba(255,255,255,.62) !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
.trpr-ro .trpr-spot__r{border-top-color:rgba(255,255,255,.14) !important;font-weight:600 !important;color:rgba(255,255,255,.82) !important}
.trpr-map{position:absolute !important;right:0 !important;top:0 !important;height:456px !important;aspect-ratio:420/517 !important}
.trpr-land{width:100% !important;height:100% !important;overflow:visible !important}
.trpr-land path{fill:url(#trpr-landg) !important;stroke:rgba(255,255,255,.13) !important;stroke-width:.6 !important;stroke-linejoin:round !important;animation:trpr-land 1.3s ease both !important}
.trpr-land path:nth-of-type(9){animation-delay:.3s !important}
.trpr-land path:nth-of-type(8){animation-delay:.45s !important}
.trpr-land path:nth-of-type(7){animation-delay:.6s !important}
.trpr-land path:nth-of-type(6){animation-delay:.75s !important}
.trpr-land path:nth-of-type(5){animation-delay:.9s !important}
.trpr-land path:nth-of-type(4){animation-delay:1.05s !important}
.trpr-land path:nth-of-type(3){animation-delay:1.3s !important}
.trpr-land path:nth-of-type(2){animation-delay:1.35s !important}
.trpr-land path:nth-of-type(1){animation-delay:1.6s !important}
.trpr-dot{position:absolute !important;width:7px !important;height:7px !important;margin:-3.5px !important;border-radius:50% !important;box-shadow:0 0 0 1.25px #0c1927 !important;pointer-events:none !important;animation:trpr-pop .45s cubic-bezier(.22,1,.36,1) both !important;animation-delay:var(--d,0s) !important;transition:background-color .2s !important}
.trpr-dot--0{background:#1f5f52 !important}
.trpr-dot--1{background:#12806a !important}
.trpr-dot--2{background:#06a87a !important}
.trpr-dot--3{background:#35d9a3 !important}
.trpr-dot--4{background:#a9f3d8 !important}
.trpr-dot.trpr-dot--4{box-shadow:0 0 0 1.25px #0c1927,0 0 8px rgba(169,243,216,.5) !important}
.trpr-vis.is-hi .trpr-dot:not(.is-hi){background:rgba(255,255,255,.13) !important;box-shadow:none !important}
.trpr-ring{position:absolute !important;z-index:3 !important;width:20px !important;height:20px !important;margin:-10px !important;border-radius:50% !important;border:2px solid #fff !important;opacity:0 !important;animation:trpr-spot 28s linear infinite both !important;animation-delay:var(--d,0s) !important;pointer-events:none !important}
.trpr-focus{position:absolute !important;z-index:5 !important;width:20px !important;height:20px !important;margin:-10px !important;border-radius:50% !important;border:2px solid #fff !important;box-shadow:0 0 0 4px rgba(255,255,255,.16) !important;pointer-events:none !important}
.trpr-map__hit{position:absolute !important;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;z-index:6 !important;cursor:default !important}
.trpr-map__hit.is-over{cursor:pointer !important}
.trpr-leg{position:absolute !important;left:0 !important;top:320px !important;z-index:4 !important;pointer-events:none !important}
.trpr-leg__h{margin:0 0 8px !important;font-size:12px !important;font-weight:600 !important;color:rgba(255,255,255,.72) !important}
.trpr-leg__rows{display:grid !important;gap:4px !important}
.trpr-leg__row{display:flex !important;align-items:center !important;gap:8px !important;font-size:12px !important;line-height:18px !important;color:rgba(255,255,255,.72) !important;font-variant-numeric:tabular-nums !important}
.trpr-leg__row i,.trpr-legm i{flex:none !important;width:9px !important;height:9px !important;border-radius:50% !important}
.trpr-legm{display:none !important}
.trpr-vis__cap{margin:14px 0 0 !important;font-size:13px !important;line-height:1.55 !important;color:rgba(255,255,255,.62) !important}
.trpr-vis__cap>span:first-child{color:rgba(255,255,255,.8) !important}
@keyframes trpr-pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@keyframes trpr-spot{0%{opacity:0}1.5%{opacity:1}11%{opacity:1}12.5%{opacity:0}100%{opacity:0}}
@keyframes trpr-land{0%{filter:brightness(1)}40%{filter:brightness(1.6)}100%{filter:brightness(1)}}

/* ═══ 2 · Alle centra ═══ */
.trpr-near{margin-bottom:22px !important;padding:16px 18px 18px !important;background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:12px !important}
.trpr-near__head{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;margin-bottom:12px !important}
.trpr-near__head>span{font-size:14px !important;font-weight:600 !important;color:#fff !important}
.trpr-near__list{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr)) !important;gap:10px !important}
.trpr-nearbtn{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;min-height:60px !important;padding:8px 14px !important;background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:10px !important;text-align:left !important;cursor:pointer !important;color:#fff !important;transition:background .18s,border-color .18s !important}
.trpr-nearbtn:hover{background:rgba(255,255,255,.09) !important;border-color:rgba(255,255,255,.28) !important}
.trpr-nearbtn>span:first-child{min-width:0 !important}
.trpr-nearbtn>span:first-child>span:first-child{display:block !important;font-size:14.5px !important;font-weight:600 !important}
.trpr-nearbtn>span:first-child>span:last-child{display:block !important;font-size:12.5px !important;color:rgba(255,255,255,.66) !important}
.trpr-nearbtn>span:last-child{flex:none !important;text-align:right !important;font-variant-numeric:tabular-nums !important}
.trpr-nearbtn>span:last-child>span:first-child{display:block !important;font-size:15px !important;font-weight:700 !important}
.trpr-nearbtn>span:last-child>span:last-child{display:block !important;font-size:12.5px !important;color:rgba(255,255,255,.66) !important}
.trpr-near__msg{font-size:14px !important;color:rgba(255,255,255,.72) !important}
.trpr-tools{display:flex !important;flex-wrap:wrap !important;gap:10px !important;margin-bottom:14px !important}
.trpr-filter{flex:1 1 320px !important;display:flex !important;align-items:center !important;gap:10px !important;min-height:48px !important;padding:0 14px !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:8px !important;transition:background .18s,border-color .18s !important}
.trpr-filter:focus-within{border-color:rgba(255,255,255,.2) !important;background:rgba(255,255,255,.09) !important}
.trpr-filter>.trpr-ico--search{color:rgba(255,255,255,.66) !important}
.trpr-filter__in{flex:1 !important;min-width:0 !important;width:auto !important;height:46px !important;border:0 !important;outline:0 !important;background:transparent !important;font-size:16px !important;font-weight:500 !important;color:#fff !important;border-radius:0 !important;line-height:normal !important}
.trpr-filter__in::placeholder{color:rgba(255,255,255,.6) !important;opacity:1 !important}
.trpr-filter__x{flex:none !important;display:grid !important;place-items:center !important;width:32px !important;height:32px !important;border-radius:50% !important;background:rgba(255,255,255,.1) !important;color:rgba(255,255,255,.8) !important}
.trpr-d-flex{display:inline-flex !important}
.trpr-selects,.trpr-mrow{display:none !important}
.trpr-chips{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin-bottom:20px !important}
.trpr-chips .trpr-chip--routes{margin-left:auto !important}
/* De regel boven de tabel verandert van tekst bij elk filter. Hij krijgt daarom een vaste vorm: de tekst kort af
   in plaats van af te breken, zodat de tabel eronder nooit een regel opschuift. */
.trpr-status{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:space-between !important;gap:8px 24px !important;margin-bottom:12px !important;min-height:32px !important}
.trpr-status__line{display:flex !important;align-items:center !important;flex:1 1 auto !important;min-width:0 !important;min-height:32px !important;font-size:14px !important;color:rgba(255,255,255,.72) !important}
.trpr-status__line>span{min-width:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
.trpr-status__line strong{color:#fff !important;font-weight:600 !important}
.trpr-status__clear{flex:none !important;margin-left:10px !important;font-size:14px !important;font-weight:600 !important;color:rgba(255,255,255,.85) !important}
.trpr-key{display:flex !important;flex:none !important;flex-wrap:nowrap !important;align-items:center !important;gap:6px 18px !important;font-size:12.5px !important;color:rgba(255,255,255,.66) !important}
.trpr-key>span{display:inline-flex !important;align-items:center !important;gap:7px !important}
.trpr-key .trpr-ico--chev{color:rgba(255,255,255,.8) !important;margin-right:-2px !important}
.trpr-tablebox{background:rgba(255,255,255,.035) !important;border:1px solid rgba(255,255,255,.07) !important;border-radius:14px !important}
.trpr-table{width:100% !important;table-layout:fixed !important;border-collapse:separate !important;border-spacing:0 !important;font-variant-numeric:tabular-nums !important;background:none !important;border:0 !important;margin:0 !important}
.trpr-table caption{caption-side:top !important}
.trpr-th{height:46px !important;padding:0 14px !important;text-align:left !important;font-size:11.5px !important;font-weight:600 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:rgba(255,255,255,.66) !important;background:#16273a !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.1) !important;white-space:nowrap !important;vertical-align:middle !important;line-height:1.5 !important}
.trpr-th--pos{width:52px !important;padding:0 6px 0 14px !important;text-align:right !important;border-radius:14px 0 0 0 !important}
.trpr-th--rate{width:270px !important}
.trpr-th--num{width:118px !important;text-align:right !important}
.trpr-th--num:nth-child(4){width:96px !important}
.trpr-th--num:nth-child(5){width:104px !important}
.trpr-th--routes{width:150px !important;padding:0 8px 0 14px !important}
.trpr-th--chev{width:44px !important;padding:0 !important;border-radius:0 14px 0 0 !important}
.trpr-th--m{display:none !important}
.trpr-sort{display:inline-flex !important;align-items:center !important;gap:6px !important;height:44px !important;font:inherit !important;letter-spacing:inherit !important;text-transform:inherit !important;color:inherit !important;cursor:pointer !important}
.trpr-sort:hover{color:#fff !important}
.trpr-sort i{font-style:normal !important;font-size:9px !important;opacity:.45 !important}
.trpr-th[aria-sort] .trpr-sort i{opacity:1 !important}
.trpr-row{cursor:pointer !important;transition:background .15s !important}
.trpr-row:hover{background:rgba(255,255,255,.05) !important}
.trpr-row.is-hidden,.trpr-table--limited .trpr-row.is-late{display:none !important}
.trpr-td{padding:0 14px !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.06) !important;vertical-align:middle !important;background:none !important;color:#fff !important;font-size:14px !important;line-height:1.5 !important;text-align:left !important;font-weight:400 !important}
.trpr-td--pos{padding:0 6px 0 14px !important;text-align:right !important;font-size:13px !important;color:rgba(255,255,255,.62) !important}
.trpr-td--name{padding:6px 14px !important}
.trpr-rowbtn{display:block !important;width:100% !important;margin:-4px 0 !important;padding:4px 0 !important;border-radius:4px !important;text-align:left !important;color:#fff !important;cursor:pointer !important}
.trpr-rowbtn__n{display:block !important;font-size:14.5px !important;font-weight:600 !important;letter-spacing:-.01em !important;line-height:1.3 !important}
.trpr-rowbtn__m{display:block !important;margin-top:2px !important;font-size:12.5px !important;font-weight:400 !important;color:rgba(255,255,255,.62) !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
.trpr-row:hover .trpr-rowbtn__n{text-decoration:underline !important;text-underline-offset:3px !important}
.trpr-rate{display:flex !important;align-items:center !important;gap:12px !important}
.trpr-rate__v{flex:none !important;width:50px !important;text-align:right !important;font-size:15px !important;font-weight:700 !important;color:#fff !important}
.trpr-rate .trpr-bar{flex:1 1 auto !important;min-width:70px !important;max-width:200px !important}
.trpr-rate .trpr-bar i{width:var(--p) !important}
.trpr-td--chg{text-align:right !important;font-size:13.5px !important;color:rgba(255,255,255,.82) !important;white-space:nowrap !important}
.trpr-td--chg i{font-style:normal !important;font-size:8px !important;margin-right:5px !important;vertical-align:1px !important}
.trpr-td--num{text-align:right !important;color:rgba(255,255,255,.88) !important;white-space:nowrap !important}
.trpr-td--num .trpr-small{margin-right:7px !important}
.trpr-td--num .trpr-unit{margin-left:0 !important;font-size:12.5px !important;font-weight:400 !important;color:rgba(255,255,255,.62) !important}
.trpr-td--routes{padding:0 8px 0 14px !important;font-size:13.5px !important;white-space:nowrap !important}
.trpr-routes{display:inline-flex !important;align-items:center !important;gap:5px !important;min-height:32px !important;font-weight:600 !important;color:#03c988 !important}
.trpr .trpr-routes:hover{color:#fff !important}
.trpr-noroutes{color:rgba(255,255,255,.62) !important}
.trpr-td--chev{padding:0 14px 0 0 !important}
.trpr-td--chev .trpr-ico{margin-left:auto !important}
.trpr-td--m{display:none !important}
/* Balk onder de tabel: links de stand, midden de knop voor de volgende stap, rechts "alles" en "minder".
   Drie vaste vakken, zodat de knop op zijn plek blijft als er rechts iets bij komt of weggaat. */
.trpr-more{display:grid !important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;align-items:center !important;column-gap:16px !important;min-height:76px !important;padding:16px !important;border-top:1px solid rgba(255,255,255,.02) !important}
.trpr-more__count{grid-column:1 !important;font-size:14px !important;color:rgba(255,255,255,.72) !important;font-variant-numeric:tabular-nums !important}
.trpr-more__btn{grid-column:2 !important;min-width:168px !important}
.trpr-more__links{grid-column:3 !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:20px !important}
.trpr-more__link{display:inline-flex !important;align-items:center !important;min-height:44px !important;font-size:14px !important;font-weight:600 !important;color:rgba(255,255,255,.85) !important;text-decoration:underline !important;text-decoration-color:rgba(255,255,255,.3) !important;text-underline-offset:3px !important;white-space:nowrap !important;cursor:pointer !important}
.trpr-more__link:hover{color:#fff !important;text-decoration-color:rgba(255,255,255,.7) !important}
.trpr-empty{padding:44px 20px 48px !important;text-align:center !important}
.trpr-empty__h{margin:0 0 6px !important;font-size:16px !important;font-weight:600 !important;color:#fff !important}
.trpr-empty__p{margin:0 0 18px !important;font-size:14.5px !important;color:rgba(255,255,255,.72) !important}
.trpr-centres .trpr-foot{margin:12px 0 0 !important;padding:0 2px !important;line-height:1.5 !important}

/* ═══ 3 · Landelijk ═══ */
.trpr-read{margin:16px 0 4px !important;display:flex !important;flex-wrap:wrap !important;align-items:baseline !important;gap:2px 12px !important;min-height:22px !important;font-size:13.5px !important;color:rgba(255,255,255,.82) !important;font-variant-numeric:tabular-nums !important}
.trpr-read strong{font-size:15px !important;font-weight:700 !important;color:#fff !important}
.trpr-read__t{color:rgba(255,255,255,.66) !important}
.trpr-chart{position:relative !important;width:532px !important;max-width:100% !important;height:236px !important}
.trpr-chart__g{position:absolute !important;left:36px !important;right:0 !important;top:calc(28px + (100% - 54px) * var(--y) / 100) !important;height:1px !important;background:rgba(255,255,255,.09) !important}
.trpr-chart__g span{position:absolute !important;left:-36px !important;top:-8px !important;width:30px !important;text-align:right !important;font-size:11.5px !important;line-height:16px !important;color:rgba(255,255,255,.62) !important;font-variant-numeric:tabular-nums !important}
.trpr-chart__x{position:absolute !important;left:calc(36px + (100% - 60px) * var(--x) / 100) !important;bottom:0 !important;width:48px !important;margin-left:-24px !important;text-align:center !important;font-size:11.5px !important;line-height:16px !important;color:rgba(255,255,255,.62) !important;font-variant-numeric:tabular-nums !important}
.trpr-chart__x.is-on{color:#fff !important;font-weight:600 !important}
.trpr-chart__plot{position:absolute !important;left:36px !important;right:24px !important;top:28px !important;bottom:26px !important}
.trpr-chart__plot svg{position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;overflow:visible !important}
.trpr-chart__plot polyline{fill:none !important;stroke:#7f96b3 !important;stroke-width:2 !important;stroke-linejoin:round !important;stroke-linecap:round !important;vector-effect:non-scaling-stroke !important}
.trpr-chart__dot{position:absolute !important;left:calc(var(--x) * 1%) !important;top:calc(var(--y) * 1%) !important;width:8px !important;height:8px !important;margin:-4px !important;border-radius:50% !important;background:#7f96b3 !important;box-shadow:0 0 0 2px #122131 !important}
.trpr-chart__dot--few{background:#122131 !important;border:1.5px solid rgba(255,255,255,.8) !important}
.trpr-chart__dot.is-on{width:12px !important;height:12px !important;margin:-6px !important;background:#fff !important;border:0 !important}
.trpr-chart__last{position:absolute !important;right:-6px !important;top:calc(var(--y) * 1% - 27px) !important;white-space:nowrap !important;font-size:13px !important;line-height:16px !important;font-weight:700 !important;color:#fff !important;font-variant-numeric:tabular-nums !important}
.trpr-chart__cross{position:absolute !important;top:-8px !important;bottom:0 !important;width:1px !important;margin-left:-.5px !important;background:rgba(255,255,255,.28) !important}
.trpr-chart__col{position:absolute !important;top:0 !important;height:100% !important;left:calc(36px + (100% - 60px) * var(--x) / 100 - (100% - 60px) / (var(--n) - 1) / 2) !important;width:calc((100% - 60px) / (var(--n) - 1)) !important;border-radius:4px !important;background:transparent !important;cursor:default !important}
.trpr-chartnote{margin:10px 0 0 !important;display:flex !important;gap:9px !important;align-items:flex-start !important;font-size:12.5px !important;line-height:1.5 !important;color:rgba(255,255,255,.72) !important}
.trpr-chartnote i{flex:none !important;width:8px !important;height:8px !important;margin-top:5px !important;border-radius:50% !important;border:1.5px solid rgba(255,255,255,.8) !important}
.trpr-figs{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;margin-top:44px !important;padding-top:24px !important;border-top:1px solid rgba(255,255,255,.08) !important}
.trpr-fig{min-width:0 !important;padding:2px 24px 4px 24px !important;border-left:1px solid rgba(255,255,255,.08) !important}
.trpr-fig:first-child{padding-left:0 !important;border-left:0 !important}
.trpr-fig__h{font-size:14.5px !important;line-height:1.35 !important;font-weight:600 !important;color:rgba(255,255,255,.82) !important}
.trpr-fig__v{margin:6px 0 0 !important;font-size:28px !important;line-height:34px !important;font-weight:700 !important;letter-spacing:-.03em !important;color:#fff !important;font-variant-numeric:tabular-nums !important}
.trpr-fig__cap{margin-left:8px !important;font-size:13.5px !important;font-weight:500 !important;letter-spacing:0 !important;color:rgba(255,255,255,.66) !important}
.trpr-fig__vs{margin:4px 0 0 !important;font-size:13.5px !important;line-height:1.5 !important;color:rgba(255,255,255,.72) !important}

/* ═══ 4 en 5 ═══ */
.trpr-highest .trpr-foot--key{margin-top:18px !important}
.trpr-field--area{position:relative !important;width:300px !important;max-width:100% !important;margin-bottom:22px !important}
.trpr-area__list{min-height:142px !important}
.trpr-area__lead{margin-top:16px !important;min-height:48px !important}
.trpr-area__btn{margin-top:16px !important}

/* ═══ 6 · Wachttijden ═══ */
.trpr-bands{display:flex !important;gap:2px !important;height:14px !important}
.trpr-bands span{flex:0 0 auto !important;min-width:3px !important;border-radius:3px !important}
.trpr-band--0{background:#4d6788 !important}
.trpr-band--1{background:#7f96b3 !important}
.trpr-band--2{background:#aebdd0 !important}
.trpr-band--3{background:#e3ebf3 !important}
.trpr-bandlist{margin:14px 0 0 !important;border-top:1px solid rgba(255,255,255,.08) !important}
.trpr-bandlist>div{display:flex !important;align-items:center !important;gap:10px !important;min-height:40px !important;border-bottom:1px solid rgba(255,255,255,.08) !important}
.trpr-bandlist i{flex:none !important;width:10px !important;height:10px !important;border-radius:3px !important}
.trpr-bandlist dt{flex:1 1 auto !important;min-width:0 !important;font-size:14.5px !important;font-weight:500 !important;color:rgba(255,255,255,.88) !important}
.trpr-bandlist dd{flex:none !important;font-size:15px !important;font-weight:700 !important;color:#fff !important;font-variant-numeric:tabular-nums !important}
.trpr-after{margin-top:24px !important}

/* ═══ 7 · Waarom ═══ */
.trpr-why__cta{margin-top:26px !important}
.trpr-why__line{font-size:16.5px !important;line-height:1.65 !important;font-weight:600 !important;color:#fff !important}
.trpr-facts{border-top:1px solid rgba(255,255,255,.08) !important}
.trpr-fact{display:grid !important;grid-template-columns:minmax(0,1fr) 168px !important;gap:4px 28px !important;align-items:start !important;padding:16px 0 17px !important;border-bottom:1px solid rgba(255,255,255,.08) !important}
.trpr-fact>div{min-width:0 !important}
.trpr-fact h4,.trpr-use h4{font-size:15.5px !important;line-height:1.35 !important;font-weight:700 !important;letter-spacing:-.01em !important;color:#fff !important}
.trpr-fact>div p,.trpr-use>div p{margin:4px 0 0 !important;font-size:14.5px !important;line-height:1.6 !important;color:rgba(255,255,255,.72) !important}
.trpr-fact__fig{min-width:0 !important}
.trpr-fact__fig>span:first-child{display:block !important;font-size:22px !important;line-height:28px !important;font-weight:700 !important;letter-spacing:-.02em !important;color:#fff !important;font-variant-numeric:tabular-nums !important;white-space:nowrap !important}
.trpr-fact__fig>span:last-child{display:block !important;min-width:0 !important;font-size:12.5px !important;line-height:1.45 !important;color:rgba(255,255,255,.66) !important}
.trpr-why .trpr-foot,.trpr-about .trpr-foot{margin-top:22px !important}

/* ═══ 8 · Over de data ═══ */
.trpr-sources{border-top:1px solid rgba(255,255,255,.08) !important}
.trpr-sources>div{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:2px 20px !important;align-items:center !important;min-height:54px !important;padding:8px 0 !important;border-bottom:1px solid rgba(255,255,255,.08) !important}
.trpr-sources dt{min-width:0 !important}
.trpr-sources dt>span:first-child{display:block !important;font-size:14.5px !important;line-height:1.35 !important;font-weight:600 !important;letter-spacing:-.01em !important;color:#fff !important}
.trpr-sources dt>span+span{font-size:12.5px !important;line-height:1.45 !important;color:rgba(255,255,255,.62) !important}
.trpr-sources dt>.trpr-d{display:block !important}
.trpr-sources dd{font-size:13.5px !important;line-height:1.4 !important;color:rgba(255,255,255,.8) !important;text-align:right !important;white-space:nowrap !important}
.trpr-uses{border-top:1px solid rgba(255,255,255,.08) !important}
.trpr-use{position:relative !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:6px 24px !important;align-items:center !important;padding:16px 0 17px !important;border-bottom:1px solid rgba(255,255,255,.08) !important}
.trpr-use>div{min-width:0 !important}
.trpr-use--embed{align-items:end !important}
.trpr-use__full{grid-column:1 / -1 !important}
.trpr-use .trpr-cite{margin:6px 0 0 !important;padding-left:12px !important;border-left:2px solid rgba(255,255,255,.16) !important;font-size:13.5px !important;line-height:1.55 !important;color:rgba(255,255,255,.8) !important;overflow-wrap:anywhere !important}
.trpr-field--embed{margin-top:4px !important}

/* ═══ 9 · Vragen ═══ */
.trpr-split--faq{margin-top:0 !important}
.trpr-sub--faq{margin:12px 0 0 !important;font-size:14.5px !important;color:rgba(255,255,255,.72) !important}
.trpr-qa{border-bottom:1px solid rgba(255,255,255,.08) !important}
.trpr-qa:first-child{border-top:1px solid rgba(255,255,255,.08) !important}
.trpr-qa>summary{display:flex !important;align-items:center !important;gap:12px !important;min-height:60px !important;padding:8px 0 !important;font-size:15.5px !important;font-weight:600 !important;color:rgba(255,255,255,.94) !important;cursor:pointer !important;list-style:none !important}
.trpr-qa>summary::-webkit-details-marker{display:none !important}
.trpr-qa>summary h3{flex:1 !important;font-size:inherit !important;font-weight:inherit !important;line-height:1.4 !important;color:inherit !important}
.trpr-qa>summary .trpr-ico{color:rgba(255,255,255,.7) !important;transition:transform .18s cubic-bezier(.22,1,.36,1) !important}
.trpr-qa[open]>summary .trpr-ico{transform:rotate(180deg) !important}
.trpr-qa>p{padding:0 0 20px !important;max-width:640px !important;font-size:15px !important;line-height:1.65 !important;color:rgba(255,255,255,.75) !important}

/* ═══ Vensters ═══ */
.trpr-dlg{position:fixed !important;inset:0 !important;width:100vw !important;max-width:100vw !important;height:100vh !important;height:100dvh !important;max-height:none !important;margin:0 !important;padding:24px !important;border:0 !important;background:transparent !important;color:#fff !important;overflow:hidden !important}
.trpr-dlg[open]{display:flex !important;align-items:center !important;justify-content:center !important}
.trpr-dlg::backdrop{background:rgba(13,27,42,.6) !important;-webkit-backdrop-filter:blur(12px) !important;backdrop-filter:blur(12px) !important}
.trpr-dlg__card{position:relative !important;width:100% !important;max-width:920px !important;max-height:100% !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;border-radius:16px !important;background:#0d1b2a !important;box-shadow:0 40px 80px rgba(0,0,0,.5) !important;animation:trpr-md-in .3s cubic-bezier(.16,1,.3,1) !important}
.trpr-dlg--sm .trpr-dlg__card{max-width:540px !important}
.trpr-dlg__card::after{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;top:0 !important;z-index:9 !important;height:60px !important;background:linear-gradient(#0d1b2a 50%,rgba(13,27,42,0)) !important;opacity:0 !important;transition:opacity .18s !important;pointer-events:none !important}
.trpr-dlg__card.is-scrolled::after{opacity:1 !important}
.trpr-dlg--centre .trpr-dlg__card{height:836px !important}
.trpr-x{position:absolute !important;top:12px !important;right:12px !important;z-index:10 !important;display:flex !important;align-items:center !important;justify-content:center !important;width:32px !important;height:32px !important;border-radius:50% !important;background:rgba(0,0,0,.5) !important;color:rgba(255,255,255,.7) !important;cursor:pointer !important}
.trpr-x:hover{color:#fff !important}
.trpr-pop{padding:24px 28px 22px !important;overflow-y:auto !important;scrollbar-width:thin !important;scrollbar-color:rgba(255,255,255,.28) transparent !important}
.trpr-pop__kick{margin:0 0 6px !important;padding-right:44px !important;font-size:11.5px !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:rgba(255,255,255,.62) !important}
.trpr-pop h2{padding-right:44px !important;font-size:22px !important;font-weight:800 !important;letter-spacing:-.02em !important;line-height:1.2 !important;color:#fff !important;text-wrap:balance !important}
.trpr-pop__sub{margin:5px 0 16px !important;font-size:13px !important;line-height:1.5 !important;color:rgba(255,255,255,.66) !important}
.trpr-ytable{width:100% !important;border-collapse:collapse !important;font-size:14px !important;font-variant-numeric:tabular-nums !important;background:none !important;border:0 !important;margin:0 !important}
.trpr-ytable th,.trpr-ytable td{padding:9px 0 !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.07) !important;background:none !important;line-height:1.5 !important}
.trpr-ytable thead th{text-align:right !important;font-size:11.5px !important;font-weight:600 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:rgba(255,255,255,.66) !important;border-bottom-color:rgba(255,255,255,.12) !important}
.trpr-ytable thead th:first-child,.trpr-ytable tbody th{text-align:left !important}
.trpr-ytable tbody th{font-weight:500 !important;color:rgba(255,255,255,.88) !important}
.trpr-ytable tbody th .trpr-small{margin-left:8px !important}
.trpr-ytable td{text-align:right !important;color:rgba(255,255,255,.82) !important}
.trpr-ytable td:last-child{font-weight:700 !important;color:#fff !important}
.trpr-pop__note{margin:12px 0 0 !important;display:flex !important;gap:9px !important;align-items:flex-start !important;font-size:12.5px !important;line-height:1.5 !important;color:rgba(255,255,255,.72) !important}
.trpr-pop__note i{flex:none !important;margin-top:5px !important}
.trpr-pop__foot{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:space-between !important;gap:10px 16px !important;margin-top:16px !important;padding-top:14px !important;border-top:1px solid rgba(255,255,255,.08) !important;font-size:12.5px !important;line-height:1.6 !important;color:rgba(255,255,255,.62) !important}
.trpr-pop__foot>span{display:inline-flex !important;align-items:center !important;gap:7px !important;flex-wrap:wrap !important}
.trpr-pop__foot .trpr-btn{height:40px !important;padding:0 16px !important;font-size:14px !important}
@keyframes trpr-md-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes trpr-md-up{from{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}

/* ═══ Tussenmaten: kleine laptop en tablet. De tabel schuift nooit opzij; de minst nodige kolommen vallen weg
   (ze staan in het venster van elk centrum) zodat de naam altijd op één of twee regels past. ═══ */
@media (max-width:1199px){
.trpr-th--rate{width:226px !important}
.trpr-th--routes{width:132px !important}
/* te smal voor één regel: de stand boven, de legenda eronder, altijd */
.trpr-status{display:block !important;min-height:0 !important}
.trpr-key{margin-top:2px !important;min-height:20px !important}
}
@media (max-width:1149px){
.trpr-th--first,.trpr-td--first{display:none !important}
}
@media (max-width:1139px){
.trpr-hero__grid{grid-template-columns:minmax(0,1fr) !important}
.trpr-hero__vis{max-width:520px !important}
/* ranglijsten in twee smallere kolommen: de regio onder de naam in plaats van erachter, en een kortere balk */
.trpr-rrow{grid-template-columns:22px minmax(0,1fr) minmax(60px,110px) 56px 14px !important;min-height:54px !important}
.trpr-rank--wait .trpr-rrow{grid-template-columns:22px minmax(0,1fr) minmax(60px,110px) 62px 14px !important}
.trpr-rrow__n>span:first-child{display:block !important}
.trpr-rrow--clip .trpr-rrow__n>span:first-child{overflow:hidden !important;text-overflow:ellipsis !important}
.trpr-rrow__n>span:last-child{display:block !important;margin-left:0 !important}
}
@media (max-width:1099px){
.trpr-hero__grid{padding:calc(var(--hdr-total-h,72px) + 20px) 16px 44px !important}
}
@media (max-width:1019px){
.trpr-th--chg,.trpr-td--chg{display:none !important}
.trpr-th--rate{width:210px !important}
.trpr-th--routes{width:122px !important}
}

/* ═══ Mobiel ═══ */
@media (max-width:899px){
.trpr-status__line{align-items:flex-start !important;min-height:42px !important}
.trpr-status__line>span{display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;white-space:normal !important;line-height:21px !important}
.trpr-status__clear{align-self:stretch !important;display:flex !important;align-items:flex-start !important;min-height:0 !important;line-height:21px !important;white-space:nowrap !important}
.trpr-key{flex-wrap:wrap !important;margin-top:6px !important;min-height:0 !important}
.trpr-d,.trpr-d-flex{display:none !important}
.trpr-m{display:inline !important}
.trpr-wrap{padding:56px 16px 64px !important}
.trpr-h2{font-size:30px !important}
.trpr-lead{font-size:15px !important;line-height:1.6 !important}
.trpr-lead--gap{margin-top:22px !important}
.trpr-big{font-size:46px !important}
.trpr-big--wait{font-size:40px !important}
.trpr-big__unit{font-size:17px !important}
.trpr-bigsub{font-size:13.5px !important}
.trpr-btn--fixed{min-width:0 !important}
.trpr-split{grid-template-columns:minmax(0,1fr) !important;margin-top:20px !important}
.trpr-col--l{padding-right:0 !important}
.trpr-col--r{padding-left:0 !important;border-left:0 !important}
.trpr-split--nat,.trpr-split--wait,.trpr-split--why{margin-top:22px !important;row-gap:26px !important}
.trpr-split--nat>.trpr-col--r,.trpr-split--wait>.trpr-col--r,.trpr-split--why>.trpr-col--r{padding-top:24px !important;border-top:1px solid rgba(255,255,255,.08) !important}
.trpr-split--reg>.trpr-col--r{padding-top:8px !important}
.trpr-split--about{row-gap:26px !important}
.trpr-split--about>.trpr-col--r{padding-top:10px !important}
.trpr-split--lists{margin-top:0 !important}
.trpr-split--lists>.trpr-col{padding-top:0 !important}
.trpr-split--faq{row-gap:24px !important}
.trpr-seg{position:relative !important;display:flex !important;gap:4px !important;margin-top:22px !important;padding:5px !important;background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:10px !important}
.trpr-seg--wait{margin:26px 0 20px !important}
.trpr-seg button{flex:1 1 0 !important;height:38px !important;padding:0 12px !important;border-radius:7px !important;background:transparent !important;color:rgba(255,255,255,.66) !important;font-size:13.5px !important;font-weight:600 !important;text-align:center !important;cursor:pointer !important;transition:background .18s,color .18s !important}
.trpr-seg button[aria-pressed="true"]{background:rgba(255,255,255,.1) !important;color:#fff !important}
[data-segbox]>[data-part]{grid-area:1/1 !important}
[data-segbox][data-on="hi"]>[data-part="lo"],[data-segbox][data-on="lo"]>[data-part="hi"],[data-segbox][data-on="short"]>[data-part="long"],[data-segbox][data-on="long"]>[data-part="short"]{visibility:hidden !important;pointer-events:none !important}
.trpr-rrow{grid-template-columns:22px minmax(0,1fr) 56px 54px 12px !important;min-height:54px !important}
.trpr-rank--wait .trpr-rrow{grid-template-columns:22px minmax(0,1fr) 56px 58px 12px !important}
.trpr-rrow__n>span:first-child{display:block !important}
.trpr-rrow--clip .trpr-rrow__n>span:first-child{overflow:hidden !important;text-overflow:ellipsis !important}
.trpr-rrow__n>span:last-child{display:block !important;margin-left:0 !important}

/* na .trpr-wrap van deze maat: de held houdt zijn eigen ruimte onder de vaste header */
.trpr-hero__grid{padding:calc(var(--hdr-total-h,72px) + 20px) 16px 44px !important}
.trpr-more{grid-template-columns:minmax(0,1fr) !important;row-gap:10px !important;min-height:0 !important;padding:14px 16px 6px !important}
.trpr-more__count{grid-column:1 !important;text-align:center !important}
.trpr-more__btn{grid-column:1 !important;width:100% !important;height:48px !important}
.trpr-more__links{grid-column:1 !important;justify-content:center !important;gap:28px !important}
.trpr-hist__box{width:100% !important}
.trpr-search{padding:5px 5px 5px 16px !important}
.trpr-search__go{min-height:48px !important;padding:0 !important}
.trpr-search__go span{display:none !important}
.trpr-locate{font-size:14px !important}
.trpr-hero__vis{max-width:none !important}
.trpr-vis__stage{height:330px !important}
.trpr-vis__head{top:0 !important;width:168px !important}
.trpr-vis__num{font-size:44px !important}
.trpr-vis__sub{font-size:13px !important}
.trpr-vis__trend{display:none !important}
.trpr-vis__card{top:138px !important;width:160px !important}
.trpr-spot,.trpr-ro{padding:10px 12px 11px !important}
.trpr-spot__n{font-size:13.5px !important}
.trpr-spot__v>span:first-child{font-size:20px !important}
.trpr-map{height:330px !important}
.trpr-dot{width:5px !important;height:5px !important;margin:-2.5px !important;box-shadow:0 0 0 1px #0c1927 !important}
.trpr-dot.trpr-dot--4{box-shadow:0 0 0 1px #0c1927,0 0 8px rgba(169,243,216,.5) !important}
.trpr-leg{display:none !important}
.trpr-legm{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:5px 6px !important;margin-top:12px !important;font-size:12px !important;line-height:18px !important;color:rgba(255,255,255,.72) !important;font-variant-numeric:tabular-nums !important}
.trpr-vis__cap{margin-top:10px !important}

.trpr-near__list{grid-template-columns:minmax(0,1fr) !important}
.trpr-selects{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;margin-bottom:12px !important}
.trpr-mrow{display:flex !important;gap:10px !important;margin-bottom:18px !important}
.trpr-mrow>button{flex:1 1 0 !important;min-width:0 !important;height:48px !important;min-height:48px !important;padding:0 10px !important;border-radius:8px !important;font-size:14px !important;gap:7px !important;justify-content:center !important}
.trpr-mrow .trpr-chip__n{font-size:12.5px !important;opacity:.75 !important}
.trpr-chips{display:none !important}
.trpr-tablebox{overflow:hidden !important}
.trpr-table{display:block !important;min-width:0 !important}
.trpr-table thead{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip-path:inset(50%) !important}
.trpr-table tbody{display:block !important}
.trpr-row{position:relative !important;display:grid !important;grid-template-columns:24px minmax(0,1fr) auto 12px !important;column-gap:10px !important;align-items:start !important;min-height:62px !important;padding:11px 12px 13px 8px !important;border-bottom:1px solid rgba(255,255,255,.06) !important}
.trpr-row.is-hidden,.trpr-table--limited .trpr-row.is-late{display:none !important}
.trpr-td{display:block !important;padding:0 !important;border:0 !important}
.trpr-td--rate,.trpr-td--chg,.trpr-td--num,.trpr-td--routes{display:none !important}
.trpr-td--pos{padding:0 !important;font-size:13px !important;line-height:20px !important}
.trpr-td--name{padding:0 !important;min-width:0 !important}
.trpr-rowbtn{margin:0 !important;padding:0 !important}
.trpr-rowbtn::after{content:"" !important;position:absolute !important;inset:0 !important}
.trpr-rowbtn__n{font-size:15px !important}
.trpr-rowbtn__m{white-space:normal !important}
.trpr-td--m{display:block !important;text-align:right !important;font-variant-numeric:tabular-nums !important}
.trpr-mt{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:6px !important;font-size:17px !important;font-weight:700 !important;line-height:20px !important}
.trpr-ms{display:block !important;margin-top:2px !important;font-size:12.5px !important;color:rgba(255,255,255,.66) !important;min-height:19px !important}
.trpr-td--chev{align-self:center !important;padding:0 !important}
.trpr-row::before{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;bottom:-1px !important;height:3px !important;background:linear-gradient(#7f96b3,#7f96b3) left / var(--p) 100% no-repeat,rgba(255,255,255,.07) !important;pointer-events:none !important}
.trpr-row::after{content:"" !important;position:absolute !important;left:var(--nat) !important;bottom:-1px !important;width:2px !important;height:9px !important;margin-left:-1px !important;border-radius:1px !important;background:rgba(255,255,255,.8) !important;pointer-events:none !important}
.trpr-table.is-nobar .trpr-row::before,.trpr-table.is-nobar .trpr-row::after{display:none !important}

.trpr-chart{width:358px !important;height:190px !important}
.trpr-chart__x--d{display:none !important}
.trpr-figs{display:block !important;margin-top:26px !important;padding-top:0 !important}
.trpr-fig{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;column-gap:14px !important;align-items:center !important;padding:13px 0 14px !important;border-left:0 !important;border-bottom:1px solid rgba(255,255,255,.08) !important}
.trpr-fig:first-child{padding-left:0 !important}
.trpr-fig__h{grid-column:1 !important;font-size:15px !important;color:#fff !important}
.trpr-fig__vs{grid-column:1 !important;grid-row:2 !important;margin-top:2px !important;font-size:12.5px !important;line-height:1.45 !important;color:rgba(255,255,255,.66) !important}
.trpr-fig__v{grid-column:2 !important;grid-row:1 / span 2 !important;margin:0 !important;display:flex !important;flex-direction:row-reverse !important;align-items:baseline !important;white-space:nowrap !important;font-size:19px !important;line-height:24px !important;letter-spacing:-.02em !important}
.trpr-fig__cap{margin:0 7px 0 0 !important;font-size:12.5px !important}
.trpr-national .trpr-foot{margin-top:18px !important}
.trpr-field--area{width:100% !important}
.trpr-area__h{min-height:47px !important}
.trpr-area__sub{min-height:42px !important}
.trpr-area__list{min-height:166px !important}
.trpr-area__lead{min-height:96px !important}
.trpr-why__cta{margin-top:22px !important}
.trpr-why__line{font-size:15px !important;line-height:1.6 !important}
.trpr-cta--big{display:flex !important}
.trpr-fact{grid-template-columns:minmax(0,1fr) !important;gap:10px !important}
.trpr-fact__fig{display:flex !important;align-items:baseline !important;gap:2px 10px !important}
.trpr-fact__fig>span:first-child{flex:none !important}
.trpr-sources>div{grid-template-columns:minmax(0,1fr) !important}
.trpr-sources dt>.trpr-d,.trpr-sources dd{display:none !important}
.trpr-sources dt>.trpr-m{display:block !important}
.trpr-use{grid-template-columns:minmax(0,1fr) !important;gap:14px !important;align-items:stretch !important}
.trpr-field--embed{margin-top:0 !important}

.trpr-dlg{padding:0 !important}
.trpr-dlg[open]{align-items:flex-end !important}
.trpr-dlg__card,.trpr-dlg--sm .trpr-dlg__card{max-width:100% !important;max-height:90% !important;border-radius:16px 16px 0 0 !important;box-shadow:0 -10px 40px rgba(0,0,0,.3) !important;animation-name:trpr-md-up !important}
.trpr-dlg--centre .trpr-dlg__card{height:90% !important}
.trpr-dlg__card::before{content:"" !important;position:absolute !important;left:50% !important;top:8px !important;z-index:10 !important;width:38px !important;height:4px !important;margin-left:-19px !important;border-radius:99px !important;background:rgba(255,255,255,.25) !important;pointer-events:none !important}
.trpr-pop{padding:26px 18px 20px !important}
.trpr-pop h2{font-size:20px !important}
}
@media (max-width:768px){
.trpr-hero__grid{padding-top:calc(var(--hdr-total-h,56px) + 20px) !important}
}
/* De telefoonmaat van de held begint, net als op de andere pagina's, onder 700px: terug-link in plaats van de
   broodkruimel (35,5 hoog + 2), de kop loopt mee met de breedte (26 tot 36px) + 14, de inleiding 15px + 24. */
@media (max-width:699px){
.trpr-hero__grid{padding-bottom:40px !important}
.trpr-crumb{display:none !important}
.trpr-back{display:flex !important;width:fit-content !important;align-items:center !important;gap:6px !important;margin:0 0 2px -4px !important;padding:2px 4px 14px !important;font-size:13px !important;line-height:19.5px !important;font-weight:500 !important;color:rgba(255,255,255,.55) !important}
.trpr-h1{margin-bottom:14px !important;font-size:clamp(26px,calc(8.9vw - 2.848px),36px) !important}
.trpr-intro{margin-bottom:24px !important;font-size:15px !important;line-height:1.6 !important}
}
@media (max-width:389px){
.trpr-chart{width:100% !important}
.trpr-vis__head{width:150px !important}
}
@media (prefers-reduced-motion:reduce){
.trpr-dot,.trpr-land path,.trpr-dlg__card{animation:none !important}
.trpr-spot,.trpr-ring{animation:none !important;opacity:0 !important}
.trpr-spot--first,.trpr-ring--first{opacity:1 !important}
.trpr *{transition:none !important}
}

/* ═══ Venster per centrum (inhoud komt uit pass-rates.js) ═══ */
.trpr-navbtn{position:absolute !important;top:12px !important;z-index:10 !important;display:flex !important;align-items:center !important;justify-content:center !important;width:32px !important;height:32px !important;border-radius:50% !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.12) !important;color:rgba(255,255,255,.8) !important;cursor:pointer !important;transition:background .18s,border-color .18s !important}
.trpr-navbtn--prev{right:96px !important}
.trpr-navbtn--next{right:56px !important}
.trpr-navbtn:hover{background:rgba(255,255,255,.09) !important;border-color:rgba(255,255,255,.28) !important;color:#fff !important}
.trpr-navbtn[disabled]{opacity:.35 !important;cursor:default !important}
.trpr-c{flex:1 1 auto !important;min-height:0 !important;overflow-y:auto !important;padding:28px 28px 0 !important;color:#fff !important;line-height:1.5 !important;scrollbar-width:thin !important;scrollbar-color:rgba(255,255,255,.28) transparent !important;overscroll-behavior:contain !important}
.trpr-c h3{font-size:14.5px !important;font-weight:700 !important;color:#fff !important;line-height:1.5 !important}
.trpr-c__kick{margin:0 0 6px !important;padding-right:124px !important;font-size:11.5px !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:rgba(255,255,255,.62) !important}
.trpr-c__name{padding-right:124px !important;font-size:26px !important;font-weight:800 !important;letter-spacing:-.02em !important;line-height:1.2 !important;color:#fff !important;text-wrap:balance !important}
.trpr-c__name--embed{margin-top:10px !important}
.trpr-c__meta{margin:5px 0 0 !important;font-size:13px !important;color:rgba(255,255,255,.66) !important}
.trpr-c__alt{margin:2px 0 0 !important;font-size:12.5px !important;color:rgba(255,255,255,.5) !important}
.trpr-c-top{display:grid !important;grid-template-columns:minmax(0,1fr) 240px !important;column-gap:36px !important;margin-top:20px !important}
.trpr-c-top__num{grid-column:1 !important;grid-row:1 !important;min-width:0 !important}
.trpr-c-top__map{grid-column:2 !important;grid-row:1 / span 2 !important;min-width:0 !important}
.trpr-c-top__strip{grid-column:1 !important;grid-row:2 !important;min-width:0 !important;margin-top:26px !important}
.trpr-c-big{font-size:64px !important;font-weight:800 !important;letter-spacing:-.04em !important;line-height:1 !important;color:#fff !important;font-variant-numeric:tabular-nums !important}
.trpr-c-bigsub{margin:10px 0 0 !important;font-size:14px !important;line-height:1.45 !important;font-weight:500 !important;color:rgba(255,255,255,.72) !important}
.trpr-c-smallnote{margin:12px 0 0 !important;padding:9px 12px !important;display:flex !important;gap:9px !important;align-items:flex-start !important;font-size:12.5px !important;line-height:1.5 !important;color:rgba(255,255,255,.82) !important;background:rgba(255,255,255,.05) !important;border-radius:10px !important}
.trpr-c-smallnote i{margin-top:5px !important}
.trpr-c-map{position:relative !important;width:240px !important;aspect-ratio:420/517 !important}
.trpr-c-land{width:100% !important;height:100% !important;overflow:visible !important}
.trpr-c-land path{fill:#1d3049 !important;stroke:rgba(255,255,255,.22) !important;stroke-width:.6 !important;stroke-linejoin:round !important}
.trpr-c-map i{position:absolute !important;width:2.5px !important;height:2.5px !important;margin:-1.25px !important;border-radius:50% !important;background:rgba(255,255,255,.26) !important;pointer-events:none !important}
.trpr-c-map i.near{z-index:1 !important;width:6px !important;height:6px !important;margin:-3px !important;background:#8aa0bb !important;border:1.5px solid #fff !important}
.trpr-c-map b{position:absolute !important;border-radius:50% !important;pointer-events:none !important}
.trpr-c-map b.here{z-index:2 !important;width:10px !important;height:10px !important;margin:-5px !important;background:#fff !important;box-shadow:0 0 0 2px #0d1b2a,0 0 12px rgba(255,255,255,.55) !important}
.trpr-c-map b.ring,.trpr-c-strip b.ring{width:22px !important;height:22px !important;margin:-11px !important;border:1.5px solid #fff !important;opacity:0 !important;animation:trpr-c-ring 2.6s ease-out .8s infinite !important}
.trpr-c-map__cap{margin:8px 0 0 !important;width:240px !important;font-size:12px !important;line-height:1.45 !important;color:rgba(255,255,255,.62) !important}
/* De regel onder de kop wisselt bij elk stipje ("Bristol (Avonmouth), 55.5%. Click to open"). Hij staat daarom
   altijd op een eigen regel van vaste hoogte en wordt afgekapt als hij niet past: niets eronder schuift ooit op. */
.trpr-c-strip__head{display:block !important}
.trpr-c-strip__head span{display:block !important;height:19px !important;margin-top:2px !important;font-size:12.5px !important;line-height:19px !important;color:rgba(255,255,255,.72) !important;font-variant-numeric:tabular-nums !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
.trpr-c-strip{position:relative !important;height:85px !important;margin-top:4px !important}
.trpr-c-strip .axis{position:absolute !important;left:0 !important;right:0 !important;bottom:27px !important;height:1px !important;background:rgba(255,255,255,.18) !important}
.trpr-c-strip .lab{position:absolute !important;bottom:0 !important;transform:translateX(-50%) !important;font-size:12px !important;color:rgba(255,255,255,.62) !important;font-variant-numeric:tabular-nums !important;line-height:1.4 !important}
.trpr-c-strip .tk{position:absolute !important;bottom:22px !important;width:1px !important;height:5px !important;background:rgba(255,255,255,.3) !important}
.trpr-c-strip .avg{position:absolute !important;bottom:27px !important;top:0 !important;width:0 !important;margin-left:-1px !important;border-left:2px dashed rgba(255,255,255,.42) !important}
.trpr-c-strip i{position:absolute !important;width:7px !important;height:7px !important;margin-left:-3.5px !important;border-radius:50% !important;background:#566e8e !important;pointer-events:none !important}
.trpr-c-strip i.near{background:#8aa0bb !important;border:1.5px solid #fff !important}
.trpr-c-strip .name{position:absolute !important;white-space:nowrap !important;font-size:12.5px !important;line-height:1.3 !important;font-weight:700 !important;color:#fff !important}
.trpr-c-strip .name span:last-child{font-weight:500 !important;color:rgba(255,255,255,.78) !important;font-variant-numeric:tabular-nums !important}
.trpr-c-strip b{position:absolute !important;border-radius:50% !important;pointer-events:none !important}
.trpr-c-strip b.ring{width:20px !important;height:20px !important;margin:0 0 0 -10px !important;animation-delay:1.6s !important}
.trpr-c-strip b.me{background:#fff !important;box-shadow:0 0 0 2px #0d1b2a !important}
.trpr-c-strip b.hov{width:11px !important;height:11px !important;margin-left:-5.5px !important;border:2px solid #fff !important}
.trpr-c-strip .hit{position:absolute !important;left:0 !important;top:0 !important;right:0 !important;bottom:27px !important;cursor:default !important}
.trpr-c-strip .hit.is-over{cursor:pointer !important}
.trpr-c-legend{display:flex !important;flex-wrap:wrap !important;gap:4px 18px !important;margin-top:8px !important;font-size:12.5px !important;color:rgba(255,255,255,.72) !important}
.trpr-c-legend>span{display:inline-flex !important;align-items:center !important;gap:7px !important}
.trpr-c-legend i{flex:none !important;display:inline-block !important}
.trpr-c-legend i.me{width:9px !important;height:9px !important;border-radius:50% !important;background:#fff !important}
.trpr-c-legend i.near{width:9px !important;height:9px !important;border-radius:50% !important;background:#5d7594 !important;border:1.5px solid #fff !important}
.trpr-c-legend i.avg{width:0 !important;height:13px !important;border-left:2px dashed rgba(255,255,255,.6) !important}
.trpr-c-legend i.l-me{width:16px !important;height:2px !important;border-radius:1px !important;background:#dbe5f0 !important}
.trpr-c-legend i.l-gb{width:16px !important;height:2px !important;border-radius:1px !important;background:#7f96b3 !important}
.trpr-c-legend--lines{gap:4px 16px !important;margin:0 0 8px !important}
.trpr-c-legend--bands{gap:3px 12px !important;font-size:12px !important}
.trpr-c-legend--bands>span{gap:6px !important}
.trpr-c-legend--bands i{width:10px !important;height:10px !important;border-radius:3px !important}
.trpr-c-cols{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:0 32px !important;margin-top:24px !important;padding-top:22px !important;border-top:1px solid rgba(255,255,255,.08) !important}
.trpr-c-cols>div{min-width:0 !important}
.trpr-c-cols h3{margin:0 0 4px !important}
.trpr-c-cols>div:nth-child(2) h3{margin-bottom:12px !important}
.trpr-c-cols>div:last-child h3{margin-bottom:6px !important}
.trpr-c-chart{position:relative !important;width:100% !important;height:150px !important;overflow:visible !important;cursor:crosshair !important;-webkit-tap-highlight-color:transparent !important}
.trpr-c-chart__g{position:absolute !important;left:36px !important;right:0 !important;height:1px !important;background:rgba(255,255,255,.09) !important}
.trpr-c-chart__g span{position:absolute !important;left:-36px !important;top:-8px !important;width:30px !important;text-align:right !important;font-size:11.5px !important;line-height:16px !important;color:rgba(255,255,255,.62) !important;font-variant-numeric:tabular-nums !important}
.trpr-c-chart__x{position:absolute !important;bottom:0 !important;width:60px !important;margin-left:-30px !important;text-align:center !important;font-size:11.5px !important;line-height:16px !important;color:rgba(255,255,255,.62) !important;font-variant-numeric:tabular-nums !important}
.trpr-c-chart__plot{position:absolute !important;left:36px !important;right:32px !important;top:10px !important;bottom:26px !important}
.trpr-c-chart__plot svg{position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;overflow:visible !important}
.trpr-c-chart__plot polyline{fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;vector-effect:non-scaling-stroke !important}
.trpr-c-chart__plot polyline.gb{stroke:#7f96b3 !important}
.trpr-c-chart__plot polyline.me{stroke:#dbe5f0 !important}
.trpr-c-chart__plot i{position:absolute !important;width:8px !important;height:8px !important;margin:-4px !important;border-radius:50% !important;box-shadow:0 0 0 2px #0d1b2a !important}
.trpr-c-chart__plot i.gb{background:#7f96b3 !important}
.trpr-c-chart__plot i.me{background:#dbe5f0 !important}
/* Een jaar aanwijzen: een dunne lijn door dat jaar, de twee punten iets groter en een kaartje met beide cijfers.
   Het kaartje zweeft boven het hoogste punt; er schuift niets op. */
.trpr-c-chart__plot>i{transition:transform .12s !important}
.trpr-c-chart__plot>i.is-on{transform:scale(1.5) !important}
.trpr-c-chart__x.is-on{color:#fff !important;font-weight:600 !important}
.trpr-c-chart__cross{position:absolute !important;top:-4px !important;bottom:0 !important;width:1px !important;margin-left:-.5px !important;background:rgba(255,255,255,.26) !important;pointer-events:none !important}
.trpr-c-chart__tip{position:absolute !important;z-index:3 !important;min-width:150px !important;max-width:230px !important;padding:8px 11px 9px !important;border-radius:8px !important;background:#22364c !important;border:1px solid rgba(255,255,255,.14) !important;box-shadow:0 10px 28px rgba(0,0,0,.5) !important;color:#fff !important;font-size:12.5px !important;line-height:18px !important;white-space:nowrap !important;pointer-events:none !important;transform:translateX(-50%) !important}
.trpr-c-chart__tip[data-side="l"]{transform:translateX(-18px) !important}
.trpr-c-chart__tip[data-side="r"]{transform:translateX(calc(-100% + 18px)) !important}
.trpr-c-chart__tip b{display:block !important;margin-bottom:3px !important;font-size:11.5px !important;font-weight:700 !important;letter-spacing:.04em !important;color:rgba(255,255,255,.72) !important}
.trpr-c-chart__tip .r{display:flex !important;align-items:center !important;gap:7px !important}
.trpr-c-chart__tip .n{flex:1 1 auto !important;min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important}
.trpr-c-chart__tip em{flex:none !important;margin-left:10px !important;font-style:normal !important;font-weight:700 !important;font-variant-numeric:tabular-nums !important}
.trpr-c-chart__plot .trpr-c-chart__tip i{position:static !important;flex:none !important;width:8px !important;height:8px !important;margin:0 !important;border-radius:50% !important;box-shadow:none !important;transform:none !important}
.trpr-c-tbl{margin-top:6px !important}
.trpr-c-tbl>summary{display:inline-flex !important;align-items:center !important;gap:6px !important;min-height:32px !important;font-size:13px !important;font-weight:500 !important;color:rgba(255,255,255,.72) !important;text-decoration:underline !important;text-decoration-color:rgba(255,255,255,.25) !important;text-underline-offset:3px !important;cursor:pointer !important;list-style:none !important}
.trpr-c-tbl>summary::-webkit-details-marker{display:none !important}
.trpr-c-tbl table{width:100% !important;margin:6px 0 0 !important;border-collapse:collapse !important;font-size:13px !important;font-variant-numeric:tabular-nums !important;background:none !important;border:0 !important}
.trpr-c-tbl th,.trpr-c-tbl td{padding:6px 0 !important;text-align:right !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.06) !important;background:none !important;color:rgba(255,255,255,.82) !important;font-weight:400 !important;line-height:1.5 !important;text-transform:none !important;letter-spacing:normal !important;font-size:13px !important}
.trpr-c-tbl thead th{font-weight:600 !important;color:rgba(255,255,255,.72) !important;border-bottom-color:rgba(255,255,255,.1) !important}
.trpr-c-tbl th:first-child{text-align:left !important}
.trpr-c-tbl td:nth-child(2){color:#fff !important}
.trpr-c-meters{display:grid !important;gap:11px !important}
.trpr-c-meter__h{display:flex !important;align-items:baseline !important;justify-content:space-between !important;gap:10px !important;font-size:13.5px !important}
.trpr-c-meter__h span:first-child{color:rgba(255,255,255,.82) !important}
.trpr-c-meter__h span:last-child{font-weight:700 !important;color:#fff !important;font-variant-numeric:tabular-nums !important}
.trpr-c-meters .trpr-bar{margin-top:5px !important}
.trpr-c-meters .trpr-bar i{transform-origin:0 50% !important}
.trpr-c-key{margin:11px 0 0 !important;display:flex !important;align-items:center !important;gap:7px !important;font-size:12.5px !important;color:rgba(255,255,255,.62) !important}
.trpr-c-wait{font-size:30px !important;font-weight:800 !important;letter-spacing:-.03em !important;line-height:1.1 !important;color:#fff !important;font-variant-numeric:tabular-nums !important}
.trpr-c-wait span{font-size:14px !important;font-weight:700 !important;letter-spacing:0 !important}
.trpr-c-p{margin:4px 0 12px !important;font-size:13px !important;line-height:1.5 !important;color:rgba(255,255,255,.72) !important}
.trpr-c-p--gap{margin:10px 0 0 !important}
.trpr-c-parts{display:flex !important;gap:2px !important;height:26px !important}
.trpr-c-parts>div{flex:0 0 auto !important;min-width:3px !important;display:flex !important;align-items:center !important;padding-left:6px !important;border-radius:4px !important;overflow:hidden !important;color:#0c1927 !important;font-size:12px !important;font-weight:700 !important;font-variant-numeric:tabular-nums !important}
.trpr-c-parts>div.trpr-band--0{color:#fff !important}
.trpr-c-near{margin-top:24px !important;padding-top:22px !important;border-top:1px solid rgba(255,255,255,.08) !important}
.trpr-c-near__head{display:flex !important;flex-wrap:wrap !important;align-items:baseline !important;gap:2px 14px !important;margin-bottom:10px !important}
.trpr-c-near__head span{font-size:13px !important;color:rgba(255,255,255,.66) !important}
.trpr-c-near__list{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important}
.trpr-nearbtn--sm{min-height:54px !important;padding:6px 12px !important;border-color:rgba(255,255,255,.09) !important}
.trpr-nearbtn--sm>span:first-child>span:first-child{font-size:14px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
.trpr-nearbtn--sm>span:last-child>span:first-child{font-size:14px !important}
.trpr-c-promo{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:space-between !important;gap:10px 20px !important;margin-top:24px !important;padding:14px 16px !important;border-radius:12px !important;background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.08) !important}
.trpr-c-promo>div{flex:1 1 260px !important;min-width:0 !important}
.trpr-c-promo p:first-child{font-size:14px !important;line-height:1.4 !important;font-weight:700 !important;color:#fff !important}
.trpr-c-promo p:last-child{margin:2px 0 0 !important;font-size:13px !important;line-height:1.45 !important;color:rgba(255,255,255,.7) !important}
.trpr-btn--sm{flex:none !important;height:40px !important;padding:0 16px !important;font-size:14px !important;gap:8px !important}
.trpr-c-foot{position:sticky !important;bottom:0 !important;z-index:2 !important;margin-top:22px !important;padding:18px 0 24px !important;background:#0d1b2a !important;border-top:1px solid rgba(255,255,255,.08) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px 28px !important}
.trpr-c-foot__cta{flex:1 1 0 !important;min-width:0 !important;display:flex !important;align-items:center !important;gap:16px !important}
.trpr-c-foot__cta p{font-size:12.5px !important;line-height:1.45 !important;color:rgba(255,255,255,.66) !important}
.trpr-c-foot__cta .trpr-c-foot__none{font-size:13.5px !important;color:rgba(255,255,255,.72) !important}
.trpr-c-foot__btn{flex:none !important;margin-top:0 !important;padding:0 26px !important}
.trpr-c-foot__links{flex:none !important;min-width:0 !important}
.trpr-c-foot__links>div{display:flex !important;flex-wrap:wrap !important;justify-content:flex-end !important;gap:4px 22px !important}
.trpr-c-foot__links .trpr-textbtn{min-height:24px !important;color:rgba(255,255,255,.72) !important}
.trpr-c-foot__links p{text-align:right !important;font-size:12px !important;line-height:1.5 !important;color:rgba(255,255,255,.62) !important}
.trpr-c-a{animation:trpr-c-rise .5s cubic-bezier(.22,1,.36,1) both !important;animation-delay:var(--d,0s) !important}
.trpr-c-a--fade{animation:trpr-c-fade .5s ease .25s both !important;animation-delay:var(--d,.25s) !important}
.trpr-c-a--pop{animation:trpr-c-pop .5s cubic-bezier(.22,1,.36,1) .35s both !important;animation-delay:var(--d,.35s) !important}
.trpr-c-a--drop{animation:trpr-c-drop .45s cubic-bezier(.22,1,.36,1) both !important;animation-delay:var(--d,0s) !important}
.trpr-c-a--grow{animation:trpr-c-grow .7s cubic-bezier(.22,1,.36,1) both !important;animation-delay:var(--d,0s) !important}
.trpr-c--still .trpr-c-a{animation:none !important}
.trpr-c--still .ring{display:none !important}
@keyframes trpr-c-drop{from{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:translateY(0)}}
@keyframes trpr-c-fade{from{opacity:0}to{opacity:1}}
@keyframes trpr-c-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes trpr-c-pop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}
@keyframes trpr-c-ring{0%{transform:scale(.5);opacity:.9}70%{transform:scale(2.2);opacity:0}100%{transform:scale(2.2);opacity:0}}
@keyframes trpr-c-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* embed-paneel */
.trpr-c-back{display:inline-flex !important;align-items:center !important;gap:6px !important;min-height:32px !important;font-size:13px !important;font-weight:600 !important;color:rgba(255,255,255,.72) !important;cursor:pointer !important}
.trpr-c-back:hover{color:#fff !important}
.trpr-c-elead{margin:8px 0 0 !important;max-width:640px !important;font-size:14.5px !important;line-height:1.55 !important;color:rgba(255,255,255,.74) !important}
.trpr-c-egrid{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) !important;gap:32px !important;margin-top:22px !important;align-items:start !important}
.trpr-c-eopts{min-width:0 !important;display:grid !important;gap:18px !important}
.trpr-c-elabel{margin:0 0 8px !important;font-size:12.5px !important;font-weight:600 !important;color:rgba(255,255,255,.72) !important}
.trpr-c-checks{display:flex !important;flex-wrap:wrap !important;gap:8px !important}
.trpr-c-check{display:inline-flex !important;align-items:center !important;gap:7px !important;height:34px !important;padding:0 14px 0 11px !important;border-radius:999px !important;background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.1) !important;color:rgba(255,255,255,.72) !important;font-size:13px !important;line-height:1 !important;font-weight:600 !important;cursor:pointer !important;white-space:nowrap !important}
.trpr-c-check i{display:grid !important;place-items:center !important;width:15px !important;height:15px !important;border-radius:4px !important;border:1.5px solid rgba(255,255,255,.4) !important;background:transparent !important}
.trpr-c-check i svg{display:none !important}
.trpr-c-check[aria-pressed="true"]{background:rgba(255,255,255,.1) !important;border-color:rgba(255,255,255,.3) !important;color:#fff !important}
.trpr-c-check[aria-pressed="true"] i{background:#fff !important;border-color:#fff !important}
.trpr-c-check[aria-pressed="true"] i svg{display:block !important}
.trpr-c-etwo{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:18px 20px !important}
.trpr-c-etwo .trpr-field>span:first-child{margin-bottom:8px !important}
.trpr-c-etwo .trpr-select select,.trpr-c-etwo .trpr-dd__btn{border-radius:10px !important;background:rgba(255,255,255,.04) !important;border-color:rgba(255,255,255,.1) !important;font-size:14px !important;padding:0 34px 0 12px !important}
.trpr-c-etwo .trpr-dd__btn:hover{background:rgba(255,255,255,.07) !important;border-color:rgba(255,255,255,.22) !important}
.trpr-c-etwo .trpr-select.is-open .trpr-dd__btn{background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.34) !important}
.trpr-c-seg{display:inline-flex !important;flex-wrap:wrap !important;gap:4px !important;padding:5px !important;border-radius:10px !important;background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.1) !important}
.trpr-c-seg button{height:34px !important;padding:0 14px !important;border-radius:7px !important;background:transparent !important;color:rgba(255,255,255,.66) !important;font-size:13.5px !important;font-weight:600 !important;cursor:pointer !important;white-space:nowrap !important}
.trpr-c-seg button[aria-pressed="true"]{background:rgba(255,255,255,.1) !important;color:#fff !important}
.trpr-c-swatches{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:10px !important}
.trpr-c-swatch{width:30px !important;height:30px !important;border-radius:50% !important;background:var(--c,#0d1b2a) !important;border:2px solid #0d1b2a !important;box-shadow:0 0 0 2px rgba(255,255,255,.22) !important;cursor:pointer !important}
.trpr-c-swatch[aria-pressed="true"]{box-shadow:0 0 0 2px #fff !important}
.trpr-c-hex{display:inline-flex !important;align-items:center !important;gap:8px !important;font-size:12.5px !important;color:rgba(255,255,255,.72) !important}
.trpr-c-hex input{width:92px !important;height:34px !important;padding:0 10px !important;border-radius:8px !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.14) !important;color:#fff !important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;font-size:13px !important}
.trpr-c-eprev{min-width:0 !important}
.trpr-c-page{padding:22px !important;border-radius:12px !important;background:#f4f5f7 !important;font-family:Georgia,'Times New Roman',serif !important}
.trpr-c-page>div{max-width:380px !important;margin:0 auto !important}
.trpr-c-page i{display:block !important;height:8px !important;border-radius:4px !important;background:#0d1b2a !important;opacity:.09 !important}
.trpr-c-page i.a{width:62% !important;height:12px !important;border-radius:6px !important;opacity:.16 !important}
.trpr-c-page i.b{width:88% !important;margin:10px 0 16px !important}
.trpr-c-page i.c{width:74% !important;margin-top:16px !important}
.trpr-c-page i.d{width:52% !important;margin-top:8px !important}
.trpr-c-page .testroute-pass-rate{display:block !important;max-width:420px !important}
.trpr-c:focus-visible,.trpr-pop:focus-visible,.trpr-c:focus,.trpr-pop:focus{outline:0 !important}
.trpr-c-enote{margin:8px 0 0 !important;font-size:12.5px !important;line-height:1.5 !important;color:rgba(255,255,255,.62) !important}
#trpr-fontnote{min-height:38px !important}
/* het codeblok is het laatste van het insluitpaneel: de ruimte eronder hoort bij het blok zelf */
.trpr-c-code{margin:22px 0 24px !important;border-radius:12px !important;background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.1) !important;overflow:hidden !important}
.trpr-c-code>div{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:space-between !important;gap:10px 16px !important;padding:12px 14px 12px 16px !important;border-bottom:1px solid rgba(255,255,255,.08) !important}
.trpr-c-code>div p{font-size:13.5px !important;font-weight:600 !important;color:#fff !important}
.trpr-c-code__btn{height:40px !important;padding:0 18px !important;border-radius:8px !important;font-size:14px !important;color:#0c1927 !important}
.trpr-c-code pre{margin:0 !important;padding:14px 16px !important;overflow-x:auto !important;white-space:pre-wrap !important;overflow-wrap:anywhere !important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;font-size:12.5px !important;line-height:1.6 !important;color:rgba(255,255,255,.86) !important;background:none !important;border:0 !important;border-radius:0 !important}

@media (max-width:899px){
.trpr-c{padding:26px 20px 22px !important}
.trpr-c__name{font-size:22px !important}
.trpr-c-top{grid-template-columns:minmax(0,1fr) 118px !important;column-gap:12px !important;margin-top:16px !important}
.trpr-c-top__map{grid-row:1 !important}
.trpr-c-top__strip{grid-column:1 / span 2 !important;margin-top:22px !important}
.trpr-c-big{font-size:46px !important}
.trpr-c-bigsub{font-size:13px !important}
.trpr-c-map{width:118px !important}
.trpr-c-map i{width:2px !important;height:2px !important;margin:-1px !important}
.trpr-c-map i.near{width:5px !important;height:5px !important;margin:-2.5px !important}
.trpr-c-map b.here{width:8px !important;height:8px !important;margin:-4px !important}
.trpr-c-map__cap{display:none !important}
.trpr-c-strip i{width:5px !important;height:5px !important;margin-left:-2.5px !important}
.trpr-c-cols{grid-template-columns:minmax(0,1fr) !important;gap:24px !important;margin-top:22px !important;padding-top:20px !important}
.trpr-c-chart{max-width:316px !important}
.trpr-c-near{margin-top:22px !important;padding-top:20px !important}
.trpr-c-near__list{grid-template-columns:minmax(0,1fr) !important}
.trpr-c-promo{margin-top:22px !important}
.trpr-c-foot{position:static !important;display:block !important;padding:18px 0 0 !important}
.trpr-c-foot__cta{display:block !important}
.trpr-c-foot__btn{display:flex !important;padding:0 !important}
.trpr-c-foot__cta p{margin:9px 0 0 !important;text-align:center !important}
.trpr-c-foot__links>div{justify-content:center !important;margin-top:12px !important}
.trpr-c-foot__links .trpr-textbtn{min-height:44px !important}
.trpr-c-foot__links p{margin:8px 0 0 !important;text-align:center !important}
.trpr-c-egrid{grid-template-columns:minmax(0,1fr) !important;gap:22px !important}
.trpr-c-etwo{grid-template-columns:minmax(0,1fr) !important}
.trpr-c-page{padding:16px !important}
.trpr-c-code{margin-bottom:0 !important}
#trpr-fontnote{min-height:57px !important}
}
@media (prefers-reduced-motion:reduce){
.trpr-c-a{animation:none !important}
.trpr-c .ring{display:none !important}
}