/* Eigen blokken van de eventplanner-verhalen. Alleen --sv-* tokens en de vaste donkere tint van de app (ink).
   Gemaakt voor _eventopbrengst/verhalen.py; komt als eigen.css in elk verhaal. */

/* ==== START: VONDST: de planner staat als echt app-venster in beeld, met de knop die hem opent ==== */
.ep-start{margin-top:var(--sv-s6);margin-bottom:var(--sv-s8)}
.ep-venster{background:#0A0A0B;color:#F5F5F6;border-radius:var(--sv-radius);overflow:hidden;box-shadow:0 40px 80px -40px rgba(10,10,11,.6);border:1px solid #2A2A31;
  transform:perspective(1400px) rotateX(6deg);transform-origin:50% 0;transition:transform .9s var(--sv-ease,ease)}
.ep-venster.in,.ep-start.in .ep-venster{transform:none}
.ep-balk{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #2A2A31;background:#131316}
.ep-balk i{width:12px;height:12px;border-radius:50%;background:#3A3A43}
.ep-balk i:first-child{background:#FF7A6B}.ep-balk i:nth-child(2){background:#F8B518}.ep-balk i:nth-child(3){background:#4CC38A}
.ep-balk span{margin-left:8px;font-size:14px;font-weight:700;color:#B4B4BC}
.ep-venster-in{padding:clamp(24px,4vw,48px)}
.ep-eyebrow{margin:0 0 8px;font-size:15px;font-weight:800;color:#7A5200}
.ep-venster .ep-eyebrow{color:#F8B518}
.ep-groot{margin:0 0 20px;font-size:clamp(28px,3.6vw,44px);line-height:1.05;font-weight:900;letter-spacing:-.02em;text-wrap:balance}
.ep-stappen{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ep-stappen li{display:flex;align-items:center;gap:8px;background:#1D1D22;border:1px solid #2A2A31;border-radius:999px;padding:6px 14px 6px 6px;font-size:15px;font-weight:700}
.ep-stappen b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#25252B;font-size:14px}
.ep-stappen li:first-child b{background:#F8B518;color:#0A0A0B}
.ep-knoppen{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}
.ep-knop{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font-weight:800;font-size:17px;transition:transform .2s,background .2s}
.ep-knop.amber{background:#F8B518;color:#0A0A0B}
.ep-knop.amber:hover{transform:translateY(-2px)}
.ep-knop.rand{border:2px solid #F5F5F6;color:#F5F5F6}
.ep-knop:focus-visible,.ep-chip:focus-visible{outline:3px solid #F8B518;outline-offset:3px}
.ep-chips-l{margin:24px 0 10px;font-size:15px;color:#B4B4BC}
.ep-chips{display:flex;flex-wrap:wrap;gap:8px}
.ep-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #3A3A43;color:#F5F5F6;text-decoration:none;font-size:15px;font-weight:700;transition:border-color .2s,background .2s}
.ep-chip:hover{border-color:#F8B518;background:#1D1D22}

/* ==== SOORTEN: VONDST: 6 echte foto's van 6 soorten events; je herkent het jouwe ==== */
.ep-soorten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sv-s3)}
.ep-soort{background:var(--sv-papier);border:1px solid var(--sv-lijn);border-radius:var(--sv-radius);overflow:hidden;display:flex;flex-direction:column;
  opacity:0;transform:translateY(24px);transition:opacity .6s var(--sv-ease,ease),transform .6s var(--sv-ease,ease);transition-delay:calc(var(--i) * 70ms)}
.ep-soorten.in .ep-soort,.no-js .ep-soort{opacity:1;transform:none}
.ep-soort-beeld{display:block;aspect-ratio:16/10;overflow:hidden}
.ep-soort-beeld img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--sv-ease,ease)}
.ep-soort:hover .ep-soort-beeld img{transform:scale(1.04)}
.ep-soort-in{padding:var(--sv-s3);display:flex;flex-direction:column;flex:1}
.ep-soort h3{margin:0 0 8px;font-size:20px;line-height:1.25;text-wrap:balance}
.ep-soort h3 a{color:inherit;text-decoration:none}
.ep-soort p{margin:0 0 16px;font-size:16px;line-height:1.5;color:var(--sv-inkt-zacht)}
.ep-soort-links{margin-top:auto!important;display:flex;flex-wrap:wrap;gap:8px 16px}
.ep-soort-links a{font-weight:800;font-size:15px;color:var(--sv-inkt);text-decoration:none;border-bottom:2px solid var(--sv-merk);padding-bottom:2px}

/* ==== TIPS: VONDST: bij elke tip een short van Robert die je hier afspeelt ==== */
.ep-tips{display:grid;gap:var(--sv-s3)}
.ep-tip{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:var(--sv-s4);align-items:center;background:var(--sv-papier);border:1px solid var(--sv-lijn);border-radius:var(--sv-radius);padding:var(--sv-s3)}
.ep-short{border-radius:16px;overflow:hidden;background:#0A0A0B;aspect-ratio:9/16}
.ep-short video{width:100%;height:100%;object-fit:cover;display:block}
.ep-nr{display:block;font-size:15px;font-weight:900;color:var(--sv-merk-donker);margin-bottom:6px}
.ep-tip h3{margin:0 0 10px;font-size:clamp(22px,2.2vw,28px);line-height:1.2;text-wrap:balance}
.ep-tip p{margin:0;font-size:17px;line-height:1.55;color:var(--sv-inkt-zacht);max-width:60ch}
.ep-tip-cijfer{margin-top:16px!important;padding-top:16px;border-top:1px solid var(--sv-lijn);font-size:16px!important}
.ep-tip-cijfer b{font-size:28px;font-weight:900;color:var(--sv-inkt-sterk);margin-right:4px}

/* ==== ANDERE SOORTEN ==== */
.ep-andere{margin-top:var(--sv-s6)}
.ep-andere-rij{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sv-s2)}
.ep-ander{display:block;text-decoration:none;color:var(--sv-inkt);background:var(--sv-papier);border:1px solid var(--sv-lijn);border-radius:16px;overflow:hidden}
.ep-ander img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ep-ander span{display:block;padding:12px;font-size:15px;font-weight:800;line-height:1.3;text-wrap:balance}

/* ==== VRAGEN ==== */
.ep-vragen{display:grid;gap:10px}
.ep-vraag{background:var(--sv-papier);border:1px solid var(--sv-lijn);border-radius:16px;padding:0 20px}
.ep-vraag h3{margin:0;font-size:17px}
.ep-vraag-k{all:unset;box-sizing:border-box;cursor:pointer;width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:800;font-size:17px;line-height:1.35;padding:10px 0;color:var(--sv-inkt-sterk)}
.ep-vraag-k::after{content:"+";font-size:26px;font-weight:400;color:var(--sv-merk-donker);transition:transform .3s;flex:none}
.ep-vraag-k[aria-expanded="true"]::after{transform:rotate(45deg)}
.ep-vraag-k:focus-visible{outline:3px solid var(--sv-merk);outline-offset:2px}
.ep-vraag-a p{margin:0 0 18px;font-size:17px;line-height:1.55;color:var(--sv-inkt-zacht)}

/* ==== SCENE LADDER: VONDST: een ring loopt vol terwijl je scrolt, van weggegooid geld naar vliegwiel ==== */
.ep-ladder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:100%;padding:24px;background:#0A0A0B;border-radius:var(--sv-radius);color:#F5F5F6}
.ep-ring{position:relative;width:min(300px,60%);aspect-ratio:1}
.ep-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ep-ring circle{fill:none;stroke-width:12}
.ep-ring .bg{stroke:#25252B}
.ep-ring .in{stroke:#4CC38A;stroke-linecap:round;stroke-dasharray:100;transition:stroke-dashoffset .8s var(--sv-ease,ease),stroke .5s}
.ep-ring-tal{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.ep-ring-tal b{font-size:clamp(48px,6vw,80px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.ep-ring-tal span{font-size:15px;color:#B4B4BC;font-weight:700}
.ep-ladder-naam{margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:900;text-align:center}
.ep-treden{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:640px}
.ep-treden li{border:1px solid #2A2A31;background:#161619;border-radius:12px;padding:10px;text-align:center;transition:background .4s,border-color .4s,color .4s}
.ep-treden b{display:block;font-size:14px;line-height:1.2}
.ep-treden span{display:block;font-size:13px;color:#B4B4BC;margin-top:2px}
.ep-treden li.aan{border-color:currentColor;background:#1D1D22}

@media (max-width:900px){
  .ep-soorten{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ep-andere-rij{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ep-tip{grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:var(--sv-s3)}
}
@media (max-width:640px){
  .ep-treden{display:none}
  .ep-soorten{grid-template-columns:minmax(0,1fr)}
  .ep-andere-rij{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ep-tip{grid-template-columns:minmax(0,1fr)}
  .ep-short{max-width:260px}
  .ep-treden{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ep-venster{transform:none}
}
@media (prefers-reduced-motion:reduce){.ep-venster{transform:none}.ep-soort{opacity:1;transform:none}}

/* de beelden in een scene: het vak sluit om het beeld, geen wit ernaast */
/* beelden in een scene: groot en vol, geen wit ernaast */
.sv-sc-beelden .sv-bl-laag img{width:100%;height:auto;aspect-ratio:16/10;max-height:calc(100vh - 380px);object-fit:cover;object-position:center top;background:#0A0A0B}
.sv-navring,.sv-stippen{z-index:9000}

/* als de app open is, staat er niets van het verhaal of de site overheen */
html.eo-open .sv-navring,html.eo-open .sv-stippen,html.eo-open .sv-voortgang,html.eo-open .sv-geluid{display:none!important}
/* op een telefoon: in een beeldscene alleen het beeld, groot. De tekst staat in de kaart eronder */
@media (max-width:1100px){
  .sv-sc-beelden .sv-bl-groot,.sv-sc-beelden figcaption,.sv-sc-beelden .sv-rail{display:none}
  .sv-sc-beelden .sv-bl-laag img{width:100%;max-height:44vh;object-fit:cover;object-position:center top}
}

/* ==== TONEEL: VONDST: Robert's short speelt in een telefoon in het midden; om hem heen komen de echte schermen van de planner
   een voor een naar voren terwijl je scrolt, en de score loopt mee. Aan het eind open je de planner zelf. ==== */
.ep-toneel{background:radial-gradient(900px 520px at 80% 0%,rgba(144,84,168,.28),transparent 60%),#0A0A0B;color:#F5F5F6;margin:0;overflow:hidden}
.ep-tn-pin{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto auto;gap:18px;padding:calc(var(--sv-kop,96px) + 16px) clamp(16px,4vw,60px) 32px;max-width:1460px;margin:0 auto;box-sizing:border-box}
.ep-tn-kop{text-align:center}
.ep-tn-kop .ep-eyebrow{color:#F8B518}
.ep-tn-zin{margin:0 auto;max-width:28ch;font-size:clamp(26px,3.2vw,44px);line-height:1.1;font-weight:900;letter-spacing:-.02em;text-wrap:balance;min-height:2.2em}
.ep-tn-kop template{display:none}
.ep-tn-podium{position:relative;min-height:0;height:min(50vh,520px);perspective:1600px}
.ep-tn-scherm{position:absolute;left:50%;top:50%;height:min(92%,512px);width:auto;max-width:64%;aspect-ratio:16/10;margin:0;border-radius:14px;overflow:hidden;background:#0A0A0B;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px #2A2A31;transform:translate(-50%,-50%);transform-origin:50% 50%}
.ep-tn-scherm img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block}
/* eindbeeld zonder JavaScript: een waaier */
.ep-tn-scherm[data-i="0"]{transform:translate(-112%,-62%) rotate(-6deg) scale(.62)}
.ep-tn-scherm[data-i="1"]{transform:translate(12%,-66%) rotate(5deg) scale(.6)}
.ep-tn-scherm[data-i="2"]{transform:translate(-118%,-18%) rotate(-3deg) scale(.6)}
.ep-tn-scherm[data-i="3"]{transform:translate(18%,-22%) rotate(4deg) scale(.6)}
.ep-tn-scherm[data-i="4"]{transform:translate(-50%,-40%) scale(.82);z-index:2}
.ep-tn-tel{position:absolute;right:max(2%,calc(50% - 560px));bottom:2%;z-index:5;width:clamp(150px,15vw,210px);aspect-ratio:9/19.5;border-radius:30px;background:#000;padding:8px;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.9),0 0 0 2px #3A3A43}
.ep-tn-tel video{width:100%;height:100%;object-fit:cover;border-radius:22px;display:block;background:#111}
.ep-tn-geluid{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;padding:0 16px;border-radius:999px;background:transparent;border:1px solid #3A3A43;color:#F5F5F6;font-weight:800;font-size:15px;white-space:nowrap;display:inline-flex;align-items:center}
.ep-tn-geluid[aria-pressed="true"]{border-color:#F8B518}
.ep-tn-rij{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.ep-tn-score{position:relative;width:64px;height:64px;flex:none;display:grid;place-content:center;text-align:center}
.ep-tn-score svg{position:absolute;inset:0;transform:rotate(-90deg)}
.ep-tn-score circle{fill:none;stroke-width:10}.ep-tn-score .bg{stroke:#25252B}.ep-tn-score .in{stroke:#9BD86A;stroke-linecap:round;stroke-dasharray:100}
.ep-tn-score b{position:relative;font-size:22px;font-weight:900;line-height:1}
.ep-tn-stappen{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.ep-tn-stappen li{display:flex;align-items:center;gap:8px;border:1px solid #2A2A31;background:#131316;border-radius:999px;padding:6px 14px 6px 6px;font-size:15px;font-weight:700;color:#B4B4BC;transition:all .35s}
.ep-tn-stappen b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#25252B;font-size:14px;color:#F5F5F6}
.ep-tn-stappen li.aan{color:#F5F5F6;border-color:#F8B518}.ep-tn-stappen li.aan b{background:#F8B518;color:#0A0A0B}
.ep-tn-stappen li.gehad b{background:#1F7A50}
.ep-tn-knoppen{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
@media (max-width:900px){
  .ep-tn-pin{min-height:auto;padding-top:24px}
  .ep-tn-podium{height:auto;aspect-ratio:auto;display:grid;place-items:center;padding:8px 0 24px;perspective:none}
  .ep-tn-scherm{position:relative;left:auto;top:auto;width:100%;transform:none!important;grid-area:1/1;opacity:0;transition:opacity .6s}
  .ep-tn-scherm.aan,html:not(.sv-js) .ep-tn-scherm[data-i="4"]{opacity:1}
  .ep-tn-scherm{height:auto;max-width:none}
  .ep-tn-tel{position:relative;right:auto;bottom:auto;grid-area:2/1;margin:-40px 8px 0 0;justify-self:end;width:132px;border-radius:24px;padding:6px}
  .ep-tn-tel video{border-radius:18px}
  .ep-tn-stappen li span{display:none}.ep-tn-stappen li{padding:6px}
  .ep-tn-stappen li.aan span{display:inline}.ep-tn-stappen li.aan{padding-right:14px}
}
@media (prefers-reduced-motion:reduce){.ep-tn-scherm{transition:none}}
.ep-andere-rij .ep-ander img{width:100%;height:120px!important;aspect-ratio:auto;object-fit:cover;max-height:none}

/* held op volle sterkte (beeld is geen textuur), zoals bij Een website in 23 dagen */
.sv-held::before,.sv-held::after{display:none}
@media (min-width:1101px){
  .sv-held{min-height:min(760px,92vh)}
  .sv-held-beeld{inset:calc(var(--sv-kop,96px) + var(--sv-s4)) var(--sv-s6) var(--sv-s6) 54%;border-radius:var(--sv-radius);-webkit-mask:none;mask:none;opacity:1;box-shadow:var(--sv-schaduw)}
  .sv-held-in{max-width:min(880px,calc(50vw - 120px))}
}
@media (max-width:1100px){
  .sv-held{display:flex;flex-direction:column}
  .sv-held-beeld{position:relative;inset:auto;order:-1;height:clamp(220px,52vw,460px);margin:calc(var(--sv-kop,96px) + var(--sv-s2)) var(--sv-s3) 0;border-radius:var(--sv-radius);opacity:1;-webkit-mask:none;mask:none}
  .sv-held-in{padding-top:var(--sv-s4)}
}

/* het toneel sluit direct aan op de held: geen strook cream ertussen */
.sv-artikel:has(.ep-toneel){padding-top:0}

/* het grote cijfer boven het beeld zegt al welke stap het is */
.sv-sc-beelden .sv-rail{display:none}

@media (max-width:900px){.ep-tn-kop{text-align:left}.ep-tn-zin{margin:0;font-size:24px}}


/* ==== de app (uit _eventopbrengst/eo.css) ==== */
/* Rekentool: wat levert je event op. Tokens als de pijlerpagina. Tekst nooit kleiner dan 13px, labels 14px, lopende tekst 16px. */
:root{--e-ink:#0A0A0B;--e-vlak:#161619;--e-vlak2:#1D1D22;--e-vlak3:#25252B;--e-lijn:#2A2A31;--e-lijn2:#3A3A43;
 --e-tekst:#F5F5F6;--e-zacht:#B4B4BC;--e-amber:#F8B518;--e-amberdiep:#9A6A00;--e-groen:#4CC38A;--e-groendiep:#1F7A50;--e-rood:#FF7A6B;
 --e-cream:#F4EFE5;--e-cream2:#EBE3D4;--e-creamlijn:#DDD3C0;--e-creaminkt:#1A1813;--e-creamzacht:#5E574A;
 --e-goot:clamp(16px,4vw,60px);--e-max:1320px;--e-ease:cubic-bezier(.22,.61,.36,1)}
.eo-app *,.eo-deck *,.eo-poort *,.eo-speler *,.eo-paneel *{box-sizing:border-box}
.eo-app img,.eo-deck img,.eo-speler img{max-width:100%;display:block;height:auto}
main.eo{font-size:17px;line-height:1.55}
:where(.eo) a{color:inherit}
.eo h1,.eo h2,.eo h3,.eo p{text-wrap:balance}
.eo-in{width:min(var(--e-max),100%);margin:0 auto;padding:0 var(--e-goot)}
.eo-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;font-size:14px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--e-amber)}
.eo-kicker::before{content:"";width:26px;height:2px;background:currentColor}
.eo-licht .eo-kicker{color:var(--e-amberdiep)}
.eo-zacht{color:var(--e-zacht);font-size:16px;margin:0 0 14px}
.eo-lead{margin:18px 0 0;font-size:clamp(18px,1.5vw,21px);line-height:1.5;max-width:56ch}
.eo-h2{margin:0 0 18px;font-size:clamp(24px,2.4vw,32px);line-height:1.1;font-weight:900;letter-spacing:-.02em}
.eo-h2--twee{margin-top:40px}
.eo-h2--groot{font-size:clamp(32px,4.2vw,60px);line-height:1.02;letter-spacing:-.035em;max-width:20ch}
.eo-knoppen{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.eo-knop{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font-size:17px;font-weight:800;text-decoration:none;border:0;cursor:pointer;font-family:inherit;transition:transform .3s var(--e-ease),filter .3s var(--e-ease)}
.eo-knop svg{width:18px;height:18px;flex:none}
.eo-knop--amber{background:var(--e-amber);color:var(--e-ink)}
.eo-knop--rand{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.eo-knop--vol{width:100%;margin-top:18px}
@media(hover:hover){.eo-knop:hover{transform:translateY(-2px);filter:brightness(1.05)}}
.eo :focus-visible{outline:3px solid var(--e-amber);outline-offset:3px}
.eo-link{color:var(--e-amber);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.eo-licht .eo-link{color:var(--e-amberdiep)}

/* held */
.eo-held{padding:150px 0 70px;background:radial-gradient(900px 600px at 85% 0%,rgba(248,181,24,.14),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(144,84,168,.16),transparent 60%),var(--e-ink)}
.eo-held h1{margin:0;font-size:clamp(40px,5.4vw,84px);line-height:.98;letter-spacing:-.045em;font-weight:900;max-width:16ch}
.eo-held__cijfers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:56px;background:var(--e-lijn);border:1px solid var(--e-lijn);border-radius:18px;overflow:hidden}
.eo-held__cijfers>div{background:var(--e-vlak);padding:20px 22px}
.eo-held__cijfers b{display:block;font-size:clamp(32px,3.4vw,46px);font-weight:900;letter-spacing:-.03em;color:var(--e-amber);line-height:1.05}
.eo-held__cijfers span{display:block;margin-top:6px;font-size:15px;color:var(--e-zacht)}
.eo-bronknop{margin-top:16px;background:none;border:1px solid var(--e-lijn2);color:var(--e-zacht);font:700 14px 'Archivo',sans-serif;padding:8px 14px;border-radius:999px;cursor:pointer;min-height:40px}
.eo-bronknop:hover{color:var(--e-tekst);border-color:var(--e-zacht)}

/* tool */
.eo-tool{padding:40px 0 90px;scroll-margin-top:90px}
.eo-tool__raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start}
.eo-in-vak{background:var(--e-vlak);border:1px solid var(--e-lijn);border-radius:22px;padding:clamp(20px,2.4vw,32px)}
.eo-schuif{padding:14px 0;border-top:1px solid var(--e-lijn)}
.eo-schuif__kop{display:flex;justify-content:space-between;gap:14px;align-items:baseline;margin-bottom:10px;font-size:16px;font-weight:700}
.eo-schuif__kop output{font-size:20px;font-weight:900;color:var(--e-amber);font-variant-numeric:tabular-nums;white-space:nowrap}
.eo-schuif__uitleg{margin:8px 0 0;font-size:14px;color:var(--e-zacht)}
.eo input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;--p:50%}
.eo input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--e-amber) var(--p),var(--e-vlak3) var(--p))}
.eo input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:var(--e-vlak3)}
.eo input[type=range]::-moz-range-progress{height:8px;border-radius:99px;background:var(--e-amber)}
.eo input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:var(--e-tekst);border:4px solid var(--e-amber);box-shadow:0 2px 10px rgba(0,0,0,.5)}
.eo input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--e-tekst);border:4px solid var(--e-amber)}
.eo-wissel{display:inline-flex;background:var(--e-vlak3);border-radius:999px;padding:4px}
.eo-wissel button{border:0;background:none;color:var(--e-zacht);font:800 15px 'Archivo',sans-serif;padding:10px 20px;border-radius:999px;cursor:pointer;min-height:44px}
.eo-wissel button[aria-pressed=true]{background:var(--e-cream);color:var(--e-ink)}
.eo-snel{display:flex;gap:8px;margin:0 0 10px}
.eo-snel button{border:1px solid var(--e-lijn2);background:none;color:var(--e-zacht);font:700 14px 'Archivo',sans-serif;padding:8px 14px;border-radius:999px;cursor:pointer;min-height:40px}
.eo-snel button:hover{color:var(--e-tekst)}
.eo-fase{border:0;margin:16px 0 0;padding:0}
.eo-fase legend{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--e-zacht);margin-bottom:8px}
.eo-keuze{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;align-items:center;background:var(--e-vlak2);border:1px solid var(--e-lijn);border-radius:14px;padding:10px 10px 10px 14px;margin-bottom:8px;transition:border-color .3s}
.eo-keuze:has(input:checked){border-color:rgba(76,195,138,.55);background:linear-gradient(90deg,rgba(76,195,138,.10),var(--e-vlak2) 60%)}
.eo-keuze__kop{display:flex;gap:12px;align-items:center;cursor:pointer;min-height:40px}
.eo-keuze__kop input{position:absolute;opacity:0;width:1px;height:1px}
.eo-vink{flex:none;width:26px;height:26px;border-radius:8px;border:2px solid var(--e-lijn2);display:grid;place-items:center;transition:.25s}
.eo-vink::after{content:"";width:10px;height:6px;border-left:3px solid var(--e-ink);border-bottom:3px solid var(--e-ink);transform:rotate(-45deg) translate(1px,-1px) scale(0);transition:.25s}
.eo-keuze__kop input:checked+.eo-vink{background:var(--e-groen);border-color:var(--e-groen)}
.eo-keuze__kop input:checked+.eo-vink::after{transform:rotate(-45deg) translate(1px,-1px) scale(1)}
.eo-keuze__kop input:focus-visible+.eo-vink{outline:3px solid var(--e-amber);outline-offset:2px}
.eo-keuze__vraag{font-size:16px;font-weight:700;line-height:1.35}
.eo-keuze__info{width:36px;height:36px;border-radius:50%;border:1px solid var(--e-lijn2);background:var(--e-vlak3);color:var(--e-zacht);font:800 15px/1 Georgia,serif;font-style:italic;cursor:pointer}
.eo-keuze__info[aria-expanded=true],.eo-keuze__info:hover{background:var(--e-amber);color:var(--e-ink);border-color:var(--e-amber)}
.eo-keuze__uit{grid-column:1/-1;overflow:hidden;font-size:15px;color:var(--e-zacht);border-top:1px solid var(--e-lijn);padding-top:8px}
.eo-keuze__uit p{margin:0 0 8px}
.eo-keuze__levert{color:var(--e-tekst)}

/* uitkomsten */
.eo-uit{position:relative;scroll-margin-top:90px}
.eo-uit__plak{position:sticky;top:96px}
.eo-blok{background:var(--e-vlak);border:1px solid var(--e-lijn);border-radius:20px;padding:18px 20px;margin-bottom:12px}
.eo-blok small{display:block;font-size:14px;color:var(--e-zacht);font-weight:600}
.eo-twee{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.eo-groot{display:block;font-size:clamp(34px,3.2vw,46px);font-weight:900;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
.eo-twee em{display:block;font-style:normal;font-size:14px;color:var(--e-zacht);margin-top:2px}
.eo-zaal{height:12px;border-radius:99px;background:rgba(255,122,107,.35);margin:14px 0 8px;overflow:hidden}
.eo-zaal__in{display:block;height:100%;width:0;background:var(--e-groen);border-radius:99px}
.eo-uitleg{margin:6px 0 0;font-size:14px;color:var(--e-zacht)}
.eo-rij{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px}
.eo-rij:first-child{margin-top:0}
.eo-rij b{font-size:26px;font-weight:900;font-variant-numeric:tabular-nums}
.eo-rij em{font-style:normal;font-size:14px;color:var(--e-zacht);white-space:nowrap}
.eo-rij--los{padding-top:12px;border-top:1px solid var(--e-lijn);margin-top:16px}
.eo-staaf{position:relative;height:14px;margin-top:8px;border-radius:99px;background:var(--e-vlak3);overflow:hidden}
.eo-staaf__kan{position:absolute;inset:0 auto 0 0;width:0;background:repeating-linear-gradient(45deg,rgba(248,181,24,.22) 0 6px,rgba(248,181,24,.08) 6px 12px);border-radius:99px}
.eo-staaf__nu{position:absolute;inset:0 auto 0 0;width:0;background:var(--e-amber);border-radius:99px}
.eo-staaf--omzet{height:18px;overflow:visible;margin:18px 0 30px}
.eo-staaf--omzet .eo-staaf__nu{background:var(--e-groen)}
.eo-budgetlijn{position:absolute;top:-6px;bottom:-6px;width:3px;margin-left:-1px;background:var(--e-tekst);border-radius:2px;left:50%}
.eo-budgetlijn span{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:4px;font-size:13px;font-weight:700;color:var(--e-zacht);white-space:nowrap}
.eo-delta{margin:8px 0 0;font-size:14px;font-weight:800;color:var(--e-amber)}
.eo-delta.is-vol{color:var(--e-groen)}
.eo-pijl{display:inline-block;margin-right:4px}
.eo-terug{margin:0;font-size:17px;font-weight:800}
.eo-meter[data-stand=goed] .eo-terug{color:var(--e-groen)}
.eo-meter[data-stand=half] .eo-terug{color:var(--e-amber)}
.eo-meter[data-stand=laag] .eo-terug{color:var(--e-rood)}
.eo-liggen ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.eo-liggen ul a,.eo-alles{display:block;text-decoration:none;background:var(--e-vlak2);border:1px solid var(--e-lijn);border-radius:12px;padding:10px 12px}
.eo-liggen ul a:hover{border-color:var(--e-amber)}
.eo-liggen b{display:block;font-size:15px;line-height:1.35}
.eo-liggen span{display:block;font-size:14px;color:var(--e-zacht);margin-top:2px}
.eo-onder{display:none}

/* secties */
.eo-sectie{padding:clamp(72px,8vw,120px) 0}
.eo-licht{background:var(--e-cream);color:var(--e-creaminkt)}
.eo-licht .eo-lead,.eo-licht .eo-zacht{color:var(--e-creamzacht)}
.eo-kaarten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}
.eo-kaart{background:#fff;border:1px solid var(--e-creamlijn);border-radius:18px;padding:22px;display:flex;flex-direction:column;scroll-margin-top:110px}
.eo-kaart:target{box-shadow:0 0 0 3px var(--e-amber)}
.eo-kaart__fase{margin:0 0 8px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--e-amberdiep)}
.eo-kaart h3{margin:0 0 10px;font-size:20px;line-height:1.25;font-weight:900}
.eo-kaart p{margin:0 0 10px;font-size:16px;color:var(--e-creamzacht)}
.eo-kaart .eo-kaart__levert{color:var(--e-creaminkt);font-weight:600}
.eo-kaart__links{margin-top:auto!important;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:15px}
.eo-vbs{display:grid;gap:20px;margin-top:40px}
.eo-vb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:var(--e-vlak);border:1px solid var(--e-lijn);border-radius:22px;overflow:hidden}
.eo-vb img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.eo-vb__tekst{padding:clamp(22px,3vw,40px)}
.eo-vb h3{margin:0 0 12px;font-size:clamp(24px,2.4vw,34px);line-height:1.1;font-weight:900;letter-spacing:-.02em}
.eo-vb p{color:var(--e-zacht);margin:0 0 14px}
.eo-vb__cijfers{display:flex;gap:28px;flex-wrap:wrap;margin:18px 0}
.eo-vb__cijfers b{display:block;font-size:40px;font-weight:900;color:var(--e-amber);line-height:1}
.eo-vb__cijfers span{font-size:14px;color:var(--e-zacht)}
.eo-faq details{border-top:1px solid var(--e-creamlijn);padding:18px 0;max-width:860px}
.eo-faq details:first-of-type{margin-top:30px}
.eo-faq summary{cursor:pointer;font-size:clamp(18px,1.6vw,22px);font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:16px}
.eo-faq summary::after{content:"+";font-size:26px;line-height:1;color:var(--e-amberdiep)}
.eo-faq details[open] summary::after{content:"−"}
.eo-faq details p{margin:12px 0 0;color:var(--e-creamzacht);max-width:70ch}
.eo-slot{background:radial-gradient(800px 500px at 80% 100%,rgba(248,181,24,.14),transparent 60%),var(--e-ink)}

/* bronnen */
.eo-scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:90;opacity:0;visibility:hidden}
.eo-paneel{position:fixed;top:0;right:0;bottom:0;width:min(560px,100%);z-index:100;background:#131316;border-left:1px solid var(--e-lijn);overflow-y:auto;padding:24px 24px 60px}
.eo-paneel h2{font-size:26px;margin:8px 0 10px}
.eo-paneel h3{font-size:17px;margin:24px 0 10px}
.eo-paneel ul{margin:0;padding-left:18px}
.eo-paneel li{font-size:15px;color:var(--e-zacht);margin-bottom:10px}
.eo-paneel a{color:var(--e-amber)}
.eo-paneel__dicht{position:sticky;top:0;float:right;background:var(--e-vlak2);border:1px solid var(--e-lijn2);color:var(--e-tekst);font:700 15px 'Archivo',sans-serif;padding:8px 14px;border-radius:999px;cursor:pointer;min-height:44px}

@media (max-width:1000px){.eo-kaarten{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
 .eo-held{padding:120px 0 40px}
 .eo-held__cijfers{grid-template-columns:1fr}
 .eo-tool__raster{grid-template-columns:minmax(0,1fr)}
 .eo-uit__plak{position:static}
 .eo-vb{grid-template-columns:1fr}
 .eo-onder{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:var(--e-amber);color:var(--e-ink);border:0;border-radius:16px;padding:12px 16px;font-family:'Archivo',sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.5);transform:translateY(140%);transition:transform .4s var(--e-ease);cursor:pointer}
 .eo-onder.is-aan{transform:none}
 .eo-onder b{font-size:16px;line-height:1.3}
 .eo-onder span{font-size:14px;font-weight:700;text-decoration:underline}
}
@media (max-width:640px){.eo-kaarten{grid-template-columns:1fr}.eo-twee{gap:10px}.eo-groot{font-size:32px}}

/* modus: jouw event of met alles erbij */
.eo-modus{display:flex;background:var(--e-vlak);border:1px solid var(--e-lijn);border-radius:999px;padding:4px;margin-bottom:12px}
.eo-modus button{flex:1;border:0;background:none;color:var(--e-zacht);font:800 15px 'Archivo',sans-serif;padding:10px 14px;border-radius:999px;cursor:pointer;min-height:44px;transition:background .3s,color .3s}
.eo-modus button[aria-pressed=true]{background:var(--e-cream);color:var(--e-ink)}
.eo-modus button[data-modus=alles][aria-pressed=true]{background:var(--e-groen);color:var(--e-ink)}

/* niveau: ring en ladder */
.eo-niveau__top{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;position:relative}
.eo-ring__wrap{position:relative;width:fit-content}
.eo-ring{display:block;width:120px;height:120px;transform:rotate(-90deg)}
.eo-ring__bg{fill:none;stroke:var(--e-vlak3);stroke-width:12}
.eo-ring__in{fill:none;stroke:var(--e-rood);stroke-width:12;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}
.eo-ring__getal{position:absolute;left:0;top:0;width:120px;height:120px;display:grid;place-content:center;text-align:center}
.eo-ring__getal b{font-size:36px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.eo-ring__getal span{font-size:13px;color:var(--e-zacht);font-weight:700}
.eo-niveau__tekst h3{margin:2px 0 4px;font-size:clamp(26px,2.4vw,34px);line-height:1.05;font-weight:900;letter-spacing:-.02em}
.eo-niveau__tekst p{margin:0;font-size:15px;color:var(--e-zacht)}
.eo-ladder{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:18px;padding-top:14px}
.eo-trede{height:auto;border-radius:8px;padding:8px 6px;text-align:center;background:var(--e-vlak2);border:1px solid var(--e-lijn);transition:background .4s,color .4s,border-color .4s}
.eo-trede b{font-size:13px;font-weight:800;line-height:1.2;color:var(--e-zacht);display:block}
.eo-trede:nth-child(1).is-hier{background:rgba(255,122,107,.18);border-color:var(--e-rood)}
.eo-trede:nth-child(2).is-hier{background:rgba(248,181,24,.18);border-color:var(--e-amber)}
.eo-trede:nth-child(3).is-hier{background:rgba(155,216,106,.18);border-color:#9BD86A}
.eo-trede:nth-child(4).is-hier{background:rgba(76,195,138,.2);border-color:var(--e-groen)}
.eo-trede.is-hier b{color:var(--e-tekst)}
.eo-ladder__pijl{position:absolute;top:0;left:0;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--e-tekst);margin-left:-8px}
/* tegels */
.eo-tegels{display:grid;grid-template-columns:repeat(auto-fill,minmax(16px,1fr));gap:4px;margin:16px 0 8px;position:relative}
.eo-tegels i{display:block;aspect-ratio:1;border-radius:4px}
.eo-tegels[data-meer]:not([data-meer=""])::after{content:attr(data-meer);position:absolute;right:0;bottom:-22px;font-size:13px;font-weight:700;color:var(--e-zacht)}
.t-art{background:#5AA9FF}.t-tr{background:#B48BFF}.t-hs{background:var(--e-cream)}.t-sh{background:var(--e-amber)}
.t-leeg{background:transparent;box-shadow:inset 0 0 0 1.5px var(--e-lijn2)}
.eo-tegelleg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--e-zacht);margin-bottom:6px}
.eo-tegelleg i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}
/* jaar */
.eo-jaar{display:grid;grid-template-columns:repeat(52,1fr);gap:2px;height:34px;margin-top:12px;align-items:end}
.eo-jaar i{display:block;height:100%;border-radius:2px;transform-origin:bottom;background:var(--e-vlak3)}
.eo-jaar i[data-st=aan]{background:var(--e-amber)}
.eo-jaar i[data-st=kan]{background:repeating-linear-gradient(45deg,rgba(248,181,24,.35) 0 3px,rgba(248,181,24,.1) 3px 6px)}
.eo-jaarleg{display:flex;justify-content:space-between;font-size:13px;color:var(--e-zacht);margin-top:6px}
/* instapmoment */
.eo-cep{background:radial-gradient(900px 600px at 10% 0%,rgba(90,169,255,.12),transparent 60%),var(--e-ink)}
.eo-effecten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}
.eo-effect{background:var(--e-vlak);border:1px solid var(--e-lijn);border-radius:20px;padding:24px}
.eo-effect__nr{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--e-amber);color:var(--e-ink);font-weight:900;font-size:20px;margin-bottom:16px}
.eo-effect h3{margin:0 0 8px;font-size:21px;line-height:1.2;font-weight:900}
.eo-effect p{margin:0;font-size:16px;color:var(--e-zacht)}
.eo-zelf{margin-top:56px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,60px)}
.eo-zelf__kop h3{margin:0;font-size:clamp(26px,2.8vw,40px);line-height:1.08;font-weight:900;letter-spacing:-.02em}
.eo-stappen{list-style:none;margin:0;padding:0;position:relative}
.eo-stappen::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:var(--e-lijn2)}
.eo-stappen .eo-lijn{position:absolute;left:21px;top:22px;width:2px;height:0;background:var(--e-amber)}
.eo-stap{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:0 0 28px;position:relative}
.eo-stap__nr{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--e-vlak2);border:2px solid var(--e-lijn2);font-weight:900;position:relative;z-index:1;transition:.4s}
.eo-stap.is-aan .eo-stap__nr{background:var(--e-amber);border-color:var(--e-amber);color:var(--e-ink)}
.eo-stap h4{margin:8px 0 6px;font-size:19px;font-weight:900}
.eo-stap p{margin:0 0 8px;color:var(--e-zacht);font-size:16px}
@media (max-width:900px){.eo-effecten,.eo-zelf{grid-template-columns:1fr}.eo-niveau__top{grid-template-columns:96px minmax(0,1fr)}.eo-ring,.eo-ring__getal{width:96px;height:96px}.eo-ring__getal b{font-size:30px}.eo-trede b{font-size:13px}}

/* samensteller: plannen of terugkijken, doelen */
.eo-app-kop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.eo-tijd button{padding:10px 16px}
.eo-appknop{border:1px solid var(--e-lijn2);background:none;color:var(--e-tekst);font:800 14px 'Archivo',sans-serif;padding:10px 16px;border-radius:999px;cursor:pointer;min-height:44px}
.eo-appknop:hover{border-color:var(--e-amber);color:var(--e-amber)}
.eo-doelen{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.eo-doel{border:1.5px solid var(--e-lijn2);background:var(--e-vlak2);color:var(--e-tekst);font:700 15px 'Archivo',sans-serif;padding:10px 16px;border-radius:999px;cursor:pointer;min-height:44px;transition:.25s}
.eo-doel[aria-pressed=true]{background:var(--e-amber);border-color:var(--e-amber);color:var(--e-ink)}
.eo-keuze__doel{grid-column:1/-1;justify-self:start;font-size:13px;font-weight:800;color:var(--e-ink);background:var(--e-amber);border-radius:999px;padding:2px 10px;margin:-2px 0 2px 38px}
.eo-keuze.past{border-color:rgba(248,181,24,.5)}
/* plan */
.eo-plan__kop{margin:0 0 6px;font-size:22px;font-weight:900}
.eo-plancijfers{margin:0 0 14px;font-size:14px;font-weight:700;color:var(--e-amber)}
.eo-planfase{margin-top:14px}
.eo-planfase h4{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--e-zacht)}
.eo-planfase ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.eo-planfase li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 10px;background:var(--e-vlak2);border:1px solid var(--e-lijn);border-radius:12px;padding:10px 12px}
.eo-planfase li span{grid-row:span 2;align-self:start;font-size:13px;font-weight:800;border-radius:999px;padding:3px 8px;text-align:center}
.eo-planfase li.is-doen span{background:rgba(76,195,138,.18);color:#8BE3B8}
.eo-planfase li.is-tip span{background:rgba(248,181,24,.16);color:#FFD77A}
.eo-planfase li b{font-size:15px;line-height:1.35}
.eo-planfase li a{font-size:14px;color:var(--e-amber);font-weight:700}
.eo-deel{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.eo-deel .eo-knop{min-height:46px;font-size:15px;padding:0 18px}

.eo-keuze__info{grid-column:2;grid-row:1}
.eo-keuze__doel{grid-row:2}
body.eo-app #rekentool{padding-top:76px}

@media (max-width:640px){.eo-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}.eo-ladder__pijl{display:none}.eo-trede b{font-size:14px}}


/* ================= held met de startkaart ================= */
.eo-held__raster{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,64px);align-items:center}
.eo-knop--groot{min-height:60px;font-size:18px;padding:0 30px}
.eo-held__klein{margin:14px 0 0;font-size:14px;color:var(--e-zacht)}
.eo-launch{all:unset;cursor:pointer;display:block;border-radius:22px;background:#141418;border:1px solid var(--e-lijn2);box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(248,181,24,.08);overflow:hidden;transition:transform .5s var(--e-ease),box-shadow .5s}
.eo-launch:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 50px 90px -30px rgba(0,0,0,.85),0 0 0 2px rgba(248,181,24,.5)}
.eo-launch:focus-visible{outline:3px solid var(--e-amber);outline-offset:4px}
.eo-launch__bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--e-lijn);background:#101013}
.eo-launch__bar i{width:10px;height:10px;border-radius:50%;background:var(--e-lijn2)}
.eo-launch__bar b{margin-left:10px;font-size:14px;color:var(--e-zacht)}
.eo-launch__in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;padding:22px;align-items:center}
.eo-launch__stappen{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}
.eo-launch__stappen span{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--e-zacht);background:var(--e-vlak2);border-radius:999px;padding:5px 12px 5px 5px}
.eo-launch__stappen b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--e-vlak3);color:var(--e-tekst);font-size:13px}
.eo-launch__stappen span:first-child b{background:var(--e-amber);color:var(--e-ink)}
.eo-launch__ring{position:relative;width:120px;height:120px;display:grid;place-content:center;text-align:center}
.eo-launch__ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.eo-launch__ring circle{fill:none;stroke:var(--e-vlak3);stroke-width:12}
.eo-launch__ring .eo-launch__boog{stroke:var(--e-groen);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}
.eo-launch__ring b{position:relative;font-size:34px;font-weight:900;line-height:1;color:var(--e-tekst)}
.eo-launch__ring em{position:relative;font-style:normal;font-size:13px;font-weight:800;color:var(--e-groen)}
.eo-launch__tegels{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}
.eo-launch__tegels i{aspect-ratio:1;border-radius:3px}
.eo-launch__knop{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:999px;background:var(--e-amber);color:var(--e-ink);font-weight:900;font-size:17px}
.eo-launch__knop svg{width:18px;height:18px}

/* ================= doelen op de pagina ================= */
.eo-doelkaarten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}
.eo-doelkaart{background:#fff;border:1px solid var(--e-creamlijn);border-radius:18px;padding:22px}
.eo-doelkaart h3{margin:0 0 14px;font-size:20px;line-height:1.2;font-weight:900}
.eo-doelkaart ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.eo-doelkaart li{border-left:3px solid var(--e-amber);padding-left:12px}
.eo-doelkaart li b{display:block;font-size:16px}
.eo-doelkaart li span{display:block;font-size:14px;color:var(--e-creamzacht);margin-top:2px}

/* ================= de app ================= */
html.eo-open,html.eo-open body{overflow:hidden}
html.eo-open #bar,html.eo-open #panel,html.eo-open #mob,html.eo-open #scrim{display:none!important}
.eo-app{position:fixed;inset:0;z-index:9990;background:var(--e-ink);color:var(--e-tekst);display:flex;flex-direction:column;font-family:'Archivo',system-ui,sans-serif;font-size:16px;line-height:1.5}
.eo-app[hidden]{display:none}
.eo-app *{box-sizing:border-box}
.eo-app__kop{position:relative;display:flex;align-items:center;gap:16px;padding:12px max(16px,env(safe-area-inset-left)) 12px 20px;border-bottom:1px solid var(--e-lijn);background:#0E0E11}
.eo-app__naam b{display:block;font-size:17px;font-weight:900;line-height:1.1}
.eo-app__naam span{display:block;font-size:13px;color:var(--e-zacht);font-weight:700}
.eo-app__stappen{display:flex;gap:4px;margin:0 auto;overflow-x:auto;scrollbar-width:none}
.eo-app__stappen::-webkit-scrollbar{display:none}
.eo-app__stappen button{all:unset;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;font-size:15px;font-weight:800;color:var(--e-zacht);white-space:nowrap;min-height:28px}
.eo-app__stappen button b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--e-vlak3);color:var(--e-tekst);font-size:14px;transition:.3s}
.eo-app__stappen button.is-gedaan b{background:var(--e-groendiep);color:#fff}
.eo-app__stappen button[aria-current=true]{background:var(--e-vlak2);color:var(--e-tekst)}
.eo-app__stappen button[aria-current=true] b{background:var(--e-amber);color:var(--e-ink)}
.eo-app__stappen button:focus-visible{outline:3px solid var(--e-amber)}
.eo-app__rechts{display:flex;align-items:center;gap:10px}
.eo-app__dicht{display:flex;align-items:center;gap:8px;border:1px solid var(--e-lijn2);background:none;color:var(--e-tekst);font:800 15px 'Archivo',sans-serif;padding:8px 14px;border-radius:999px;cursor:pointer;min-height:44px}
.eo-app__dicht svg{width:18px;height:18px}
.eo-app__dicht:hover{border-color:var(--e-amber)}
.eo-app__voortgang{position:absolute;left:0;bottom:-1px;height:3px;width:20%;background:var(--e-amber)}
.eo-app__lijf{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 280px}
.eo-app__main{overflow-y:auto;padding:clamp(20px,3vw,44px) clamp(16px,4vw,56px) 40px;scroll-behavior:smooth}
.eo-app__main>section{max-width:1080px;margin:0 auto}
.eo-app__h{margin:0 0 10px;font-size:clamp(28px,3.4vw,46px);line-height:1.05;font-weight:900;letter-spacing:-.03em;max-width:24ch}
.eo-app__h3{margin:34px 0 6px;font-size:22px;font-weight:900}
.eo-app[data-stap=resultaat] .eo-app__lijf{grid-template-columns:minmax(0,1fr)}
.eo-app[data-stap=resultaat] .eo-live{display:none}
.eo-live{border-left:1px solid var(--e-lijn);padding:24px 20px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;background:#0E0E11}
.eo-live__ring{position:relative;width:110px;height:110px;display:grid;place-items:center}
.eo-live__ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.eo-live__ring b{font-size:32px;font-weight:900}
.eo-live__tekst b{display:block;font-size:20px;font-weight:900;line-height:1.15}
.eo-live__tekst span{display:block;margin-top:6px;font-size:14px;color:var(--e-zacht)}
.eo-app__voet{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--e-lijn);background:#0E0E11}
.eo-app__voet .eo-knop{min-height:48px;font-size:16px}
.eo-app__voet .eo-knop:disabled{opacity:.35;cursor:default}
.eo-app__teller{font-size:14px;color:var(--e-zacht);font-weight:700}
/* stap 1: zakelijke doelen */
.eo-zdoelen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.eo-zdoel{all:unset;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:6px;background:var(--e-vlak);border:1.5px solid var(--e-lijn);border-radius:18px;padding:18px 18px 18px 52px;transition:border-color .3s,background .3s,transform .3s}
.eo-zdoel:hover{border-color:var(--e-lijn2);transform:translateY(-2px)}
.eo-zdoel:focus-visible{outline:3px solid var(--e-amber)}
.eo-zdoel b{font-size:18px;font-weight:900;line-height:1.2}
.eo-zdoel__sub{font-size:14px;color:var(--e-zacht)}
.eo-zdoel em{font-style:normal;font-size:14px;color:var(--e-amber);font-weight:700;margin-top:4px}
.eo-zdoel__vink{position:absolute;left:16px;top:18px;width:24px;height:24px;border-radius:8px;border:2px solid var(--e-lijn2);transition:.25s}
.eo-zdoel[aria-pressed=true]{border-color:var(--e-amber);background:linear-gradient(160deg,rgba(248,181,24,.14),var(--e-vlak) 60%)}
.eo-zdoel[aria-pressed=true] .eo-zdoel__vink{background:var(--e-amber);border-color:var(--e-amber)}
.eo-zdoel[aria-pressed=true] .eo-zdoel__vink::after{content:"";position:absolute;left:6px;top:3px;width:6px;height:11px;border-right:3px solid var(--e-ink);border-bottom:3px solid var(--e-ink);transform:rotate(45deg)}
.eo-boom{margin-top:28px;display:grid;gap:16px}
.eo-boom__leeg{color:var(--e-zacht);font-size:16px;background:var(--e-vlak);border:1px dashed var(--e-lijn2);border-radius:16px;padding:18px}
.eo-tak{background:var(--e-vlak);border:1px solid var(--e-lijn);border-radius:18px;padding:18px}
.eo-tak__kop{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}
.eo-tak__kop b{font-size:19px;font-weight:900}
.eo-tak__pct{font-size:14px;font-weight:800;color:var(--e-amber);white-space:nowrap}
.eo-tak__subs{display:grid;gap:10px;position:relative;padding-left:18px}
.eo-tak__subs::before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:2px;background:var(--e-lijn2)}
.eo-sub{position:relative;display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:8px 14px;align-items:start}
.eo-sub::before{content:"";position:absolute;left:-14px;top:11px;width:10px;height:2px;background:var(--e-lijn2)}
.eo-sub__naam{font-size:15px;font-weight:800;padding-top:4px}
.eo-sub__stappen{display:flex;flex-wrap:wrap;gap:6px}
.eo-chip{all:unset;cursor:pointer;font-size:14px;font-weight:700;border:1px solid var(--e-lijn2);border-radius:999px;padding:5px 12px;color:var(--e-zacht);transition:.25s}
.eo-chip::before{content:"+ ";color:var(--e-amber)}
.eo-chip.is-aan{background:rgba(76,195,138,.16);border-color:rgba(76,195,138,.6);color:#BFF0D6}
.eo-chip.is-aan::before{content:"✓ ";color:var(--e-groen)}
.eo-chip:focus-visible{outline:2px solid var(--e-amber)}
/* stap 2: event */
.eo-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 24px}
.eo-type{all:unset;cursor:pointer;background:var(--e-vlak);border:1.5px solid var(--e-lijn);border-radius:16px;padding:14px 16px;transition:.25s}
.eo-type b{display:block;font-size:17px;font-weight:900}
.eo-type span{display:block;font-size:14px;color:var(--e-zacht);margin-top:2px}
.eo-type[aria-pressed=true]{border-color:var(--e-amber);background:linear-gradient(160deg,rgba(248,181,24,.14),var(--e-vlak) 60%)}
.eo-type:focus-visible{outline:3px solid var(--e-amber)}
.eo-veld{display:inline-flex;flex-direction:column;gap:6px;margin:0 14px 18px 0;min-width:min(300px,100%)}
.eo-veld label{font-size:15px;font-weight:700}
.eo-veld input,.eo-poort input{font:600 17px 'Archivo',sans-serif;color:var(--e-tekst);background:var(--e-vlak2);border:1.5px solid var(--e-lijn2);border-radius:12px;padding:12px 14px;min-height:48px}
.eo-veld input:focus,.eo-poort input:focus{outline:none;border-color:var(--e-amber)}
.eo-twee-kol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 36px}
/* stap 3: aanpak */
.eo-fasetabs{display:flex;gap:6px;margin:22px 0 10px;background:var(--e-vlak);border:1px solid var(--e-lijn);border-radius:999px;padding:4px;width:max-content;max-width:100%}
.eo-fasetabs button{all:unset;cursor:pointer;font-size:16px;font-weight:800;padding:10px 18px;border-radius:999px;color:var(--e-zacht);display:flex;gap:8px;align-items:center;min-height:24px}
.eo-fasetabs button span{font-size:13px;color:inherit;opacity:.8}
.eo-fasetabs button[aria-selected=true]{background:var(--e-cream);color:var(--e-ink)}
.eo-stapkaarten{display:grid;gap:14px;margin-top:14px}
.eo-stapk{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:20px;background:var(--e-vlak);border:1.5px solid var(--e-lijn);border-radius:20px;padding:20px;transition:border-color .3s,background .3s}
.eo-stapk.past{border-color:rgba(248,181,24,.45)}
.eo-stapk:has(input:checked){border-color:rgba(76,195,138,.6);background:linear-gradient(120deg,rgba(76,195,138,.09),var(--e-vlak) 50%)}
.eo-stapk[hidden]{display:none}
.eo-stapk__tekst p{margin:0 0 8px;font-size:16px;color:var(--e-zacht)}
.eo-stapk__levert{color:var(--e-tekst)!important}
.eo-stapk__doel{display:inline-block;font-size:13px!important;font-weight:800;color:var(--e-ink)!important;background:var(--e-amber);border-radius:999px;padding:3px 10px;margin:4px 0 10px!important}
.eo-stapk__links{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:15px}
.eo-schakel{display:flex;gap:14px;align-items:flex-start;cursor:pointer;margin-bottom:8px}
.eo-schakel input{position:absolute;opacity:0;width:1px;height:1px}
.eo-schakel__baan{flex:none;position:relative;width:52px;height:30px;border-radius:999px;background:var(--e-vlak3);border:1px solid var(--e-lijn2);transition:.3s;margin-top:2px}
.eo-schakel__baan i{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:var(--e-zacht);transition:transform .35s var(--e-ease),background .3s}
.eo-schakel input:checked+.eo-schakel__baan{background:var(--e-groen);border-color:var(--e-groen)}
.eo-schakel input:checked+.eo-schakel__baan i{transform:translateX(22px);background:#fff}
.eo-schakel input:focus-visible+.eo-schakel__baan{outline:3px solid var(--e-amber);outline-offset:2px}
.eo-stapk__vraag{font-size:19px;font-weight:900;line-height:1.3}
.eo-short{all:unset;cursor:pointer;position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:9/16;background:#000;align-self:start}
.eo-short img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--e-ease)}
.eo-short:hover img{transform:scale(1.04)}
.eo-short__play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:var(--e-amber);color:var(--e-ink);display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.5)}
.eo-short__play svg{width:24px;height:24px;margin-left:3px}
.eo-short__tekst{position:absolute;left:0;right:0;bottom:0;padding:24px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.85));font-size:14px;font-weight:800;text-align:center;color:#fff}
.eo-short:focus-visible{outline:3px solid var(--e-amber)}
.eo-stapbeeld{display:block;border-radius:14px;overflow:hidden;align-self:start}
.eo-stapbeeld img{width:100%;aspect-ratio:4/3;object-fit:cover}
/* stap 4: resultaat */
.eo-resraster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.eo-resraster .eo-blok{margin:0}
.eo-blok--breed{grid-column:1/-1}
.eo-doelmeters small{display:block;margin-bottom:10px}
.eo-dm{margin-bottom:12px}
.eo-dm__kop{display:flex;justify-content:space-between;gap:10px;font-size:15px;margin-bottom:6px}
.eo-dm__kop span{font-weight:900;font-variant-numeric:tabular-nums}
.eo-dm__balk{height:10px;border-radius:99px;background:var(--e-vlak3);overflow:hidden}
.eo-dm__balk i{display:block;height:100%;width:0;border-radius:99px}
/* stap 5: plan als tijdlijn */
.eo-tijdlijn{position:relative;margin-top:10px;display:grid;gap:18px}
.eo-tijdlijn::before{content:"";position:absolute;left:9px;top:10px;bottom:10px;width:2px;background:var(--e-lijn2)}
.eo-tl{position:relative;padding-left:34px}
.eo-tl__wanneer{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.eo-tl__wanneer i{position:absolute;left:2px;width:16px;height:16px;border-radius:50%;background:var(--e-amber);box-shadow:0 0 0 4px var(--e-ink)}
.eo-tl__wanneer b{font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;color:var(--e-zacht)}
.eo-tl ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.eo-tl li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:2px 12px;background:var(--e-vlak);border:1px solid var(--e-lijn);border-radius:14px;padding:12px 14px}
.eo-tl li>span{grid-row:span 3;align-self:start;font-size:13px;font-weight:800;border-radius:999px;padding:3px 8px;text-align:center}
.eo-tl li.is-doen>span{background:rgba(76,195,138,.18);color:#8BE3B8}
.eo-tl li.is-tip>span{background:rgba(248,181,24,.16);color:#FFD77A}
.eo-tl li b{font-size:16px;line-height:1.35}
.eo-tl li em{font-style:normal;font-size:14px;color:var(--e-zacht)}
.eo-tl li a{font-size:14px;color:var(--e-amber);font-weight:700}
.eo-app .eo-liggen{margin-top:24px}

/* ================= de presentatie ================= */
.eo-deck{position:fixed;inset:0;z-index:9995;background:#0B0B0D;display:flex;flex-direction:column;color:var(--e-tekst);font-family:'Archivo',system-ui,sans-serif}
.eo-deck[hidden]{display:none}
.eo-deck__dia{flex:1;min-height:0;overflow-y:auto;display:flex}
.eo-dia{margin:auto;width:min(1100px,100%);padding:clamp(24px,5vw,72px) clamp(18px,5vw,64px)}
.eo-dia h1{margin:0 0 16px;font-size:clamp(44px,7vw,96px);line-height:.98;font-weight:900;letter-spacing:-.045em}
.eo-dia h2{margin:0 0 22px;font-size:clamp(30px,4.4vw,58px);line-height:1.03;font-weight:900;letter-spacing:-.035em;max-width:22ch}
.eo-dia__kicker{margin:0 0 14px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--e-amber)}
.eo-dia__lead{font-size:clamp(18px,1.8vw,22px);color:var(--e-zacht);max-width:52ch;margin:0 0 22px}
.eo-dia__merk{margin-top:44px;font-size:14px;color:var(--e-zacht)}
.eo-dia--cover{min-height:70vh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(700px 500px at 90% 10%,rgba(248,181,24,.16),transparent 60%)}
.eo-dia__chips{display:flex;flex-wrap:wrap;gap:8px}
.eo-dia__chips span{font-size:15px;font-weight:800;background:var(--e-amber);color:var(--e-ink);border-radius:999px;padding:7px 14px}
.eo-dia__cijfers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.eo-dia__cijfers div{background:var(--e-vlak);border:1px solid var(--e-lijn);border-radius:18px;padding:20px}
.eo-dia__cijfers b{display:block;font-size:clamp(30px,3.4vw,46px);font-weight:900;color:var(--e-amber);line-height:1.05;font-variant-numeric:tabular-nums}
.eo-dia__cijfers span{display:block;margin-top:6px;font-size:15px;color:var(--e-zacht)}
.eo-dia__stappen{display:grid;gap:12px}
.eo-dia__stap{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;background:var(--e-vlak);border:1px solid var(--e-lijn);border-radius:18px;padding:16px}
.eo-dia__stap:not(:has(.eo-dia__media)){grid-template-columns:minmax(0,1fr)}
.eo-dia__stap b{font-size:18px;line-height:1.3}
.eo-dia__stap p{margin:6px 0 0;font-size:15px;color:var(--e-zacht)}
.eo-dia__links a{color:var(--e-amber);font-weight:700}
.eo-dia__media{position:relative;display:block;border-radius:12px;overflow:hidden;align-self:start;text-decoration:none}
.eo-dia__media img{width:100%;aspect-ratio:3/4;object-fit:cover}
.eo-dia__media span{position:absolute;left:0;right:0;bottom:0;padding:16px 6px 6px;background:linear-gradient(transparent,rgba(0,0,0,.85));font-size:13px;font-weight:800;color:#fff;text-align:center}
.eo-dia__doelen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.eo-dia__doel{background:var(--e-vlak);border:1px solid var(--e-lijn);border-radius:18px;padding:18px}
.eo-dia__doelkop{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}
.eo-dia__doelkop b{font-size:18px}
.eo-dia__doelkop span{font-weight:900;color:var(--e-amber)}
.eo-dia__doel ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.eo-dia__doel li b{display:block;font-size:15px}
.eo-dia__doel li span{display:block;font-size:14px;color:var(--e-zacht);margin-top:2px}
.eo-dia__tl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.eo-dia__tl div{background:var(--e-vlak);border:1px solid var(--e-lijn);border-top:3px solid var(--e-amber);border-radius:14px;padding:14px}
.eo-dia__tl b{font-size:14px;text-transform:uppercase;letter-spacing:.03em;color:var(--e-zacht)}
.eo-dia__tl ul{margin:8px 0 0;padding-left:16px;font-size:15px}
.eo-dia__tl li{margin-bottom:6px}
.eo-dia__tl li.is-tip{color:#FFD77A}
.eo-deck__balk{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--e-lijn);background:#0E0E11}
.eo-deck__balk span{min-width:64px;text-align:center;font-weight:800;color:var(--e-zacht);font-size:15px}
.eo-deck__knop{border:1px solid var(--e-lijn2);background:var(--e-vlak);color:var(--e-tekst);font:800 16px 'Archivo',sans-serif;padding:8px 16px;border-radius:999px;cursor:pointer;min-height:44px;min-width:44px}
.eo-deck__deel{margin-left:auto}

/* ================= short-speler en bewaren ================= */
.eo-speler{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.85);display:grid;place-items:center;padding:16px}
.eo-speler[hidden]{display:none}
.eo-speler__doos{position:relative;width:min(400px,100%);}
.eo-speler video{width:100%;max-height:78vh;border-radius:16px;background:#000;display:block}
.eo-speler__titel{margin:10px 0 0;font-size:16px;font-weight:800;color:#fff;text-align:center}
.eo-speler__dicht{position:absolute;top:-14px;right:-14px;width:44px;height:44px;border-radius:50%;border:0;background:var(--e-cream);color:var(--e-ink);cursor:pointer;display:grid;place-items:center}
.eo-speler__dicht svg{width:20px;height:20px}
.eo-poort{position:fixed;inset:0;z-index:9997;background:rgba(0,0,0,.7);display:grid;place-items:center;padding:16px}
.eo-poort[hidden]{display:none}
.eo-poort__doos{width:min(480px,100%);background:#141418;border:1px solid var(--e-lijn2);border-radius:22px;padding:26px;color:var(--e-tekst)}
.eo-poort__doos h3{margin:0 0 8px;font-size:26px;font-weight:900;line-height:1.1}
.eo-poort__doos p{margin:0 0 16px;color:var(--e-zacht)}
.eo-poort form{display:grid;gap:8px}
.eo-poort label{font-size:15px;font-weight:700}
.eo-poort__fout{color:var(--e-rood)!important;font-weight:700;margin:0!important}
.eo-poort__klein{font-size:14px;margin-top:14px!important}
.eo-poort__klein a{color:var(--e-amber)}
.eo-poort__later{background:none;border:0;color:var(--e-zacht);font:700 15px 'Archivo',sans-serif;cursor:pointer;text-decoration:underline;padding:6px 0;min-height:44px}

@media (max-width:1100px){.eo-app__lijf{grid-template-columns:minmax(0,1fr)}.eo-live{display:none}}
@media (max-width:900px){
 .eo-held__raster{grid-template-columns:1fr}
 .eo-doelkaarten,.eo-zdoelen,.eo-types{grid-template-columns:1fr 1fr}
 .eo-twee-kol,.eo-resraster{grid-template-columns:minmax(0,1fr)}
 .eo-dia__cijfers{grid-template-columns:1fr 1fr}.eo-dia__tl{grid-template-columns:1fr 1fr}.eo-dia__doelen{grid-template-columns:1fr}
 .eo-app__kop{flex-wrap:wrap;gap:8px 12px;padding:10px 14px}
 .eo-app__naam span{display:none}
 .eo-app__stappen{order:3;width:100%;margin:0}
 .eo-app__stappen button span{display:none}
 .eo-app__stappen button{padding:4px}
 .eo-app__stappen button[aria-current=true]{padding-right:12px}
 .eo-app__stappen button[aria-current=true] span{display:inline}
 .eo-app__rechts{margin-left:auto}
 .eo-app__dicht span{display:none}
 .eo-tijd button{padding:8px 12px;font-size:14px}
}
@media (max-width:640px){
 .eo-doelkaarten,.eo-zdoelen,.eo-types{grid-template-columns:1fr}
 .eo-stapk{grid-template-columns:minmax(0,1fr) 96px;gap:12px;padding:16px}
 .eo-stapk__vraag{font-size:17px}
 .eo-short__play{width:40px;height:40px}.eo-short__tekst{font-size:13px;padding:16px 4px 6px}
 .eo-sub{grid-template-columns:minmax(0,1fr)}
 .eo-tl li{grid-template-columns:minmax(0,1fr)}.eo-tl li>span{grid-row:auto;justify-self:start}
 .eo-dia__stap{grid-template-columns:80px minmax(0,1fr);gap:12px}
 .eo-dia__cijfers{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.eo-dia__cijfers div{padding:14px}.eo-dia__cijfers b{font-size:26px}
 .eo-dia__tl{grid-template-columns:1fr}
 .eo-deck__deel{display:none}
 .eo-app__voet .eo-knop{padding:0 16px}
 .eo-launch__in{grid-template-columns:1fr}.eo-launch__ring{margin:0 auto}
}
#eo-print{display:none}
@media print{
 body>*:not(#eo-print){display:none!important}
 #eo-print{display:block;color:#111;background:#fff}
 #eo-print .eo-dia{page-break-after:always;min-height:0;background:#fff!important;color:#111}
 #eo-print .eo-dia *{color:#111!important;background:#fff!important;border-color:#ccc!important}
 #eo-print .eo-dia__media span{display:none}
}

/* per soort event: tips, labels */
.eo-soort:empty{display:none}
.eo-soort{margin:0 0 28px;padding:22px;border-radius:22px;background:var(--e-vlak2);border:1.5px solid var(--e-lijn2)}
.eo-soort__kop h3{margin:6px 0 6px;font-size:clamp(22px,2.2vw,28px);line-height:1.15;font-weight:900;text-wrap:balance}
.eo-soort__kop p:not(.eo-kicker){margin:0 0 16px;color:var(--e-zacht);font-size:16px;text-wrap:balance;max-width:62ch}
.eo-soort__tips{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.eo-tip{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:start;background:var(--e-vlak);border:1px solid var(--e-lijn);border-radius:16px;padding:14px}
.eo-tip .eo-short{border-radius:10px}
.eo-tip .eo-short__play{width:40px;height:40px}
.eo-tip .eo-short__tekst{font-size:13px;padding:16px 4px 6px}
.eo-tip h4{margin:0 0 6px;font-size:16px;line-height:1.3;font-weight:800;text-wrap:balance}
.eo-tip p{margin:0;max-width:68ch;font-size:16px;line-height:1.5;color:var(--e-zacht)}
.eo-tip__cijfer{margin-top:10px!important;font-size:14px!important}
.eo-tip__cijfer b{color:var(--e-amber);font-size:16px}
.eo-tip__cijfer a,.eo-soort__links a{color:var(--e-amber);font-weight:700}
.eo-soort__links{margin:16px 0 0;font-size:15px}
.eo-zdoel__soort{display:inline-block;align-self:flex-start;font-size:13px;font-weight:800;color:var(--e-ink);background:var(--e-groen);border-radius:999px;padding:3px 10px;margin:2px 0 4px}
.eo-zdoel__soort[hidden]{display:none}
.eo-stapk__soort{display:inline-block;font-size:13px!important;font-weight:800;color:var(--e-ink)!important;background:var(--e-groen);border-radius:999px;padding:3px 10px;margin:4px 6px 10px 0!important}
.eo-stapk__soort[hidden]{display:none}
@media (max-width:1100px){.eo-soort__tips{grid-template-columns:1fr}}
@media (max-width:640px){.eo-soort{padding:16px}.eo-tip{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:12px}}