/* Eigen blokken van het verhaal over de 30 video's voor Teamenergie. Alleen --sv-tokens en het 8px-raster. */
.tv-l{display:block;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sv-merk-donker)}
.tv-onder{font-size:15px;color:var(--sv-inkt-licht);margin:var(--sv-s2) 0 0}
.tv-groot{font-family:var(--sv-font-kop);font-weight:var(--sv-kop-gewicht);font-size:clamp(28px,4vw,52px);line-height:1.05;letter-spacing:-.03em;margin:var(--sv-s1) 0 0}

/* B-roll: beeld op volle sterkte, tekst op een eigen donker vlak */
.tv-broll{position:relative;background:#0A0A0B;margin-top:var(--sv-s6);margin-bottom:var(--sv-s6)}
.tv-broll-video{position:relative;width:100%;aspect-ratio:16/9;max-height:88vh;overflow:hidden;background:#0A0A0B}
.tv-broll-video video,.tv-broll-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tv-broll-vlak{position:absolute;left:var(--sv-s5);bottom:var(--sv-s5);max-width:560px;background:#0A0A0B;color:#F5F5F6;padding:var(--sv-s4) var(--sv-s5);border-radius:var(--sv-radius);border-left:6px solid var(--sv-merk)}
.tv-broll-vlak .tv-l{color:var(--sv-merk)}
@media (max-width:700px){
  .tv-broll-video{aspect-ratio:4/5}
  .tv-broll-vlak{position:relative;left:auto;bottom:auto;max-width:none;border-radius:0;border-left:0;border-top:6px solid var(--sv-merk);padding:var(--sv-s3)}
}

/* Tegel: poster met speelknop, wordt bij een klik de video zelf */
.tv-tegel{position:relative;aspect-ratio:var(--r,16/9);border-radius:14px;overflow:hidden;background:#0A0A0B}
.tv-tegel video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.tv-speelknop{all:unset;cursor:pointer;position:absolute;inset:0;display:block}
.tv-speelknop img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.tv-speelknop:hover img,.tv-speelknop:focus-visible img{transform:scale(1.04)}
.tv-speelknop:focus-visible{outline:3px solid var(--sv-merk);outline-offset:-3px}
.tv-speel{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--sv-merk);color:#0A0A0B;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .25s ease}
.tv-speelknop:hover .tv-speel{transform:scale(1.1)}
.tv-duur{position:absolute;right:var(--sv-s1);bottom:var(--sv-s1);background:#0A0A0B;color:#F5F5F6;font-size:14px;font-weight:700;padding:4px 8px;border-radius:6px}

/* Alle video's voor de site */
.tv-clips figure{margin:0}
.tv-item figcaption{font-size:15px;font-weight:600;color:var(--sv-inkt);margin-top:var(--sv-s1);line-height:1.3}
.tv-groot-item{margin-bottom:var(--sv-s4)!important}
.tv-groot-item figcaption{display:flex;justify-content:space-between;gap:var(--sv-s2);align-items:baseline;flex-wrap:wrap}
.tv-groot-item figcaption b{font-family:var(--sv-font-kop);font-size:24px;font-weight:var(--sv-kop-gewicht)}
.tv-groot-item figcaption span{font-size:15px;color:var(--sv-inkt-licht);font-weight:400}
.tv-tegel-groot .tv-speel{width:88px;height:88px;margin:-44px 0 0 -44px}
.tv-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sv-s3) var(--sv-s2)}
.tv-raster>*{min-width:0}
@media (max-width:900px){.tv-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Voor en na */
.tv-vn-kop{display:flex;justify-content:space-between;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sv-inkt-licht);margin-bottom:var(--sv-s1)}
.tv-vn-doek{position:relative;overflow:hidden;border-radius:var(--sv-radius);background:#0A0A0B;touch-action:pan-y}
.tv-vn-doek img{display:block;width:100%;height:auto}
.tv-vn-voor{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.tv-vn-voor img{width:100%;height:100%;object-fit:cover}
.tv-vn-lijn{position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:var(--sv-merk);pointer-events:none}
.tv-vn-lijn i{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--sv-merk);box-shadow:0 6px 20px rgba(0,0,0,.35)}
.tv-vn-lijn i::before,.tv-vn-lijn i::after{content:"";position:absolute;top:50%;margin-top:-6px;border:6px solid transparent}
.tv-vn-lijn i::before{left:6px;border-right-color:#0A0A0B}
.tv-vn-lijn i::after{right:6px;border-left-color:#0A0A0B}
.tv-vn-schuif{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.tv-vn-smal{max-width:420px;margin-left:auto;margin-right:auto}

/* Per pagina de vraag en de clip */
.tv-koppel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--sv-s4);align-items:center;padding:var(--sv-s4) 0;border-top:1px solid var(--sv-lijn)}
.tv-koppel:first-child{border-top:0;padding-top:0}
.tv-koppel-tekst p{font-size:17px;line-height:1.5;margin:var(--sv-s1) 0 0;color:var(--sv-inkt-zacht)}
.tv-koppel-tekst .tv-vraag{font-family:var(--sv-font-kop);font-weight:var(--sv-kop-gewicht);font-size:clamp(22px,2.4vw,30px);line-height:1.15;letter-spacing:-.02em;color:var(--sv-inkt-sterk)}
@media (max-width:760px){.tv-koppel{grid-template-columns:minmax(0,1fr);gap:var(--sv-s2)}}

/* De shorts: staand naast elkaar, op smal een rij om te vegen */
.tv-muur{padding:var(--sv-s4) 0}
.tv-muur-baan{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--sv-s2);padding:0 var(--sv-s4)}
.tv-short{margin:0;min-width:0}
.tv-tegel-staand .tv-speel{width:52px;height:52px;margin:-26px 0 0 -26px}
.tv-muur .tv-onder{padding:0 var(--sv-s4)}
@media (max-width:1100px){
  .tv-muur-baan{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--sv-s2)}
  .tv-short{flex:0 0 46%;scroll-snap-align:start}
}
@media (min-width:600px) and (max-width:1100px){.tv-short{flex-basis:28%}}

/* Stap 2 en 3 van het proces: echte tekst uit het transcript en het videoplan, op donker */
.tv-stapel-vrij{background:#0A0A0B;color:#F5F5F6;display:flex;align-items:center}
.tv-paneel-tekst{padding:var(--sv-s4);width:100%}
.tv-paneel-tekst .tv-l{color:var(--sv-merk);margin-bottom:var(--sv-s2)}
.tv-transcript,.tv-plan{list-style:none;margin:0;padding:0}
.tv-transcript li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--sv-s2);padding:10px 0;border-top:1px solid #2a2a2e;font-size:17px;line-height:1.4}
.tv-plan li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 56px;gap:var(--sv-s2);padding:12px 0;border-top:1px solid #2a2a2e;font-size:17px;line-height:1.3;align-items:baseline}
.tv-plan b{font-weight:700}
.tv-tijd{font-family:ui-monospace,Menlo,monospace;font-size:15px;color:var(--sv-merk)}
@media (max-width:700px){.tv-plan li{grid-template-columns:minmax(0,1fr) 56px}.tv-plan li span:not(.tv-tijd){grid-column:1/-1;order:3}}

/* De voet-onthulling van de site (_voetonthul.py) zet de voet vast achter de pagina. De motor zette .sv-sitevoet
   op z-index 85, waardoor de voet over het artikel kwam te liggen en door doorzichtige blokken heen scheen.
   Het artikel krijgt daarom een eigen vlak boven de voet. */
body.onthul .sv-sitevoet{z-index:auto}
body.onthul main.sv-hoofd{position:relative;z-index:1;background:var(--sv-bg)}

/* De nieuwe site van Teamenergie: paginabreed in een browservenster, op donker */
.tv-site{background:radial-gradient(70% 50% at 50% 20%,#3A1730 0,#0A0A0B 72%);padding:var(--sv-s10) var(--sv-s5);margin-top:var(--sv-s6);margin-bottom:var(--sv-s6);color:#F5F5F6}
.tv-site-kop{max-width:1180px;margin:0 auto var(--sv-s6);display:flex;flex-wrap:wrap;gap:var(--sv-s2) var(--sv-s6);align-items:flex-end;justify-content:space-between;padding-right:96px}
.tv-site-kop .tv-groot{color:#F5F5F6;margin:0}
.tv-site-uitleg{margin:0;font-size:17px;line-height:1.45;color:#B9B9C0;max-width:38ch}
.tv-site-lijst{display:grid;gap:var(--sv-s10);max-width:1180px;margin:0 auto}
.tv-site-item{margin:0;min-width:0}
.tv-site-venster{border-radius:16px;overflow:hidden;box-shadow:0 60px 120px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.12)}
.tv-site-balk{height:40px;background:#1C1A1F;display:flex;align-items:center;gap:8px;padding:0 16px}
.tv-site-balk i{width:12px;height:12px;border-radius:50%;background:#3C3940}
.tv-site-balk span{margin-left:12px;font-size:14px;color:#A9A6AE;background:#121014;border-radius:6px;padding:4px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tv-site-vak{height:clamp(440px,74vh,780px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:#FFFFFF}
.tv-site-vak::-webkit-scrollbar{display:none}
.tv-site-vak:focus-visible{outline:3px solid var(--sv-merk);outline-offset:-3px}
.tv-site-doek{position:relative}
.tv-site-doek img{display:block;width:100%;height:auto;max-width:none}
.tv-hot{position:absolute;border-radius:12px;overflow:hidden}
.tv-hot .tv-speelknop{border-radius:12px;transition:box-shadow .25s ease}
.tv-hot .tv-speelknop:hover,.tv-hot .tv-speelknop:focus-visible{box-shadow:inset 0 0 0 4px var(--sv-merk)}
.tv-hot video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.tv-site-item figcaption{display:flex;flex-wrap:wrap;gap:var(--sv-s1) var(--sv-s2);align-items:baseline;padding:var(--sv-s3) var(--sv-s1) 0}
.tv-site-item figcaption .tv-l{color:var(--sv-merk);margin:0}
.tv-site-item figcaption b{font-family:var(--sv-font-kop);font-size:24px;line-height:1.2;color:#F5F5F6}
.tv-onder-licht{color:#9C9CA4;max-width:1180px;margin-left:auto;margin-right:auto}
@media (max-width:900px){
  .tv-site{padding:var(--sv-s6) var(--sv-s2)}
  .tv-site-kop{padding-right:56px}
  .tv-site-vak{height:62vh}
  .tv-site-balk span{display:none}
}

.tv-site-film{position:relative;aspect-ratio:1440/900;background:#0A0A0B}
.tv-site-film video,.tv-site-film .tv-auto-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* Overlay: de video groot, de reeks ernaast. Liggend: info rechts. Staand (shorts): video in het midden-links, info rechts. */
html.tv-ov-aan{overflow:hidden}
.tv-ov{position:fixed;inset:0;z-index:300;display:grid;place-items:center;visibility:hidden;opacity:0;transition:opacity .35s ease,visibility 0s linear .35s}
.tv-ov.open{visibility:visible;opacity:1;transition:opacity .35s ease}
.tv-ov-achter{position:absolute;inset:0;background:rgba(10,10,11,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.tv-ov-doos{position:relative;width:min(1320px,94vw);max-height:92vh;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--sv-s5);align-items:center;color:#F5F5F6;transform:scale(.96) translateY(12px);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.tv-ov.open .tv-ov-doos{transform:none}
.tv-ov-speler{position:relative;aspect-ratio:16/9;max-height:82vh;width:100%;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 60px 140px -40px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.08)}
.tv-ov-speler video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.tv-ov.staand .tv-ov-doos{width:min(1040px,94vw);grid-template-columns:auto 380px;justify-content:center}
.tv-ov.staand .tv-ov-speler{aspect-ratio:9/16;height:84vh;width:auto;max-height:none}
.tv-ov-sluit{position:absolute;top:-56px;right:0;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#1C1A1F;color:#F5F5F6;display:grid;place-items:center;cursor:pointer}
.tv-ov-sluit:hover,.tv-ov-sluit:focus-visible{background:var(--sv-merk);color:#0A0A0B;outline:none}
.tv-ov-info{min-width:0;display:flex;flex-direction:column;gap:var(--sv-s2);max-height:84vh}
.tv-ov-info .tv-l{color:var(--sv-merk)}
.tv-ov-titel{font-family:var(--sv-font-kop);font-weight:var(--sv-kop-gewicht);font-size:clamp(26px,2.6vw,38px);line-height:1.08;letter-spacing:-.02em;margin:0}
.tv-ov-duur{font-size:16px;color:#B9B9C0;margin:0}
.tv-ov-hfst{display:flex;flex-direction:column;gap:var(--sv-s1)}
.tv-ov-hfst:empty{display:none}
.tv-ov-hfst button{all:unset;cursor:pointer;display:grid;grid-template-columns:52px minmax(0,1fr);gap:var(--sv-s1);padding:10px 12px;border-radius:10px;background:#18161B;font-size:16px;line-height:1.35}
.tv-ov-hfst button:hover,.tv-ov-hfst button:focus-visible{background:#2A2530;box-shadow:inset 0 0 0 2px var(--sv-merk)}
.tv-ov-nav{display:flex;gap:var(--sv-s1)}
.tv-ov-pijl{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#F5F5F6;display:grid;place-items:center;cursor:pointer}
.tv-ov-pijl:hover,.tv-ov-pijl:focus-visible{background:var(--sv-merk);color:#0A0A0B;border-color:var(--sv-merk);outline:none}
.tv-ov-rij{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow-y:auto;min-height:0;padding:2px;scrollbar-width:thin}
.tv-ov-mini{all:unset;cursor:pointer;display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;opacity:.55;transition:opacity .2s;box-shadow:0 0 0 2px transparent}
.tv-ov-mini.staand{aspect-ratio:9/16}
.tv-ov-mini img{width:100%;height:100%;object-fit:cover;display:block}
.tv-ov-mini:hover,.tv-ov-mini:focus-visible{opacity:.9}
.tv-ov-mini.aan{opacity:1;box-shadow:0 0 0 3px var(--sv-merk)}
.tv-ov.staand .tv-ov-rij{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:900px){
  .tv-ov{place-items:start center;overflow-y:auto}
  .tv-ov-doos,.tv-ov.staand .tv-ov-doos{grid-template-columns:minmax(0,1fr);width:100vw;max-height:none;padding:72px var(--sv-s2) var(--sv-s4);gap:var(--sv-s3)}
  .tv-ov-sluit{top:16px;right:16px;position:fixed;z-index:2}
  .tv-ov-speler{border-radius:12px}
  .tv-ov.staand .tv-ov-speler{height:auto;width:min(100%,46vh);margin:0 auto}
  .tv-ov-info{max-height:none}
  .tv-ov-rij,.tv-ov.staand .tv-ov-rij{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:28%;overflow-x:auto;overflow-y:hidden}
  .tv-ov.staand .tv-ov-rij{grid-auto-columns:18%}
}
@media (prefers-reduced-motion:reduce){.tv-ov,.tv-ov-doos{transition:none}}
.tv-ov-rij{grid-auto-rows:max-content;align-content:start;flex:1 1 auto}
.tv-ov-mini{width:100%;height:auto}
.tv-ov-achter{position:fixed}

/* Veelgestelde vragen */
.tv-faq{margin-top:var(--sv-s6);margin-bottom:var(--sv-s6)}
.tv-faq-kop{font-family:var(--sv-font-kop);font-weight:var(--sv-kop-gewicht);font-size:28px;letter-spacing:-.02em;margin:0 0 var(--sv-s2)}
.tv-faq-item{border-top:1px solid var(--sv-lijn)}
.tv-faq-item:last-of-type{border-bottom:1px solid var(--sv-lijn)}
.tv-faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:var(--sv-s2);padding:var(--sv-s2) 0;font-size:18px;font-weight:700;line-height:1.35;color:var(--sv-inkt-sterk)}
.tv-faq-item summary::-webkit-details-marker{display:none}
.tv-faq-item summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;background:var(--sv-merk);color:#0A0A0B;display:grid;place-items:center;font-weight:800;transition:transform .25s ease}
.tv-faq-item[open] summary::after{transform:rotate(45deg)}
.tv-faq-item p{margin:0 0 var(--sv-s2);font-size:17px;line-height:1.55;color:var(--sv-inkt-zacht);max-width:62ch}