/* Tracker-pagina (webcontroleur.nl/tracker), bouwt voort op /assets/style.css */
.t-hero,.t-stats,.t-map,.t-td,.t-uitleg,.t-cta,.t-bron{padding-left:max(var(--gut),calc((100% - var(--wrap))/2));
  padding-right:max(var(--gut),calc((100% - var(--wrap))/2))}
.t-hero{padding-top:56px;padding-bottom:40px}
.t-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-1px;margin:0 0 20px;max-width:15em}
.t-hero .lead{max-width:40em}
.t-upd b{font-weight:600}
.t-counters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:36px;border-top:1.5px solid var(--ink);border-bottom:1px solid var(--line)}
.t-c{padding:20px 18px 18px 0;border-right:1px dashed var(--line)}
.t-c+.t-c{padding-left:18px}
.t-c:last-child{border-right:0}
.t-c b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(30px,4vw,46px);line-height:1;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.t-c span{display:block;font-size:14px;color:var(--ink2);margin-top:8px;line-height:1.4}
.t-c-ph b{color:var(--red)}.t-c-mw b{color:#8a4b12}.t-c-td b,.t-c-ts b{color:var(--pen)}

.t-map{padding-top:48px;padding-bottom:56px}
.t-map-in{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:36px;align-items:start}
.t-stage{position:relative}
.t-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.t-tools button{font:inherit;font-size:14.5px;padding:8px 15px;border:1.5px solid var(--ink);background:var(--white);color:var(--ink);border-radius:999px;cursor:pointer}
.t-tools button.on{background:var(--ink);color:var(--paper)}
.t-tools .t-view{margin-left:auto;border-style:dashed}
.t-tools .t-view[aria-pressed="true"]{border-style:solid;background:var(--paper)}
.t-tools button:focus-visible,.t-top button:focus-visible{outline:2px solid var(--pen);outline-offset:2px}
.t-globe{position:relative;width:100%;aspect-ratio:1/1;max-height:640px;touch-action:none;user-select:none;-webkit-user-select:none}
.t-globe.flat{aspect-ratio:1.9/1}
.t-globe svg{width:100%;height:100%;display:block;cursor:grab}
.t-globe svg:active{cursor:grabbing}
.t-globe .sea{fill:#e3ddcd;stroke:var(--ink);stroke-width:1.2}
.t-globe.flat .sea{fill:#e8e2d3;stroke:none}
.t-globe .grat{fill:none;stroke:#cfc7b2;stroke-width:.5}
.t-globe .land{stroke:#f7f3ea;stroke-width:.5;cursor:pointer}
.t-globe .land:hover{stroke:var(--ink);stroke-width:1}
.t-globe .land.sel{stroke:var(--ink);stroke-width:1.8}
.t-nojs{padding:30px;color:var(--ink2)}
.t-tip{position:absolute;pointer-events:none;background:var(--ink);color:var(--paper);font-size:13.5px;padding:7px 10px;border-radius:4px;white-space:nowrap;transform:translate(-50%,-130%);z-index:2}
.t-legend{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink2);margin-top:10px;flex-wrap:wrap}
.t-legend i{display:inline-block;width:26px;height:10px;border-radius:2px}
.t-hint{font-family:var(--hand);font-size:21px;color:var(--pen);margin:8px 0 0;transform:rotate(-1deg)}

.t-side{background:var(--white);border:1px solid var(--line);padding:22px 22px 18px;box-shadow:3px 4px 0 var(--paper2)}
.t-pick span{display:block;font-size:13px;color:var(--mute);margin-bottom:4px}
.t-pick select{width:100%;font:inherit;font-size:16px;padding:9px 10px;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:4px}
.t-detail{margin:18px 0 6px;min-height:150px}
.t-detail h3{font-size:26px;margin:0 0 10px}
.t-detail dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:15px}
.t-detail dt{font-family:var(--serif);font-size:22px;line-height:1.1;text-align:right;font-variant-numeric:tabular-nums}
.t-detail dd{margin:0;color:var(--ink2);align-self:center;line-height:1.35}
.t-detail .na{font-size:15px;color:var(--mute);font-family:var(--sans)}
.t-detail ul{margin:12px 0 0;padding-left:18px;font-size:14px;color:var(--ink2)}
.t-detail ul a{color:var(--pen)}
.t-toph{font-size:17px;margin:18px 0 8px;padding-top:14px;border-top:1px dashed var(--line)}
.t-top{list-style:none;margin:0;padding:0;counter-reset:tp}
.t-top li{counter-increment:tp}
.t-top button{display:grid;grid-template-columns:1.6em 1fr auto;gap:8px;width:100%;font:inherit;font-size:15px;text-align:left;background:none;border:0;border-bottom:1px solid var(--paper2);padding:6px 0;cursor:pointer;color:var(--ink)}
.t-top button::before{content:counter(tp);color:var(--mute);font-family:var(--mono);font-size:13px;align-self:center}
.t-top button:hover span{text-decoration:underline}
.t-top b{font-weight:600;font-variant-numeric:tabular-nums}

.t-trend{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:40px}
.t-trend h3{font-size:17px;margin:0 0 10px}
.t-bars{display:flex;align-items:flex-end;gap:2px;height:90px;border-bottom:1.5px solid var(--ink)}
.t-bars i{flex:1;background:var(--red);opacity:.78;min-height:2px;position:relative}
#t-bars-mw i{background:#8a4b12}
.t-bars i:hover{opacity:1}
.t-barx{display:flex;justify-content:space-between;font-size:12px;color:var(--mute);margin-top:4px}

.t-tdlist{list-style:none;margin:28px 0 18px;padding:0}
.t-tdlist li{display:grid;grid-template-columns:8.5em minmax(0,1fr) auto;gap:6px 22px;padding:16px 0;border-bottom:1px solid var(--line)}
.t-tdlist li:first-child{border-top:1.5px solid var(--ink)}
.t-tdlist time{font-family:var(--mono);font-size:13.5px;color:var(--mute);padding-top:3px}
.t-tdlist h3{font-size:18.5px}
.t-tdlist p{margin:2px 0 0;color:var(--ink2);font-size:15px}
.t-tdlist .src{font-size:13.5px}
.t-tdlist .src a{color:var(--pen)}
.t-tdlist .n{font-family:var(--serif);font-size:22px;color:var(--pen);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.t-tdlist .n small{display:block;font-family:var(--sans);font-size:12px;color:var(--mute)}

.t-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.t-cols p{color:var(--ink2);margin:6px 0 0}
.t-eerlijk{margin-top:32px;max-width:52em;padding:16px 0 0 16px;border-left:3px solid var(--amber);color:var(--ink2)}
.t-eerlijk b{color:var(--ink)}

.t-cta-in{max-width:44em}
.t-hand{font-family:var(--hand);font-size:26px;color:var(--red);margin:0 0 4px;transform:rotate(-2deg);display:inline-block}
.t-cta p{color:var(--ink2)}
.t-bron ul{padding-left:20px;max-width:60em}
.t-bron li{margin-bottom:10px;color:var(--ink2)}
.t-bron a,.t-uitleg a,.t-td .micro a{color:var(--pen)}

.t-hero:has(+ .t-map){padding-bottom:28px}
.t-stats{padding-top:8px;padding-bottom:44px}
.t-stats .t-counters{margin-top:0}
.t-zoom{position:absolute;right:6px;bottom:6px;display:flex;flex-direction:column;gap:6px;z-index:2}
.t-zoom[hidden]{display:none}
.t-zoom button{font:inherit;font-size:20px;line-height:1;width:40px;height:40px;border:1.5px solid var(--ink);background:var(--white);color:var(--ink);border-radius:50%;cursor:pointer}
.t-zoom .t-zreset{font-size:11.5px;width:40px;border-radius:999px}
.t-zoom button:disabled{opacity:.35;cursor:default}
.t-zoom button:focus-visible{outline:2px solid var(--pen);outline-offset:2px}
.t-globe.flat path{vector-effect:non-scaling-stroke}
.t-globe.flat svg{overflow:hidden}
@media(max-width:980px){.t-map-in{grid-template-columns:1fr}.t-side{max-width:none}}
@media(max-width:820px){
  .t-counters{grid-template-columns:1fr 1fr}
  .t-c span br{display:none}
  .t-c:nth-child(2){border-right:0}
  .t-c:nth-child(3){padding-left:0}
  .t-c:nth-child(n+3){border-top:1px dashed var(--line)}
  .t-trend,.t-cols{grid-template-columns:1fr;gap:28px}
  .t-tdlist li{grid-template-columns:1fr auto}
  .t-tdlist time{grid-column:1/-1;padding:0}
  .t-hero{padding-top:36px}
}
@media(max-width:420px){.t-c b{font-size:28px}.t-tools .t-view{margin-left:0}}