/* De Paradox Trainer — paradox.tdgdigital.com (2026-11-02; was dut.tdgdigital.com/trainer/ sinds 2026-10-26). Zelfde huisstijl als Dutch Kahuna. */
@font-face{font-family:Clash;src:url(/fonts/clash-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Clash;src:url(/fonts/clash-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Onest;src:url(/fonts/onest.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--nacht:#0b1511;--woud:#12301f;--groen:#2f6b47;--mos:#8fb197;--sneeuw:#f2efe8;--papier:#f7f4ec;--inkt:#16211b;--rood:#e8322b;--rood-d:#c4231d;
  --kop:4.25rem;--gut:clamp(1rem,4vw,3rem);--max:78rem}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--kop)}
@media (min-width:1440px){html{font-size:clamp(100%,1.1111vw,200%)}:where(button,input,select,textarea){font-size:.8333rem}}
body{margin:0;background:var(--nacht);color:var(--sneeuw);font-family:Onest,system-ui,sans-serif;font-size:1.0625rem;line-height:1.6;-webkit-tap-highlight-color:transparent;overflow-x:hidden}
img,video,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
:focus-visible{outline:.125rem solid var(--rood);outline-offset:.2rem}
h1,h2,h3{font-family:Clash,sans-serif;font-weight:700;line-height:.98;word-spacing:.06em;margin:0;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
h1 em,h2 em{font-style:normal;color:var(--rood)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.label{display:flex;align-items:baseline;gap:.6rem;font-weight:600;font-size:.82rem;letter-spacing:.02em;margin:0 0 1.1rem}
.mark{display:inline-flex;flex-direction:column;width:1.3rem;height:.9rem;border-radius:.12rem;overflow:hidden;flex:0 0 auto;align-self:center}
.mark i{flex:1;background:var(--rood)}.mark i:nth-child(2){background:#fff}
.tk-wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gut)}

/* knoppen */
.tk-knop{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.9rem;padding:0 1.25rem;border-radius:62rem;font-weight:600;font-size:.95rem;text-decoration:none;
  border:1px solid transparent;transition:background .2s,border-color .2s,transform .2s;white-space:nowrap}
.tk-knop-rood{background:var(--rood);color:#fff}
.tk-knop-rood:hover{background:var(--rood-d)}
.tk-knop-licht{border-color:rgba(242,239,232,.35)}
.tk-knop-licht:hover{background:rgba(242,239,232,.1);border-color:rgba(242,239,232,.6)}
.tk-klein{font-size:.8rem;font-weight:600;min-height:2.2rem;padding:0 .8rem;border-radius:62rem;border:1px solid currentColor;opacity:.7;transition:opacity .2s}
.tk-klein:hover{opacity:1}

/* kop */
.tk-kop{position:fixed;inset:0 0 auto;z-index:20;height:calc(var(--kop) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--gut) 0;display:flex;align-items:center;gap:1.4rem;
  background:linear-gradient(rgba(11,21,17,.85),rgba(11,21,17,0));transition:background .3s}
.tk-kop.vast{background:rgba(11,21,17,.94);backdrop-filter:blur(.6rem);-webkit-backdrop-filter:blur(.6rem)}
.tk-logo{width:3.6rem;flex:0 0 auto;color:var(--sneeuw)}
.tk-logo svg{width:100%;aspect-ratio:1880/1404}
.tk-hfst{font-family:Clash,sans-serif;font-weight:600;font-size:1rem;white-space:nowrap}
.tk-hfst em{font-style:normal;color:var(--rood)}
.tk-nav{display:flex;gap:1.3rem;margin-left:auto;font-size:.88rem}
.tk-nav a{text-decoration:none;opacity:.75;transition:opacity .2s;white-space:nowrap}
.tk-nav a:hover,.tk-nav a.actief{opacity:1;text-decoration:underline;text-underline-offset:.35em;text-decoration-color:var(--rood)}
.tk-kop>.tk-knop{min-height:2.5rem;font-size:.85rem}

/* opening */
.tk-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
.tk-hero-beeld{position:absolute;inset:0}
.tk-hero-beeld img,.tk-hero-beeld video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.tk-hero-beeld video{opacity:0;transition:opacity 1.2s}
.tk-hero-beeld video.speelt{opacity:1}
.tk-hero-beeld::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,21,17,.82) 0%,rgba(11,21,17,.35) 55%,rgba(11,21,17,0) 80%),linear-gradient(0deg,var(--nacht) 0%,rgba(11,21,17,0) 40%)}
.tk-hero-tekst{position:relative;z-index:1;width:100%;max-width:var(--max);margin:0 auto;padding:calc(var(--kop) + 3rem) var(--gut) clamp(4.5rem,10vh,7rem)}
.tk-hero h1{font-size:clamp(3rem,8.4vw,7.6rem);max-width:12ch}
.tk-hero h1 em{display:inline-block}
.tk-lead{font-size:clamp(1.08rem,1.5vw,1.3rem);max-width:36rem;margin:1.6rem 0 2rem;color:rgba(242,239,232,.92)}
.tk-acties{display:flex;flex-wrap:wrap;gap:.7rem}
.tk-status{display:flex;align-items:baseline;gap:.6rem;margin:2rem 0 0;font-size:.85rem;color:rgba(242,239,232,.75);max-width:36rem}
.tk-stip{width:.55rem;height:.55rem;border-radius:50%;background:#f0b23c;flex:0 0 auto;box-shadow:0 0 0 .25rem rgba(240,178,60,.2);animation:tk-puls 2.4s infinite}
@keyframes tk-puls{50%{box-shadow:0 0 0 .5rem rgba(240,178,60,0)}}
.tk-omlaag{position:absolute;z-index:2;left:50%;bottom:1.2rem;transform:translateX(-50%);width:2.75rem;height:2.75rem;display:grid;place-items:center;opacity:.7;animation:tk-zak 2.2s infinite}
.tk-omlaag svg{width:1.5rem}
@keyframes tk-zak{50%{transform:translate(-50%,.35rem)}}
.tk-hero .woord{display:inline-block;opacity:0;transform:translateY(.4em);animation:tk-op .8s cubic-bezier(.2,.7,.1,1) forwards}
@keyframes tk-op{to{opacity:1;transform:none}}

/* secties */
.tk-sectie{padding:clamp(5rem,11vw,9rem) 0;position:relative}
.tk-sectie h2{font-size:clamp(2.3rem,5vw,4.4rem);max-width:20ch}
.tk-intro{max-width:44rem;margin:1.4rem 0 2.8rem;color:rgba(242,239,232,.85);font-size:clamp(1.02rem,1.25vw,1.15rem)}
.tk-noot{max-width:44rem;margin:2.6rem 0 0;font-size:.95rem;color:rgba(242,239,232,.7);padding-left:1rem;border-left:.18rem solid var(--rood)}
[data-r]{opacity:0;transform:translateY(1.2rem);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.1,1)}
[data-r].in{opacity:1;transform:none}

/* situatie */
.tk-situatie{background:var(--nacht)}
.tk-scene{margin:2.4rem 0 3.4rem;max-width:46rem}
.tk-scene p{font-family:Clash,sans-serif;font-weight:600;font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.18;margin:0 0 .9rem;word-spacing:.05em}
.tk-scene p:nth-child(2){transition-delay:.15s}.tk-scene p:nth-child(3){transition-delay:.3s}.tk-scene p:nth-child(4){transition-delay:.45s}
.tk-scene-stil{color:var(--rood)}
.tk-stemmen{display:grid;grid-template-columns:1fr auto 1fr;gap:1.4rem;align-items:center}
.tk-stem{margin:0;padding:1.8rem;border:1px solid rgba(242,239,232,.18);border-radius:.4rem;min-width:0}
.tk-stem-snel{border-top:.25rem solid var(--sneeuw)}
.tk-stem-bewust{border-top:.25rem solid var(--rood)}
.tk-stem-kop{font-weight:600;font-size:.82rem;color:var(--mos)}
.tk-stem blockquote{margin:.7rem 0 1rem;font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.45}
.tk-stem figcaption{font-size:.85rem;color:rgba(242,239,232,.6)}
.tk-stemmen-en{font-family:Clash,sans-serif;font-weight:700;font-size:2rem;color:var(--rood)}

/* paradox / tweesprong */
.tk-paradox{background:var(--woud)}
.tk-paradox h2{max-width:28ch;font-size:clamp(1.9rem,3.6vw,3.3rem);line-height:1.04}
.tk-sprong{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}
.tk-sprong-kaart{position:relative;background:var(--nacht);border-radius:.5rem;padding:1.2rem 1.2rem 1.4rem;overflow:hidden}
.tk-sprong-svg{width:100%;height:auto}
.tk-pad{fill:none;stroke-linecap:round;transition:stroke-width .35s,opacity .35s}
.tk-pad-snel{stroke:var(--sneeuw)}
.tk-pad-bewust{stroke:var(--rood);stroke-dasharray:2 14}
.tk-sprong-punt{fill:var(--nacht);stroke:var(--sneeuw);stroke-width:2}
.tk-sprong-vlag{transition:transform .35s cubic-bezier(.2,.7,.1,1)}
.tk-sprong-tk{fill:rgba(242,239,232,.6);font:600 15px Onest,sans-serif}
.tk-schuif{display:block;margin:.6rem 0 0;position:relative;z-index:1}
.tk-schuif input{width:100%;margin:0;height:2.75rem;accent-color:var(--rood);cursor:pointer}
.tk-schuif-as{display:flex;justify-content:space-between;font-size:.8rem;color:rgba(242,239,232,.6);margin-top:-.2rem}
.tk-band{position:absolute;left:1.2rem;right:1.2rem;bottom:3.35rem;height:2.75rem;pointer-events:none}
.tk-band i{position:absolute;top:.85rem;height:1.05rem;border-radius:62rem;background:rgba(143,177,151,.28);outline:1px dashed rgba(143,177,151,.7);transition:left .4s,width .4s,opacity .4s;opacity:0}
.tk-band.aan i{opacity:1}
.tk-keuze-kop{font-family:Clash,sans-serif;font-weight:600;font-size:1.5rem;line-height:1.15;margin:0 0 1.2rem;word-spacing:.05em}
.tk-wegen{margin:0 0 1.8rem;display:grid;gap:1.1rem}
.tk-wegen dt{font-size:.8rem;font-weight:600;color:var(--mos);margin-bottom:.2rem}
.tk-wegen dd{margin:0;min-height:3.2em}
.tk-context{border:0;margin:0;padding:0;display:grid;gap:.45rem}
.tk-context legend{font-weight:600;font-size:.9rem;margin-bottom:.6rem;padding:0}
.tk-context label{display:flex;align-items:flex-start;gap:.7rem;cursor:pointer;font-size:.95rem;line-height:1.35;padding:.55rem .7rem;border-radius:.35rem;border:1px solid rgba(242,239,232,.14);transition:background .2s,border-color .2s}
.tk-context label:hover{background:rgba(242,239,232,.05)}
.tk-context label:has(input:checked){border-color:var(--rood);background:rgba(232,50,43,.08)}
.tk-context input{accent-color:var(--rood);width:1.1rem;height:1.1rem;margin:.1rem 0 0;flex:0 0 auto}
.tk-wijzer{margin:1.4rem 0 0;font-size:.98rem;min-height:3em;padding-left:1rem;border-left:.18rem solid var(--mos)}
.tk-wijzer:empty{border-color:transparent}

/* modi */
.tk-modi{background:var(--nacht)}
.tk-modi-keus{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,2rem)}
.tk-modus{display:flex;flex-direction:column;text-align:left;border-radius:.5rem;overflow:hidden;background:var(--woud);transition:transform .35s cubic-bezier(.2,.7,.1,1)}
.tk-modus:hover{transform:translateY(-.3rem)}
.tk-modus-beeld{display:block;aspect-ratio:16/8;overflow:hidden}
.tk-modus-beeld img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.1,1)}
.tk-modus:hover .tk-modus-beeld img{transform:scale(1.05)}
.tk-modus-tekst{display:flex;flex-direction:column;gap:.55rem;padding:1.5rem 1.6rem 1.7rem}
.tk-modus-nr{font-weight:600;font-size:.8rem;color:var(--mos)}
.tk-modus strong{font-family:Clash,sans-serif;font-weight:700;font-size:clamp(1.45rem,2.2vw,1.95rem);line-height:1.05;word-spacing:.05em}
.tk-modus-tekst>span:not([class]){color:rgba(242,239,232,.8);font-size:.98rem}
.tk-modus-ga{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--rood);margin-top:.4rem}
.tk-modus-ga svg{width:1.1rem;transition:transform .3s}
.tk-modus:hover .tk-modus-ga svg{transform:translateX(.3rem)}

/* ruimtes (coach / oefen) */
.tk-ruimte{overflow:hidden}
.tk-ruimte-beeld{position:absolute;inset:0}
.tk-ruimte-beeld img,.tk-ruimte-beeld video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tk-ruimte-beeld video{opacity:0;transition:opacity 1.2s}
.tk-ruimte-beeld video.speelt{opacity:1}
.tk-ruimte-beeld::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,21,17,.92) 0%,rgba(11,21,17,.55) 30%,rgba(11,21,17,.7) 70%,var(--nacht) 100%)}
.tk-oefen .tk-ruimte-beeld::after{background:linear-gradient(180deg,var(--nacht) 0%,rgba(11,21,17,.6) 30%,rgba(11,21,17,.72) 70%,var(--nacht) 100%)}
.tk-ruimte-wrap{position:relative;z-index:1}
.tk-ruimte-kop{max-width:42rem;margin-bottom:2.4rem}
.tk-ruimte-kop p:not(.label){color:rgba(242,239,232,.85);margin:1.2rem 0 0}
.tk-sessie{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:clamp(1rem,2.5vw,2rem);align-items:start}

/* het notitieboek */
.tk-boek{background:var(--papier);color:var(--inkt);border-radius:.5rem;box-shadow:0 1.6rem 3.5rem rgba(0,0,0,.45);display:flex;flex-direction:column;min-height:34rem;
  background-image:repeating-linear-gradient(transparent 0 1.95rem,rgba(22,33,27,.06) 1.95rem calc(1.95rem + 1px))}
.tk-boek-kop{display:flex;align-items:center;gap:.9rem;padding:1rem 1.3rem;border-bottom:1px solid rgba(22,33,27,.12);background:var(--papier);border-radius:.5rem .5rem 0 0;flex-wrap:wrap}
.tk-boek-titel{font-family:Clash,sans-serif;font-weight:600;font-size:1.05rem}
.tk-boek-kop .tk-klein{margin-left:auto}
.tk-teller{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:rgba(22,33,27,.65)}
.tk-teller i{width:.7rem;height:.7rem;border-radius:50%;border:1.5px solid var(--rood);transition:background .3s}
.tk-teller i.vol{background:var(--rood)}
.tk-teller.klaar{color:var(--groen)}
.tk-rol{font-size:.78rem;font-weight:600;color:#fff;background:var(--rood);padding:.25rem .65rem;border-radius:.2rem}
.tk-log{flex:1;padding:1.4rem 1.3rem .4rem;display:flex;flex-direction:column;gap:1.05rem;min-height:18rem}
.tk-r{max-width:40rem;animation:tk-op .5s cubic-bezier(.2,.7,.1,1) both}
.tk-r-wie{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(22,33,27,.5);margin-bottom:.15rem}
.tk-r p{margin:0 0 .45rem}
.tk-r p:last-child{margin-bottom:0}
.tk-r-trainer .tk-r-wie{color:var(--groen)}
.tk-r-jij{align-self:flex-end;text-align:right;max-width:34rem}
.tk-r-jij p{font-family:Clash,sans-serif;font-weight:600;font-size:1.08rem;line-height:1.35;word-spacing:.04em}
.tk-r-noor{padding-left:.9rem;border-left:.2rem solid var(--rood)}
.tk-r-noor .tk-r-wie{color:var(--rood)}
.tk-r-noor p{font-style:italic}
.tk-r-actie{font-size:.85rem;color:rgba(22,33,27,.6);font-style:italic}
.tk-r-overgang{align-self:stretch;max-width:none;display:flex;align-items:center;gap:.8rem;font-size:.78rem;font-weight:600;color:var(--groen)}
.tk-r-overgang::before,.tk-r-overgang::after{content:"";flex:1;height:1px;background:rgba(47,107,71,.35)}
.tk-r-samen{background:rgba(47,107,71,.08);border-left:.2rem solid var(--groen);padding:.8rem 1rem;border-radius:0 .3rem .3rem 0}
.tk-r-samen ul{margin:.3rem 0 0;padding-left:1.1rem}
.tk-r-samen li{margin:.15rem 0}
.tk-r em.citaat{font-style:normal;background:linear-gradient(transparent 60%,rgba(232,50,43,.18) 60%)}
.tk-typt{display:inline-flex;gap:.25rem;padding:.3rem 0}
.tk-typt i{width:.4rem;height:.4rem;border-radius:50%;background:rgba(22,33,27,.4);animation:tk-typ 1s infinite}
.tk-typt i:nth-child(2){animation-delay:.15s}.tk-typt i:nth-child(3){animation-delay:.3s}
@keyframes tk-typ{40%{transform:translateY(-.25rem);background:var(--groen)}}
.tk-invoer{padding:1rem 1.3rem 1.3rem;border-top:1px solid rgba(22,33,27,.1);display:grid;gap:.6rem}
.tk-invoer:empty{display:none}
.tk-invoer textarea,.tk-invoer input[type=text]{width:100%;font:inherit;font-size:1rem;color:var(--inkt);background:#fff;border:1px solid rgba(22,33,27,.25);border-radius:.35rem;padding:.75rem .85rem;resize:vertical;min-height:3rem}
.tk-invoer textarea{min-height:5.6rem}
.tk-invoer textarea:focus,.tk-invoer input:focus{outline:none;border-color:var(--groen);box-shadow:0 0 0 .2rem rgba(47,107,71,.15)}
.tk-rij{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.tk-rij .tk-klein{opacity:.75}
.tk-kies{display:grid;gap:.5rem}
.tk-optie{text-align:left;padding:.8rem 1rem;border:1px solid rgba(22,33,27,.22);border-radius:.35rem;background:#fff;font-size:.98rem;line-height:1.4;transition:border-color .2s,background .2s,transform .2s;color:var(--inkt)}
.tk-optie:hover{border-color:var(--inkt);transform:translateX(.2rem)}
.tk-optie small{display:block;font-size:.78rem;color:rgba(22,33,27,.55);margin-top:.15rem}
.tk-optie b{font-weight:600}
.tk-ga{justify-self:start;background:var(--inkt);color:var(--papier);min-height:2.75rem;padding:0 1.2rem;border-radius:62rem;font-weight:600;font-size:.92rem;transition:background .2s}
.tk-ga:hover{background:var(--groen)}
.tk-ga[disabled]{opacity:.35;cursor:default}
.tk-ga.rood{background:var(--rood);color:#fff}
.tk-ga.rood:hover{background:var(--rood-d)}
.tk-hint{font-size:.8rem;color:rgba(22,33,27,.55);margin:0}
.tk-notitie{background:#fff;border:1px solid rgba(22,33,27,.18);border-radius:.4rem;padding:1.1rem 1.2rem;max-width:none;align-self:stretch}
.tk-notitie h3{font-size:1.25rem;margin:0 0 .7rem;color:var(--inkt)}
.tk-notitie dl{margin:0;display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:.35rem 1rem;font-size:.92rem}
.tk-notitie dt{color:rgba(22,33,27,.55);font-weight:600}
.tk-notitie dd{margin:0}
.tk-notitie .tk-open{color:rgba(22,33,27,.5);font-style:italic}

/* zijkolom */
.tk-zij{background:rgba(11,21,17,.78);border:1px solid rgba(242,239,232,.14);border-radius:.5rem;padding:1.3rem 1.3rem 1.4rem;backdrop-filter:blur(.4rem);-webkit-backdrop-filter:blur(.4rem);position:sticky;top:calc(var(--kop) + 1rem)}
.tk-zij-kop{font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mos);margin:0 0 .8rem}
.tk-practice,.tk-vijf{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.tk-practice li,.tk-vijf li{display:flex;align-items:baseline;gap:.7rem;font-size:.9rem;color:rgba(242,239,232,.5);transition:color .3s}
.tk-practice b,.tk-vijf b{font-family:Clash,sans-serif;width:1.6rem;height:1.6rem;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(242,239,232,.25);font-size:.85rem;transition:background .3s,border-color .3s,color .3s;align-self:center}
.tk-practice li.nu,.tk-vijf li.nu{color:var(--sneeuw)}
.tk-practice li.nu b,.tk-vijf li.nu b{background:var(--rood);border-color:var(--rood);color:#fff}
.tk-practice li.af,.tk-vijf li.af{color:rgba(242,239,232,.8)}
.tk-practice li.af b,.tk-vijf li.af b{background:var(--groen);border-color:var(--groen)}
.tk-zij-noot{font-size:.85rem;color:rgba(242,239,232,.72);margin:1.1rem 0 0;line-height:1.5}

/* bewijs */
.tk-bewijs{background:var(--woud)}
.tk-mannetjes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,2.5rem)}
.tk-man{margin:0;display:flex;flex-direction:column;gap:1rem}
.tk-man svg{width:100%;max-width:11rem;height:auto;margin:0 auto}
.tk-man figcaption{display:flex;flex-direction:column;gap:.25rem;text-align:center}
.tk-man strong{font-family:Clash,sans-serif;font-size:1.2rem;font-weight:600;word-spacing:.04em}
.tk-man span{font-size:.9rem;color:rgba(242,239,232,.7)}
.tk-man em{font-style:normal;font-size:.8rem;color:var(--mos);font-variant-numeric:tabular-nums}
.tk-spook{fill:none;stroke:rgba(242,239,232,.18);stroke-dasharray:3 4}
.tk-steen{transform-box:fill-box;transform-origin:center bottom;animation:tk-steen .7s cubic-bezier(.3,1.5,.5,1) both}
@keyframes tk-steen{from{transform:translateY(-2.5rem);opacity:0}}
.tk-kaart-uit{margin-top:3rem;background:var(--nacht);border-radius:.5rem;padding:1.3rem 1.4rem}
.tk-kaart-kop{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.tk-kaart-uit pre{white-space:pre-wrap;font:inherit;font-size:.92rem;margin:.4rem 0 0;color:rgba(242,239,232,.9)}

/* grenzen */
.tk-grenzen{background:var(--nacht)}
.tk-regels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:0 clamp(1.5rem,4vw,3.5rem)}
.tk-regels li{display:flex;gap:1.1rem;align-items:baseline;padding:1.4rem 0;border-top:1px solid rgba(242,239,232,.14)}
.tk-regel-nr{font-family:Clash,sans-serif;font-weight:600;color:var(--rood);font-size:.95rem;flex:0 0 auto}
.tk-regels strong{font-family:Clash,sans-serif;font-weight:600;font-size:1.25rem;display:block;margin-bottom:.35rem;word-spacing:.04em}
.tk-regels p{margin:0;color:rgba(242,239,232,.75);font-size:.96rem}

/* opbouw */
.tk-bouw{background:var(--woud)}
.tk-schema{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.tk-blok{display:flex;flex-direction:column;gap:.15rem;text-align:left;padding:.85rem 1.05rem;border-radius:.4rem;border:1px solid rgba(242,239,232,.25);background:rgba(11,21,17,.5);font-family:Clash,sans-serif;font-weight:600;font-size:1.05rem;line-height:1.15;transition:border-color .2s,background .2s}
.tk-blok small{font-family:Onest,sans-serif;font-weight:500;font-size:.72rem;color:var(--mos)}
.tk-blok:hover,.tk-blok.actief{border-color:var(--rood);background:rgba(232,50,43,.1)}
.tk-blok-start{background:var(--papier);color:var(--inkt);border-color:var(--papier)}
.tk-blok-start small{color:var(--groen)}
.tk-schema-twee{display:flex;flex-direction:column;gap:.5rem}
.tk-pijl{width:1.6rem;height:1px;background:rgba(242,239,232,.4);position:relative;flex:0 0 auto}
.tk-pijl::after{content:"";position:absolute;right:0;top:-.25rem;border:.25rem solid transparent;border-left:.35rem solid rgba(242,239,232,.6);border-right:0}
.tk-schema-info{margin:1.4rem 0 3rem;min-height:3.2em;max-width:46rem;padding-left:1rem;border-left:.18rem solid var(--rood)}
.tk-bronnen{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,2.5rem)}
.tk-bronnen p:not(.tk-zij-kop){margin:0;color:rgba(242,239,232,.78);font-size:.95rem}

/* slot */
.tk-slot{padding:clamp(6rem,13vw,10rem) 0;text-align:center;background:radial-gradient(ellipse at 50% 120%,rgba(232,50,43,.18),transparent 60%),var(--nacht)}
.tk-slot h2{font-size:clamp(2.5rem,6vw,5.2rem);margin:0 auto}
.tk-slot p{max-width:38rem;margin:1.5rem auto 2.2rem;color:rgba(242,239,232,.82)}
.tk-slot .tk-acties{justify-content:center}
.tk-voet{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.6rem var(--gut) calc(1.6rem + env(safe-area-inset-bottom));font-size:.85rem;color:rgba(242,239,232,.6);border-top:1px solid rgba(242,239,232,.1)}

/* tablet */
@media (max-width:1100px){
  .tk-nav{display:none}
  .tk-kop>.tk-knop{margin-left:auto}
  .tk-sessie{grid-template-columns:1fr}
  .tk-zij{position:static;order:-1;display:grid;grid-template-columns:auto 1fr;gap:.2rem 1.4rem;align-items:start}
  .tk-zij .tk-zij-kop{grid-column:1/-1}
  .tk-practice,.tk-vijf{grid-auto-flow:column;grid-template-rows:repeat(4,auto)}
  .tk-zij-noot{margin:0}
}
@media (max-width:860px){
  .tk-sprong{grid-template-columns:1fr}
  .tk-stemmen{grid-template-columns:1fr;gap:.8rem}
  .tk-stemmen-en{text-align:center;font-size:1.5rem}
  .tk-modi-keus{grid-template-columns:1fr}
  .tk-bronnen{grid-template-columns:1fr}
  .tk-zij{grid-template-columns:1fr}
  .tk-practice,.tk-vijf{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:1fr 1fr;gap:.35rem .8rem}
}
/* telefoon */
@media (max-width:600px){
  :root{--kop:3.6rem}
  body{font-size:1rem}
  .tk-logo{width:3rem}
  .tk-hfst{font-size:.92rem}
  .tk-kop>.tk-knop{padding:0 .9rem;min-height:2.4rem;font-size:.8rem}
  .tk-hero{align-items:flex-end}
  .tk-hero-beeld img,.tk-hero-beeld video{object-position:58% 50%}
  .tk-hero-beeld::after{background:linear-gradient(0deg,var(--nacht) 0%,rgba(11,21,17,.82) 45%,rgba(11,21,17,.15) 80%)}
  .tk-hero-tekst{padding-bottom:4.5rem}
  .tk-hero h1{font-size:clamp(2.6rem,13.5vw,4rem)}
  .tk-acties .tk-knop{flex:1 1 auto}
  .tk-stem{padding:1.3rem}
  .tk-sprong-kaart{padding:.8rem .8rem 1rem}
  .tk-band{left:.8rem;right:.8rem;bottom:2.95rem}
  .tk-boek{min-height:30rem}
  .tk-boek-kop{padding:.85rem 1rem}
  .tk-log{padding:1.1rem 1rem .4rem}
  .tk-invoer{padding:.9rem 1rem 1rem}
  .tk-practice,.tk-vijf{grid-template-columns:1fr}
  .tk-practice{grid-template-columns:repeat(7,1fr);gap:.3rem}
  .tk-practice span{display:none}
  .tk-practice li{justify-content:center}
  .tk-notitie dl{grid-template-columns:1fr;gap:.1rem}
  .tk-notitie dd{margin-bottom:.5rem}
  .tk-mannetjes{grid-template-columns:1fr;gap:2.2rem}
  .tk-man{flex-direction:row;align-items:center}
  .tk-man svg{width:6.5rem;margin:0}
  .tk-man figcaption{text-align:left}
  .tk-schema{flex-direction:column;align-items:stretch}
  .tk-pijl{width:1px;height:1.2rem;align-self:center}
  .tk-pijl::after{right:auto;left:-.25rem;top:auto;bottom:0;border:.25rem solid transparent;border-top:.35rem solid rgba(242,239,232,.6);border-bottom:0}
  .tk-schema-twee{flex-direction:row}
  .tk-schema-twee .tk-blok{flex:1}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  [data-r]{opacity:1;transform:none}
  html{scroll-behavior:auto}
}
/* paradox.tdgdigital.com (2026-11-02): kop niet afbreken ("we-gen"), logo groter zoals dut ronde 9 */
.tk-hero h1{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal}
.tk-logo{width:5rem}
@media (max-width:700px){.tk-logo{width:4rem}}
@media (max-width:420px){.tk-kop{gap:.6rem}.tk-logo{width:3.3rem}.tk-hfst{font-size:.9rem;line-height:1.1}.tk-kop>.tk-knop{padding:.55rem .8rem;font-size:.8rem;min-height:2.75rem;white-space:nowrap}}
.tk-kop>.tk-knop{min-height:2.75rem}
@media (max-width:380px){.tk-kop>.tk-knop{display:none}}
.tk-mannetjes>*{min-width:0}.tk-man figcaption{min-width:0}.tk-man strong{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}