/* Carwrapper worden (data-page="vak"). Breidt site.css uit, zelfde tokens en beweging. */

/* ---------- Kop ---------- */
.vak-hero h1{max-width:22ch}
.vak-hero h1 span{display:block;margin-top:.12em;font-weight:500;letter-spacing:-.03em;color:oklch(0.93 0.006 120)}
.vak-hero .lead{max-width:56ch}
.vak-hero .btn-ghost{color:var(--on-dark);box-shadow:inset 0 0 0 1px oklch(0.985 0.003 120 / .7)}
.vak-hero .btn-ghost::before{background:oklch(0.985 0.003 120 / .14)}
.vak-hero .next{margin-top:28px;color:var(--on-dark)}
.js .vak-hero .next{animation:fadeUp 1s var(--ease) .46s both}

#salaris,#leercurve,#startkist{padding-top:clamp(64px, 7vw, 112px)}
.vak-lead{max-width:58ch;margin:-24px 0 clamp(36px, 4vw, 56px);font-size:clamp(1.0625rem, 1.4vw, 1.1875rem);line-height:1.65;color:var(--ink-2)}
.vak-sectie > .bron,.vak-sectie .wrap > .bron{margin-top:22px;max-width:96ch}

/* ---------- Salaris ---------- */
.loon-top{display:grid;grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr);gap:clamp(36px, 6vw, 96px);align-items:end;margin-bottom:clamp(44px, 5vw, 72px)}
.loon-zin{margin-top:26px;font-size:clamp(1.65rem, 3vw, 2.5rem);font-weight:700;line-height:1.22;letter-spacing:-.03em;max-width:22ch}
.loon-zin b{font-weight:900;white-space:nowrap;background:linear-gradient(var(--sage),var(--sage)) 0 88%/100% .32em no-repeat}
.loon-uitleg{margin-top:22px;max-width:52ch;color:var(--ink-2);font-size:1.0625rem;line-height:1.65}

.loonband{margin:0;padding:clamp(22px, 3vw, 34px);background:var(--panel)}
.loonband figcaption{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.lb-plot{position:relative;margin-top:22px;--naam:9.5rem;--rechts:4.6rem}
.lb-as{position:absolute;inset:0 var(--rechts) 0 var(--naam);pointer-events:none}
.lb-as span{position:absolute;top:0;bottom:22px;left:calc(var(--t) * 100%);border-left:1px solid var(--line)}
.lb-rijen{list-style:none;margin:0;padding:0 0 26px;display:grid;gap:14px;position:relative}
.lb-rijen li{display:grid;grid-template-columns:var(--naam) minmax(0, 1fr);align-items:center}
.lb-naam{font-weight:800;font-size:.9375rem;line-height:1.2}
.lb-naam small{display:block;font-size:.8125rem;font-weight:600;color:var(--ink-2)}
.lb-baan{position:relative;height:30px;margin-right:var(--rechts)}
.lb-balk{position:absolute;top:7px;bottom:7px;left:calc(var(--a) * 100%);width:calc((var(--b) - var(--a)) * 100%);background:var(--olive-line);border-radius:0 2px 2px 0;transform-origin:left;transition:transform 1.1s var(--ease);transition-delay:calc(var(--i, 0) * 110ms + 250ms)}
.lb-top .lb-balk{background:var(--olive)}
.lb-tot{position:absolute;top:50%;left:calc(var(--b) * 100%);padding-left:8px;transform:translateY(-50%);font-size:.875rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.js .loonband:not(.is-in) .lb-balk{transform:scaleX(0)}
.js .loonband .lb-tot{transition:opacity .6s var(--ease);transition-delay:calc(var(--i, 0) * 110ms + 700ms)}
.js .loonband:not(.is-in) .lb-tot{opacity:0}
.lb-schaal{position:absolute;left:var(--naam);right:var(--rechts);bottom:0;height:18px;font-size:.75rem;color:var(--ink-2);font-variant-numeric:tabular-nums}
.lb-schaal span{position:absolute;left:calc(var(--t) * 100%);transform:translateX(-50%);white-space:nowrap}
.lb-schaal span:first-child{transform:none}
.lb-schaal span:last-child{transform:translateX(-100%)}
.lb-les{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:.9375rem;font-weight:600;max-width:46ch}

.loon-tabel .num{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.loon-tabel tbody th{white-space:nowrap}
.loon-tabel tbody tr:last-child th,.loon-tabel tbody tr:last-child td{background:var(--sage-tint)}
.loon-tabel tbody tr:last-child th{padding-left:12px}
.loon-tabel tbody tr th{padding-left:12px}
.loon-noten{margin-top:26px;display:grid;gap:10px;max-width:96ch}
.noot{font-size:1rem;line-height:1.6;max-width:72ch}
.noot b{font-weight:800}
.noot + .bron{margin-top:-2px}
.noot--licht{margin-top:16px;color:var(--ink-2)}

/* ---------- Loopbaanladder ---------- */
.vak-ladder{background:var(--panel);padding-top:clamp(72px, 8vw, 128px)}
.trap{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:10px;align-items:end}
.trap li{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:calc(240px + var(--n) * 52px);padding:22px 20px 24px;background:var(--paper);border-top:3px solid var(--ink);transition-delay:calc(var(--n) * 90ms)}
.trap li:last-child{background:var(--sage)}
.trap-nr{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--ink);font-weight:800;font-variant-numeric:tabular-nums}
.trap li:last-child .trap-nr{background:var(--paper)}
.trap h3{margin-top:18px;font-size:1.1875rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;hyphens:auto}
.trap p{margin-top:8px;font-size:.9375rem;line-height:1.5;color:var(--ink-2)}
.trap li:last-child p{color:var(--ink)}
.trap-cursus{display:none;margin-top:14px}
.trap-haken{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:10px;margin-top:14px}
.haak{grid-column:var(--van) / var(--tot);position:relative;padding-top:16px;font-size:.875rem;color:var(--ink-2)}
.haak::before{content:"";position:absolute;top:0;left:0;right:0;height:9px;border:1.5px solid var(--olive);border-top:0}
.haak b{color:var(--ink);font-weight:800}
.trap-eerlijk{margin:clamp(48px, 6vw, 84px) 0 0;font-size:clamp(1.5rem, 2.8vw, 2.25rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;max-width:28ch}
.vraagt{display:grid;grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr);gap:clamp(40px, 6vw, 96px);margin-top:clamp(56px, 6vw, 96px);padding-top:clamp(40px, 4vw, 56px);border-top:1px solid var(--line)}
.vraagt .checklist li b{font-weight:800}
.vraagt .bron{margin-top:20px}
.vraagt-diploma > p + p{margin-top:14px}
.vraagt-diploma > p{color:var(--ink-2);max-width:52ch;line-height:1.65}
.vraagt-diploma > p.bron{margin-top:20px}

/* ---------- Leercurve ---------- */
.curve{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:24px;position:relative}
.curve::before{content:"";position:absolute;top:9px;left:0;right:0;height:1px;background:var(--ink);transform-origin:left;transition:transform 1.4s var(--ease-quart) .2s}
.js .curve:not(.is-in)::before{transform:scaleX(0)}
.curve li{position:relative;padding-top:40px}
.curve li::before{content:"";position:absolute;top:0;left:0;width:19px;height:19px;border-radius:50%;background:var(--paper);border:1.5px solid var(--ink);transition:transform .7s var(--ease),background-color .5s;transition-delay:calc(var(--i) * 140ms + 300ms)}
.js .curve:not(.is-in) li::before{transform:scale(0)}
.curve li.curve-pro::before{background:var(--sage)}
.curve-wanneer{font-size:.8125rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--olive)}
.curve h3{margin-top:8px;font-size:clamp(1.375rem, 2vw, 1.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.15}
.curve p{margin-top:8px;color:var(--ink-2);font-size:.9375rem;line-height:1.55;max-width:28ch}
.curve-tip{margin-top:clamp(44px, 5vw, 64px);max-width:760px}

/* ---------- Rekenvoorbeeld ---------- */
.vak-reken{background:var(--sage-tint);padding-top:clamp(72px, 8vw, 128px)}
.reken-kop .tag-red{display:inline-block;margin-bottom:20px}
.reken-kop .h2{max-width:20ch}
.reken-kop .vak-lead{margin-top:18px}
.reken{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.05fr);gap:clamp(20px, 3vw, 40px);align-items:start}
.reken-in{display:grid;gap:30px;padding:clamp(24px, 3vw, 40px);background:var(--paper)}
.rv-mini{display:none}
.rv-kop{display:flex;align-items:center;justify-content:space-between;gap:16px}
.rv-kop label{font-weight:800;font-size:1rem}
.rv-num{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 12px;border:1px solid var(--field-line);background:var(--paper);font-weight:800;font-variant-numeric:tabular-nums;transition:border-color .25s var(--ease-quart)}
.rv-num:focus-within{border-color:var(--ink);outline:2px solid var(--red);outline-offset:2px}
.rv-num:hover{border-color:var(--ink-2)}
.rv-num span{color:var(--ink-2);font-weight:700}
.rv-num input{width:5.2ch;min-height:46px;border:0;background:none;font:inherit;font-size:1.125rem;color:var(--ink);text-align:right;padding:0;-moz-appearance:textfield;appearance:textfield}
.rv-num input:focus{outline:none}
.rv-num input::-webkit-outer-spin-button,.rv-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.reken-veld .hint{margin-top:10px;display:flex;gap:10px;align-items:flex-start}
.rv-bandje{flex:none;width:22px;height:8px;margin-top:.45em;background:var(--sage-deep)}

.rv-range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:10px 0 0;background:none;cursor:pointer;--baan:linear-gradient(var(--grey-deep),var(--grey-deep))}
.rv-range--band{--baan:linear-gradient(90deg, var(--grey-deep) 0 28.57%, var(--sage-deep) 28.57% 71.43%, var(--grey-deep) 71.43%)}
.rv-range::-webkit-slider-runnable-track{height:6px;background:var(--baan)}
.rv-range::-moz-range-track{height:6px;background:var(--baan)}
.rv-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;background:var(--paper);border:2px solid var(--ink);border-radius:1px;box-shadow:0 2px 6px -2px oklch(0.2 0.01 120 / .4);transition:transform .35s var(--ease)}
.rv-range::-moz-range-thumb{width:22px;height:22px;background:var(--paper);border:2px solid var(--ink);border-radius:1px;box-shadow:0 2px 6px -2px oklch(0.2 0.01 120 / .4);transition:transform .35s var(--ease)}
.rv-range:hover::-webkit-slider-thumb,.rv-range:active::-webkit-slider-thumb{transform:scale(1.12)}
.rv-range:hover::-moz-range-thumb,.rv-range:active::-moz-range-thumb{transform:scale(1.12)}
.rv-range:focus-visible{outline:2px solid var(--red);outline-offset:2px}

.reken-aannames{padding-top:22px;border-top:1px solid var(--line)}
.reken-aannames h3{font-size:.8125rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.reken-aannames .nietlijst{gap:8px;font-size:.9375rem}
.reken-aannames .linkbtn{margin-top:16px;min-height:44px;font-size:.9375rem}

.reken-uit{position:sticky;top:calc(var(--header-h) + 76px);padding:clamp(24px, 3vw, 40px);background:var(--ink);color:var(--on-dark)}
.ru-label{font-size:.9375rem;line-height:1.45;color:oklch(0.88 0.006 120);max-width:36ch}
.ru-over{margin-top:10px;font-size:clamp(3.25rem, 7vw, 5.5rem);font-weight:900;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.ru-uur{margin-top:14px;font-size:1.25rem;font-weight:600;line-height:1.4}
.ru-uur b{font-weight:900;font-variant-numeric:tabular-nums}
.ru-uur span{display:block;font-size:.875rem;font-weight:500;color:oklch(0.82 0.006 120)}

.meter{margin-top:34px}
.meter-baan{position:relative;height:10px;margin-top:40px;background:linear-gradient(90deg, oklch(0.62 0.13 30) 0 31.67%, oklch(0.42 0.008 120) 31.67%)}
.meter-baan{container-type:inline-size}
.meter-baan > span{position:absolute;top:0;bottom:0;left:0;width:0;transform:translateX(calc(var(--p) * 100cqw));pointer-events:none}
.meter-grens i,.meter-gem i{position:absolute;left:-1px;top:-8px;width:2px;height:26px;background:var(--on-dark)}
.meter-gem i{background:var(--sage)}
.meter-jij{transition:transform .7s var(--ease)}
.meter-jij i{position:absolute;left:-12px;top:-7px;width:24px;height:24px;border-radius:50%;background:var(--sage);border:3px solid var(--ink);box-shadow:0 0 0 1px var(--sage)}
.meter-jij b{position:absolute;left:0;bottom:calc(100% + 16px);transform:translateX(-50%);padding:2px 8px;background:var(--sage);color:var(--ink);font-size:.8125rem;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}
.is-laag .meter-jij i,.is-laag .meter-jij b{background:oklch(0.78 0.11 30)}
.meter-as{display:flex;justify-content:space-between;margin-top:12px;font-size:.75rem;color:oklch(0.8 0.006 120);font-variant-numeric:tabular-nums}

.ru-waarschuwing{margin-top:26px;color:var(--ink)}
.ru-waarschuwing[hidden]{display:none}
.ru-waarschuwing h3{color:var(--red)}
.ru-waarschuwing p{color:var(--ink)}
.ijk{margin:28px 0 0;display:grid;gap:0}
.ijk > div{padding:16px 0;border-top:1px solid oklch(0.985 0.003 120 / .18)}
.ijk dt{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.0625rem;font-variant-numeric:tabular-nums}
.ijk dt i{width:2px;height:18px;background:var(--on-dark)}
.ijk-gem dt i{background:var(--sage)}
.ijk dd{margin:6px 0 0 12px;font-size:.9375rem;line-height:1.55;color:oklch(0.88 0.006 120);max-width:52ch}
.vak-reken .bron{margin-top:26px}

/* ---------- Startkist ---------- */
.kist{display:grid;grid-template-columns:minmax(0, 1.55fr) minmax(0, 1fr);gap:clamp(32px, 5vw, 72px);align-items:start}
.kist-tabel tbody th{font-weight:700;max-width:30ch}
.kist-tabel .num{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.kist-tabel td:last-child{color:var(--ink-2);font-size:.875rem}
.kist-tabel a{text-underline-offset:2px}
.kist-samen{padding:clamp(24px, 3vw, 36px);background:var(--panel)}
.kist-totaal{margin-top:14px;font-size:clamp(2rem, 3.4vw, 2.75rem);font-weight:900;letter-spacing:-.04em;line-height:1.05}
.kist-totaal span{display:block;margin-top:6px;font-size:1rem;font-weight:700;letter-spacing:0}
.kist-samen > p:not(.kist-totaal){margin-top:14px;color:var(--ink-2);line-height:1.6}
.kist-samen .kist-niet{color:var(--ink)}
.kist-niet b{font-weight:800}
.kist-cursus{padding-top:14px;border-top:1px solid var(--line)}

/* ---------- Zzp-checklist ---------- */
.check-blok{position:relative;padding:clamp(28px, 4.5vw, 64px);background:var(--paper);box-shadow:inset 0 0 0 1px var(--ink)}
.check-blok::after{content:"";position:absolute;top:0;right:0;width:clamp(36px, 5vw, 64px);aspect-ratio:1;background:linear-gradient(225deg, var(--bg) 50%, var(--grey-deep) 50%);box-shadow:-1px 1px 0 var(--ink)}
.check-kop{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px;padding-right:clamp(36px, 5vw, 64px);margin-bottom:44px}
.check-kop .h2{max-width:18ch}
.check-blok .vak-lead{margin-top:-20px}
.zzp-lijst{counter-reset:zzp;gap:0}
.zzp-lijst li{padding:24px 0 24px 44px;border-top:1px solid var(--line)}
.zzp-lijst li::before{top:calc(24px + .15em);width:24px;height:24px}
.zzp-lijst li::after{left:7px;top:calc(24px + .15em + 7px);width:9px;height:5px}
.zzp-lijst h3{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.3}
.zzp-lijst p{margin-top:6px;max-width:68ch;color:var(--ink-2);line-height:1.6}
.zzp-lijst p:not(.bron) a{color:var(--ink);font-weight:700;text-underline-offset:3px}
.zzp-lijst .bron{margin-top:8px}
.check-blok > .bron{padding-top:20px;border-top:1px solid var(--line)}
.check-printkop{font-size:.8125rem;margin-bottom:12px}

/* ---------- Wie betaalt ---------- */
.betalers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0 clamp(32px, 5vw, 72px);border-top:1px solid var(--ink)}
.betalers li{padding:28px 0 30px;border-bottom:1px solid var(--line)}
.bt-wie{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.bt-wie h3{font-size:1.375rem;font-weight:800;letter-spacing:-.02em}
.betalers p:not(.bron){margin-top:10px;color:var(--ink-2);line-height:1.65;max-width:60ch}
.betalers p:not(.bron) a{color:var(--ink);font-weight:700;text-underline-offset:3px}
.betalers .bron{margin-top:10px}
.betalers-meer{margin-top:32px}

/* ---------- Vacatures ---------- */
.vac{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:clamp(36px, 6vw, 96px);align-items:center}
.vac-groot{margin-top:28px;font-size:clamp(1.5rem, 2.6vw, 2.125rem);font-weight:700;letter-spacing:-.03em;line-height:1.25;max-width:24ch}
.vac-groot b{font-weight:900;font-variant-numeric:tabular-nums;background:linear-gradient(var(--sage),var(--sage)) 0 88%/100% .32em no-repeat}
.vac-tekst > p:not(.vac-groot):not(.bron){margin-top:18px;color:var(--ink-2);line-height:1.65;max-width:54ch;font-size:1.0625rem}
.vac-tekst .vac-eerlijk{color:var(--ink)}
.vac-eerlijk b{font-weight:800}
.vac-tekst .bron{margin-top:20px}
.vac-foto{margin:0}
.vac-foto .crop{aspect-ratio:5/4}
.vac-foto .crop img{--x:22%;--y:62%}
.vac-foto:hover .crop{--hz:1.04}
.vac-foto figcaption{margin-top:10px;font-size:.8125rem;color:var(--ink-2)}

/* ---------- FAQ ---------- */
.faq-grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);gap:clamp(32px, 5vw, 80px);align-items:start}
.faq-grid .head{position:sticky;top:calc(var(--header-h) + 80px)}
.faq-grid .h2{max-width:12ch}
.vak-faq .faq a{color:var(--ink);font-weight:700;text-underline-offset:3px}
.vak-faq .bron{margin-top:20px}

/* ---------- Afsluiter ---------- */
.vak-slot{padding-top:clamp(64px, 7vw, 112px);border-top:1px solid var(--line)}
.slot-kop .vak-lead{margin-top:18px}
.slot-kop .vak-lead span{color:var(--ink);font-weight:800;white-space:nowrap}
.slot-onder{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;margin-top:36px}
.slot-nazorg{max-width:52ch;font-size:1.125rem;font-weight:600;line-height:1.55}
.slot-btns{display:flex;flex-wrap:wrap;gap:12px}
.vak-slot > .bron{margin-top:28px}

/* ---------- Responsive ---------- */
@media (max-width: 1180px){
  .trap{grid-template-columns:1fr;gap:8px}
  .trap li{min-height:0;display:grid;grid-template-columns:40px minmax(0, 1fr);column-gap:18px;padding:20px 20px 22px;margin-left:calc(var(--n) * 4%)}
  .trap-nr{grid-row:1 / span 3}
  .trap h3{margin-top:7px}
  .trap p,.trap-cursus{grid-column:2}
  .trap-cursus{display:inline-flex;justify-self:start}
  .trap li:last-child .trap-cursus{background:var(--paper)}
  .trap-haken{display:none}
}
@media (max-width: 900px){
  .loon-top,.vraagt,.reken,.kist,.vac,.faq-grid{grid-template-columns:1fr}
  .reken-uit{position:relative;top:auto}
  .rv-mini{display:block;position:sticky;top:var(--header-h);z-index:2;margin:calc(-1 * clamp(24px, 3vw, 40px)) calc(-1 * clamp(24px, 3vw, 40px)) 0;padding:12px clamp(24px, 3vw, 40px);background:var(--ink);color:var(--on-dark);font-size:.9375rem;font-variant-numeric:tabular-nums}
  .rv-mini b{font-weight:900}
  .is-laag .rv-mini b:last-child{color:oklch(0.8 0.11 30)}
  .faq-grid .head{position:static}
  .curve{grid-template-columns:1fr;gap:0;padding-left:36px}
  .curve::before{top:6px;bottom:6px;left:9px;right:auto;width:1px;height:auto;transform-origin:top}
  .js .curve:not(.is-in)::before{transform:scaleY(0)}
  .curve li{padding:0 0 30px}
  .curve li::before{left:-36px;top:3px}
  .curve p{max-width:52ch}
  .betalers{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .vak-lead{margin-top:-12px}
  .lb-plot{--naam:7.4rem;--rechts:3.9rem}
  .lb-naam{font-size:.875rem}
  .lb-naam small{font-size:.75rem}
  .lb-tot{font-size:.8125rem}
  .loon-zin b{white-space:normal}
  .loon-tabel tbody tr th,.loon-tabel tbody tr:last-child th{padding-left:0}
  .lb-schaal span:nth-child(2n){display:none}
  .vak-hero::after{background:linear-gradient(0deg, oklch(0.17 0.01 120 / .78) 0%, oklch(0.17 0.01 120 / .58) 100%)}
  .loon-tabel tbody tr:last-child{background:var(--sage-tint);margin-inline:-12px;padding-inline:12px}
  .loon-tabel tbody tr:last-child th,.loon-tabel tbody tr:last-child td{background:none}
  .loon-tabel .num,.kist-tabel .num{white-space:normal}
  /* De loonband erboven toont de bedragen al; op een telefoon is elke rij één compact blok zonder labelkolom. */
  .loon-tabel tr,.kist-tabel tr{display:grid;grid-template-columns:auto minmax(0, 1fr);gap:4px 10px;padding:16px 0}
  .loon-tabel tbody th,.kist-tabel tbody th{padding:0;font-size:1.0625rem}
  .loon-tabel td,.kist-tabel td{display:block;padding:0}
  .loon-tabel td::before,.kist-tabel td::before{content:none}
  .loon-tabel td[data-label="Functie"]{font-size:1.0625rem;font-weight:700}
  .loon-tabel td[data-label="Wat je doet"]{grid-column:1 / -1;color:var(--ink-2)}
  .loon-tabel td.num{grid-column:1 / -1;margin-top:4px;font-size:1.0625rem}
  .kist-tabel tbody th{grid-column:1 / -1;max-width:none}
  .kist-tabel td.num{font-size:1rem}
  .kist-tabel td:last-child{align-self:center}
  .kist-tabel td:last-child::before{content:"· ";color:var(--ink-2)}
  .trap li{margin-left:calc(var(--n) * 3%)}
  .check-blok{padding:28px 20px}
  .check-kop{padding-right:40px}
  .zzp-lijst li{padding-left:38px}
  .rv-kop{flex-wrap:wrap;gap:8px 16px}
  .slot-btns,.slot-btns .btn{width:100%}
}
@media (prefers-reduced-motion: reduce){
  .js .loonband:not(.is-in) .lb-balk,.js .curve:not(.is-in)::before,.js .curve:not(.is-in) li::before{transform:none}
  .js .loonband:not(.is-in) .lb-tot{opacity:1}
}

/* ---------- Print: de knop print alleen de checklist ---------- */
@media print{
  html.print-checklist main > *:not(#checklist){display:none !important}
  html.print-checklist #checklist{padding:0}
  .check-blok{box-shadow:none;padding:0}
  .check-blok::after{display:none}
  .vak-reken,.vak-ladder{background:none}
  .reken-uit{position:static}
  .zzp-lijst li{break-inside:avoid}
}