/* Overgenomen uit larspieper-kennisblokken.php (WordPress), wp_head-stijl. Bron van waarheid is nu dit bestand. */
/* Voetenstand */
.lp-voeten{margin:1.8em auto;max-width:400px;text-align:center;font-family:var(--lp-sans)}
.lp-voeten svg{width:100%;height:auto;display:block;background:var(--lp-cream);border-radius:var(--lp-radius-m)}
.lp-voeten-lijn{stroke:rgba(22,32,43,.26);stroke-width:1.4;stroke-dasharray:5 5}
.lp-voeten-korf{fill:none;stroke:var(--lp-ink);stroke-width:2}
.lp-voeten-aanvaller{fill:var(--lp-ink)}
.lp-voeten-tekst{font-family:var(--lp-sans);font-size:7px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;fill:var(--lp-secondary)}
.lp-voet{fill:var(--lp-ink);transition:fill-opacity .9s var(--lp-ease)}
.lp-voet-l{fill-opacity:var(--wl,.6)}
.lp-voet-r{fill-opacity:var(--wr,.6)}
.lp-voeten.is-verplaatst .lp-voet-l{fill-opacity:var(--wl2,.6)}
.lp-voeten.is-verplaatst .lp-voet-r{fill-opacity:var(--wr2,.6)}
.lp-voeten-cog{fill:var(--lp-terra);transform:translate(var(--cx,100px),var(--cy,92px));transition:transform .9s var(--lp-ease)}
.lp-voeten-jij{transition:transform .9s var(--lp-ease)}
.lp-voeten.is-verplaatst .lp-voeten-jij{transform:translate(var(--jdx,0px),var(--jdy,0px))}
.lp-voeten.is-verplaatst .lp-voeten-cog{transform:translate(var(--cx2,100px),var(--cy2,92px))}
.lp-voeten figcaption{font-family:var(--lp-sans);font-size:.86rem;font-weight:600;color:var(--lp-ink);margin-top:.6em;line-height:1.35}
.lp-voeten-sub{display:block;margin-top:.3em;font-size:.78rem;font-weight:500;color:var(--lp-secondary)}
.lp-voeten-play{margin-top:.6em;font:inherit;font-family:var(--lp-sans);font-size:.8rem;font-weight:600;background:transparent;border:1px solid rgba(22,32,43,.22);border-radius:var(--lp-radius-pill);padding:.45em 1em;cursor:pointer;color:var(--lp-ink)}
.lp-voeten-play:hover{border-color:rgba(22,32,43,.45)}

/* Variantenkiezer */
.lp-variant[hidden]{display:none}
.lp-varianten-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.6rem;justify-content:center}
.lp-varianten-tabs button{display:flex;flex-direction:column;align-items:center;gap:.25em;font:inherit;font-family:var(--lp-sans);font-size:.72rem;font-weight:700;line-height:1.2;text-align:center;color:var(--lp-secondary);background:transparent;border:1px solid rgba(22,32,43,.14);border-radius:var(--lp-radius-m);padding:.45em .5em;cursor:pointer;transition:border-color var(--lp-t-micro),color var(--lp-t-micro),box-shadow var(--lp-t-micro)}
.lp-varianten-tabs button:hover{border-color:rgba(22,32,43,.4);color:var(--lp-ink)}
.lp-varianten-tabs button.is-on{border-color:var(--lp-ink);color:var(--lp-ink);background:#fff;box-shadow:var(--lp-shadow-rest)}
.lp-varianten-tabs svg{width:104px;height:76px;display:block}
.lp-varianten-label{letter-spacing:.04em}
.lp-varianten-mini .lp-voeten-tekst,.lp-varianten-mini .lp-voeten-korf,.lp-varianten-mini .lp-voeten-aanvaller{display:none}
.lp-varianten-thumb{width:104px;height:76px;border-radius:8px;background-size:cover;background-position:center;display:block}
.lp-varianten.is-tabbed .lp-variant-titel{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Artikelcitaat */
.lp-citaat{margin:1.8em 0;background:var(--lp-cream);border-radius:var(--lp-radius-m);padding:1.4rem 1.5rem 1.1rem;position:relative}
.lp-citaat::before{content:'\201C';position:absolute;top:.1em;left:.28em;font-family:var(--lp-serif);font-size:3.4rem;line-height:1;color:rgba(22,32,43,.14)}
.lp-citaat blockquote{margin:0;font-family:var(--lp-serif);font-size:1.08em;line-height:1.6;color:var(--lp-ink)}
.lp-citaat figcaption{margin-top:.8rem;font-family:var(--lp-sans);font-size:.82rem;font-weight:600;color:var(--lp-secondary)}
.lp-citaat figcaption a{color:var(--lp-accent)}
.lp-citaat-fout{font-family:var(--lp-sans);font-size:.9rem;color:var(--lp-err);background:var(--lp-err-bg);border-radius:var(--lp-radius-m);padding:.7em 1em}

/* Kenniskaart: voordeel / nadeel / opties */
.lp-kenniskaart{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:1.6em 0}
.lp-kk{border-radius:var(--lp-radius-m);padding:1rem 1.1rem;margin:0}
.lp-kk :where(h2,h3,h4,h5){font-family:var(--lp-sans);font-size:1rem;font-weight:700;letter-spacing:var(--lp-ls-heading);color:var(--lp-ink);margin:0 0 .5em}
.lp-kk :where(p,li){font-family:var(--lp-sans);font-size:.95rem;line-height:1.5;margin:0 0 .4em}
.lp-kk ul{margin:0;padding-left:1.1em}
.lp-kk-plus{background:var(--lp-soft-green)}
.lp-kk-min{background:var(--lp-blush)}
.lp-kk-opties{background:var(--lp-soft-blue)}
/* Lees je verdediger: waar kan hij heen? */
.lp-lees{margin:1.8em 0;padding:var(--lp-space-4);background:var(--lp-cream);border-radius:var(--lp-radius-l);font-family:var(--lp-sans)}
.lp-lees-keuzes{display:flex;flex-wrap:wrap;gap:var(--lp-space-1);margin:0 0 var(--lp-space-3)}
.lp-lees-label{margin:0 0 var(--lp-space-1);font-size:.8rem;font-weight:700;color:var(--lp-secondary)}
.lp-lees-keuzes button,.lp-lees-verdeeld{min-height:44px;font:inherit;font-size:.9rem;font-weight:600;color:var(--lp-ink);background:var(--lp-white);border:1px solid rgba(22,32,43,.22);border-radius:var(--lp-radius-pill);padding:.5em 1.15em;cursor:pointer;transition:border-color var(--lp-t-micro) var(--lp-ease),background var(--lp-t-micro) var(--lp-ease)}
.lp-lees-keuzes button:hover,.lp-lees-verdeeld:hover{border-color:rgba(22,32,43,.45)}
.lp-lees-keuzes button[aria-pressed=true]{background:var(--lp-ink);border-color:var(--lp-ink);color:var(--lp-white)}
.lp-lees svg{display:block;width:100%;max-width:380px;height:auto;margin:0 auto;background:var(--lp-white);border-radius:var(--lp-radius-m)}
.lp-lees-doel circle{fill:var(--lp-white);stroke:rgba(22,32,43,.3);stroke-width:1.2;stroke-dasharray:2.5 2;transition:fill var(--lp-t-ui) var(--lp-ease),stroke var(--lp-t-ui) var(--lp-ease)}
.lp-lees-doel-streep{stroke:rgba(22,32,43,.55);stroke-width:1.8;stroke-linecap:round;visibility:hidden}
.lp-lees-doel.is-open circle{fill:var(--lp-accent);stroke:var(--lp-accent);stroke-dasharray:none}
.lp-lees-doel.is-blok circle{fill:rgba(22,32,43,.12);stroke:rgba(22,32,43,.4);stroke-dasharray:none}
.lp-lees-doel.is-blok .lp-lees-doel-streep{visibility:visible}
.lp-lees-doel.is-keuze circle{stroke:var(--lp-ink);stroke-width:2.6;stroke-dasharray:none}
.lp-lees.is-verborgen.is-kiezen .lp-lees-doel{cursor:pointer}
.lp-lees-doel:focus{outline:none}
.lp-lees-doel:focus-visible circle{stroke:var(--lp-accent);stroke-width:2.6}
.lp-lees-heup{opacity:0;transition:opacity var(--lp-t-ui) var(--lp-ease),transform var(--lp-t-ui) var(--lp-ease)}
.lp-lees.is-heup .lp-lees-heup{opacity:1}
.lp-lees-fase{margin:var(--lp-space-2) 0 0;font-size:.95rem;font-weight:700;color:var(--lp-ink)}
.lp-lees-been.is-belast{stroke:rgba(22,32,43,.7)}
.lp-lees-steun{fill:rgba(22,32,43,.05);stroke:rgba(22,32,43,.22);stroke-width:.8;stroke-dasharray:2 2}
.lp-lees-heup ellipse{fill:rgba(22,32,43,.1);stroke:var(--lp-ink);stroke-opacity:.45;stroke-width:1.5}
.lp-lees-buik{fill:var(--lp-ink);fill-opacity:.55}
.lp-lees-heup,.lp-lees-zp{pointer-events:none} /* voeten eronder blijven tikbaar */
.lp-lees.is-heup .lp-lees-heup ellipse{stroke-opacity:.9}
.lp-lees.is-heup .lp-lees-buik{fill-opacity:.95}
.lp-lees-jij{transition:transform 180ms var(--lp-ease)}
.lp-lees .lp-lees-alleen-uit{display:none}
.lp-lees .lp-lees-n2,.lp-lees .lp-lees-n3{display:none}
.lp-lees .lp-lees-veld-schuin{display:none}
.lp-lees.is-b-schuin .lp-lees-veld-schuin{display:block}
.lp-lees:is(.is-b-voor,.is-b-schuin) .lp-lees-veld-boven,.lp-lees:is(.is-b-boven,.is-b-schuin) .lp-lees-veld-voor{display:none}
.lp-lees.is-b-wissel:not(.toon-boven) .lp-lees-veld-boven,.lp-lees.is-b-wissel.toon-boven .lp-lees-veld-voor{display:none}
.lp-lees:not(.is-b-beide) .lp-lees-veld svg,.lp-lees:not(.is-b-beide) svg.lp-lees-voor{max-width:400px}
.lp-lees-wissel{display:block;margin:0 auto var(--lp-space-2);min-height:44px;font:inherit;font-size:.85rem;font-weight:600;color:var(--lp-ink);background:var(--lp-white);border:1px solid rgba(22,32,43,.22);border-radius:var(--lp-radius-pill);padding:.4em 1.1em;cursor:pointer}
.lp-lees-helft{fill:transparent;display:none;pointer-events:none}
.lp-lees.is-k-twee .lp-lees-helft{display:inline}
.lp-lees.is-k-twee.is-verborgen.is-kiezen .lp-lees-helft{pointer-events:all;cursor:pointer}
.lp-lees.is-k-twee :is(.lp-lees-doelrond,.lp-lees-doelvlak){display:none}
.lp-lees :is(.lp-lees-voor,.lp-lees-schuin) :is(.lp-lees-jijvoet,.lp-lees-spoor,.lp-lees-arm,.lp-lees-torso,.lp-lees-hoofd,.lp-lees-been,.lp-lees-broek,.lp-lees-naad,.lp-lees-lichaamlaag,.lp-lees-helftlaag,.lp-lees-deurlaag,.lp-s-lijn,.lp-s-paal,.lp-s-korf,.lp-s-baan){pointer-events:none}
.lp-lees.is-n2 .lp-lees-vvoet{cursor:pointer}
.lp-w-gloed{fill:rgba(61,90,128,.22);stroke:var(--lp-accent);stroke-width:1.6}
.lp-w-gloedlijn{fill:none;stroke:var(--lp-accent);stroke-opacity:.35;stroke-width:12;stroke-linecap:round;stroke-linejoin:round}
.lp-w-woord{font-family:var(--lp-sans);font-size:5.5px;font-weight:700;fill:var(--lp-accent)}
.lp-w-helft{fill:rgba(61,90,128,.14)}
.lp-lees-jijvoet ellipse{fill:rgba(22,32,43,.18)}
.lp-w-muur{stroke:var(--lp-ink);stroke-width:2.2;stroke-linecap:round}
.lp-w-spoor{fill:none;stroke:rgba(22,32,43,.45);stroke-width:4;stroke-linecap:round}
.lp-w-spoor.is-open{stroke:var(--lp-accent)}
.lp-lees.is-speelt :is(.lp-lees-lichaamlaag,.lp-lees-uitkomst){animation:lp-lees-na .35s 1.4s both}
@keyframes lp-lees-na{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.lp-lees.is-speelt :is(.lp-lees-lichaamlaag,.lp-lees-uitkomst){animation:none}}
.lp-w-baan{fill:rgba(61,90,128,.25)}
.lp-w-baanpijl{fill:var(--lp-accent)}
.lp-lees-schuin{display:block;width:100%;height:auto;margin:0 auto;background:var(--lp-white);border-radius:var(--lp-radius-m)}
.lp-s-lijn{stroke:rgba(22,32,43,.25);stroke-width:1;stroke-dasharray:3 3}
.lp-s-paal,.lp-s-korf{fill:none;stroke:rgba(22,32,43,.28);stroke-width:1.2}
.lp-s-baan{fill:none;stroke:rgba(22,32,43,.25);stroke-dasharray:3 3}
.lp-s-baan.is-open{fill:rgba(61,90,128,.3);stroke:var(--lp-accent);stroke-dasharray:none}
.lp-s-baan.is-blok{fill:rgba(22,32,43,.1)}
.lp-lees.is-n2 .lp-lees-n2,.lp-lees.is-n3 .lp-lees-n3{display:block}
.lp-lees-doelvlak{fill:transparent;stroke:none;pointer-events:none}
.lp-lees.is-verborgen.is-kiezen .lp-lees-doelvlak{pointer-events:all;cursor:pointer}
.lp-lees.is-w-vakken .lp-lees-doelvlak,.lp-lees:not(.is-w-vakken) .lp-lees-doelrond{display:none}
.lp-lees.is-verborgen.is-kiezen :is(.lp-w-pijl,.lp-w-deur,.lp-w-vloer){cursor:pointer}
.lp-w-vlak{fill:none;stroke:rgba(22,32,43,.18);stroke-width:1;stroke-dasharray:2 2}
.lp-w-vlak.is-open{fill:rgba(61,90,128,.24);stroke:var(--lp-accent);stroke-dasharray:none}
.lp-w-vlak.is-dicht{fill:rgba(22,32,43,.035)}
.lp-w-vlak.is-blok{stroke:rgba(22,32,43,.35);stroke-dasharray:none}
.lp-w-label{font-family:var(--lp-sans);font-size:6px;font-weight:600;fill:var(--lp-secondary)}
.lp-w-ruimte{font-family:var(--lp-sans);font-size:6px;font-weight:700;fill:var(--lp-accent)}
.lp-w-bereik{fill:rgba(22,32,43,.09);stroke:rgba(22,32,43,.4);stroke-width:1;stroke-dasharray:3 2}
.lp-w-kleur{fill:var(--lp-accent)}
.lp-w-ring{fill:none;stroke:rgba(22,32,43,.2);stroke-dasharray:2 3}
.lp-w-pijl line{stroke:rgba(22,32,43,.3);stroke-width:4;stroke-linecap:round}
.lp-w-pijl path{fill:rgba(22,32,43,.3)}
.lp-w-pijl.is-open line{stroke:var(--lp-accent)}
.lp-w-pijl.is-open path{fill:var(--lp-accent)}
.lp-w-pijl.is-dicht line{stroke-dasharray:1 5}
.lp-w-pijl.is-blok line{stroke:rgba(22,32,43,.5)}
.lp-w-deur{fill:none;stroke:rgba(22,32,43,.2);stroke-dasharray:3 2}
.lp-w-deur.is-open{fill:rgba(61,90,128,.22);stroke:var(--lp-accent);stroke-dasharray:none}
.lp-w-deur.is-dicht{fill:rgba(22,32,43,.04)}
.lp-w-deur.is-blok{stroke:rgba(22,32,43,.35);stroke-dasharray:none}
.lp-w-vloer line{stroke:rgba(22,32,43,.3);stroke-width:3;stroke-linecap:round}
.lp-w-vloer path{fill:rgba(22,32,43,.3)}
.lp-w-vloer.is-open line{stroke:var(--lp-accent)}
.lp-w-vloer.is-open path{fill:var(--lp-accent)}
.lp-w-vloer.is-dicht line{stroke-dasharray:1 5}
.lp-lees-vraag{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--lp-space-2);margin-top:var(--lp-space-3);padding:var(--lp-space-3) var(--lp-space-4);background:var(--lp-white);border:var(--lp-border);border-radius:var(--lp-radius-m);font-size:1rem;font-weight:700;color:var(--lp-ink)}
.lp-lees [hidden]{display:none!important} /* display-regels hieronder mogen hidden niet overrulen */
.lp-lees-toon,.lp-lees-waaromknop{min-height:44px;font:inherit;font-size:.85rem;font-weight:600;color:var(--lp-ink);background:transparent;border:1px solid rgba(22,32,43,.22);border-radius:var(--lp-radius-pill);padding:.4em 1em;cursor:pointer}
.lp-lees-waaromknop{margin-top:var(--lp-space-3)}
.lp-lees-reactie{margin:0 0 var(--lp-space-3);padding-bottom:var(--lp-space-3);border-bottom:1px solid rgba(22,32,43,.1);font-size:1rem;font-weight:600;color:var(--lp-ink)}
.lp-lees-reactie.is-goed{color:var(--lp-accent)}
.lp-lees .lp-lees-waarom{display:none}
.lp-lees.toon-waarom.is-kiezen .lp-lees-waarom{display:block}
.lp-lees.is-uitgebreid .lp-lees-alleen-uit{display:block}
.lp-lees-modus{justify-content:flex-end}
.lp-lees-velden{display:grid;gap:var(--lp-space-3);grid-template-columns:1fr}
@media (min-width:700px){.lp-lees.is-b-beide .lp-lees-velden{grid-template-columns:1fr 1fr}}
.lp-lees-veldkop{margin:0 0 var(--lp-space-1);font-size:.8rem;font-weight:700;color:var(--lp-secondary);text-align:center}
.lp-lees svg.lp-lees-voor{max-width:280px}
.lp-lees-grond{stroke:rgba(22,32,43,.2);stroke-width:1}
.lp-lees-torso{fill:rgba(22,32,43,.16)}
.lp-lees-arm{fill:none;stroke:rgba(22,32,43,.22);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.lp-lees-hoofd{fill:rgba(22,32,43,.2)}
.lp-lees-been{fill:none;stroke:rgba(22,32,43,.45);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.lp-lees-vvoet{fill:var(--lp-ink);fill-opacity:.5}
.lp-lees-vvoet.is-belast{fill-opacity:.95}
.lp-lees-broek{fill:var(--lp-ink)}
.lp-lees-naad{stroke:var(--lp-white);stroke-width:1.6;stroke-linecap:round}
.lp-lees-zie{margin-top:var(--lp-space-1);font-size:.85rem;line-height:1.45;color:var(--lp-ink);text-align:center}
.lp-lees-hoog{margin:0 0 var(--lp-space-3);padding-bottom:var(--lp-space-3);border-bottom:1px solid rgba(22,32,43,.1);font-size:.95rem;font-weight:600;color:var(--lp-ink)}
.lp-lees-schijn{margin-top:var(--lp-space-3)}
.lp-lees-keuzes button:disabled{opacity:.4;cursor:default}
.lp-lees-voet:focus{outline:none;box-shadow:none} /* SVG: geen browserkader bij klikken */
.lp-lees-heup,.lp-lees-zp{transition:transform var(--lp-t-ui) var(--lp-ease)}
.lp-lees-zp{fill:var(--lp-terra)}
.lp-lees-voet{fill:var(--lp-ink);fill-opacity:.6;transition:fill-opacity var(--lp-t-ui) var(--lp-ease),transform var(--lp-t-ui) var(--lp-ease)}
.lp-lees.is-heup .lp-lees-voet{transition-delay:140ms} /* eerst heup en zwaartepunt, dan de voeten */
.lp-lees-voet.is-belast{fill-opacity:.92}
.lp-lees.is-kiezen .lp-lees-voet{cursor:pointer}
.lp-lees-voet:focus-visible{outline:none;stroke:var(--lp-accent);stroke-width:2}
.lp-lees-legenda{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--lp-space-1) var(--lp-space-3);margin:var(--lp-space-2) 0 0;font-size:.8rem;color:var(--lp-secondary)}
.lp-lees-legenda span::before{content:'';display:inline-block;width:11px;height:11px;margin-right:.4em;vertical-align:-1px;border-radius:50%;border:1.5px dashed rgba(22,32,43,.4);background:var(--lp-white)}
.lp-lees-legenda .is-open::before{background:var(--lp-accent);border:1.5px solid var(--lp-accent)}
.lp-lees-legenda .is-blok::before{background:rgba(22,32,43,.12);border:1.5px solid rgba(22,32,43,.4)}
.lp-lees-uitkomst{margin-top:var(--lp-space-3);padding:var(--lp-space-3) var(--lp-space-4);background:var(--lp-white);border:var(--lp-border);border-radius:var(--lp-radius-m)}
.lp-lees-optie + .lp-lees-optie{margin-top:var(--lp-space-3);padding-top:var(--lp-space-3);border-top:1px solid rgba(22,32,43,.1)}
.lp-lees-soort{margin:0 0 .15em;font-size:.8rem;font-weight:700;color:var(--lp-secondary)}
.lp-lees-advies{font-size:1.3rem;font-weight:700;line-height:1.25;letter-spacing:var(--lp-ls-heading);color:var(--lp-ink)}
.lp-lees-waarom{margin-top:var(--lp-space-1);font-size:.95rem;line-height:1.5;color:var(--lp-ink)}
.lp-lees-tip{margin:calc(var(--lp-space-1) * -1) 0 var(--lp-space-2);font-size:.85rem;color:var(--lp-secondary)}
@media (max-width:560px){.lp-lees,.lp-lees-uitkomst{padding:var(--lp-space-3)}.lp-lees-advies{font-size:1.15rem}}
@media (prefers-reduced-motion:reduce){.lp-lees-doel circle,.lp-lees-heup,.lp-lees-zp,.lp-lees-voet,.lp-lees-jij{transition:none}}
/* Schotselectie: invulraster per schot + rebound + rendement → advies per schot */
.lp-schot{margin:1.8em 0;padding:var(--lp-space-4);background:var(--lp-cream);border-radius:var(--lp-radius-l);font-family:var(--lp-sans);font-variant-numeric:tabular-nums}
.lp-schot-kop-klein{margin:0 0 var(--lp-space-1);font-size:.8rem;font-weight:700;color:var(--lp-secondary)}
.lp-schot-hint{font-size:.85rem;color:var(--lp-secondary)}
.lp-schot-invoer{width:auto;margin:var(--lp-space-2) 0 var(--lp-space-4);border-collapse:collapse;font-size:.9rem}
.lp-schot-invoer th,.lp-schot-invoer td{padding:.5em 2.5em .5em .4em;border:0;border-bottom:1px solid rgba(22,32,43,.12);text-align:left;vertical-align:middle}
.lp-schot-invoer th:first-child{padding-left:0}
.lp-schot-invoer thead th{font-size:.78rem;font-weight:600;line-height:1.3;color:var(--lp-secondary);vertical-align:bottom}
.lp-schot-invoer tbody th{font-weight:700;color:var(--lp-ink)}
.lp-schot-invoer small{display:block;margin-top:.2em;font-size:.72rem;color:var(--lp-secondary)}
.lp-schot-pct{display:inline-flex;align-items:center;gap:.3em;font-weight:600;color:var(--lp-ink)}
.lp-schot-pct input{width:4.2em;min-height:44px;margin:0;padding:.3em .55em;font:inherit;font-weight:600;text-align:right;color:var(--lp-ink);background:var(--lp-white);border:1px solid rgba(22,32,43,.22);border-radius:var(--lp-radius-s);-moz-appearance:textfield;appearance:textfield}
.lp-schot-pct input::-webkit-inner-spin-button,.lp-schot-pct input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.lp-schot-pct input::placeholder{color:rgba(22,32,43,.38)}
.lp-schot-pct input:disabled{opacity:.45}
.lp-schot-vraag-kop{display:block;margin:0 0 var(--lp-space-1);font-size:.95rem;font-weight:700;color:var(--lp-ink)}
.lp-schot-schuif{display:block}
.lp-schot-los{display:block;margin:0 0 var(--lp-space-3)}
.lp-schot-los small{display:block;margin-top:.3em;font-size:.78rem;color:var(--lp-secondary)}
.lp-schot-schuif output{font-weight:500;color:var(--lp-secondary)}
.lp-schot-schuif input{display:block;width:100%;height:44px;margin:0;accent-color:var(--lp-ink)}
.lp-schot-antwoord{margin-top:var(--lp-space-4);padding:var(--lp-space-4);background:var(--lp-white);border:var(--lp-border);border-radius:var(--lp-radius-m)}
.lp-schot-advies{font-size:1.4rem;font-weight:700;line-height:1.25;letter-spacing:var(--lp-ls-heading);color:var(--lp-ink)}
.lp-schot-regel{margin-top:var(--lp-space-3);font-size:1rem;font-weight:600;color:var(--lp-ink)}
.lp-schot-lijst{margin-top:var(--lp-space-5)}
.lp-schot-rij{display:flex;align-items:center;justify-content:space-between;gap:var(--lp-space-2);padding:.6em 0;border-top:1px solid rgba(22,32,43,.1)}
.lp-schot-rij-naam{font-size:1rem;font-weight:700;color:var(--lp-ink)}
.lp-schot-rij-jij{font-size:.85rem;color:var(--lp-secondary)}
.lp-schot-oordeel{padding:.2em .75em;border-radius:var(--lp-radius-pill);font-size:.85rem;font-weight:700;white-space:nowrap;background:var(--lp-cream);color:var(--lp-ink)}
[data-oordeel=schieten] .lp-schot-oordeel{background:var(--lp-soft-blue);color:var(--lp-accent)}
[data-oordeel=door] .lp-schot-oordeel{background:var(--lp-ok-bg);color:var(--lp-ok)}
.lp-schot-meter{position:relative;height:30px;margin:calc(var(--lp-space-5) + 1.4em) 0 var(--lp-space-5)}
.lp-schot-meter-door,.lp-schot-meter-schiet{position:absolute;top:0;bottom:0;transition:width var(--lp-t-ui) var(--lp-ease),left var(--lp-t-ui) var(--lp-ease)}
.lp-schot-meter-door{left:0;background:var(--lp-ok-bg);border-radius:var(--lp-radius-s) 0 0 var(--lp-radius-s)}
.lp-schot-meter-schiet{right:0;background:var(--lp-soft-blue);border-radius:0 var(--lp-radius-s) var(--lp-radius-s) 0}
.lp-schot-zone{position:absolute;top:calc(100% + 6px);transform:translateX(-50%);font-size:.75rem;font-weight:700;white-space:nowrap;transition:left var(--lp-t-ui) var(--lp-ease)}
.lp-schot-zone.is-door{color:var(--lp-ok)}
.lp-schot-zone.is-schiet{color:var(--lp-accent)}
.lp-schot-zone.is-smal{visibility:hidden}
.lp-schot-meter-grens{position:absolute;top:-5px;bottom:-5px;width:3px;margin-left:-1.5px;background:var(--lp-ink);border-radius:2px;transition:left var(--lp-t-ui) var(--lp-ease)}
.lp-schot-meter-stip{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--lp-ink);box-shadow:0 0 0 3px var(--lp-white);transition:left var(--lp-t-ui) var(--lp-ease)}
.lp-schot-meter-stip span{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);font-size:.72rem;line-height:1.2;font-weight:600;color:var(--lp-secondary);white-space:nowrap}
.lp-schot-bron{margin-top:var(--lp-space-2);font-size:.8rem;color:var(--lp-secondary)}
@media (max-width:560px){.lp-schot,.lp-schot-antwoord{padding:var(--lp-space-3)}.lp-schot-advies{font-size:1.2rem}.lp-schot-invoer th,.lp-schot-invoer td{padding:.5em .2em}}
@media (prefers-reduced-motion:reduce){.lp-voet,.lp-voeten-cog,.lp-voeten-jij,.lp-schot-meter-door,.lp-schot-meter-schiet,.lp-schot-meter-grens,.lp-schot-meter-stip,.lp-schot-zone{transition:none}}
/* Duel-simulator */
.lp-duel{margin:1.8em 0;padding:var(--lp-space-4);background:var(--lp-cream);border-radius:var(--lp-radius-l);font-family:var(--lp-sans)}
.lp-duel [hidden]{display:none!important}
.lp-duel.is-bezig:not(.is-klaar) .lp-duel-instel{opacity:.45;pointer-events:none}
.lp-duel:focus{outline:none}
.lp-duel:focus-visible{outline:2px solid var(--lp-ink);outline-offset:3px}
.lp-duel-scherm{position:relative;max-width:560px;margin:0 auto}
.lp-duel-veld{display:block;width:100%;height:auto;aspect-ratio:6/5;background:#e3e3df;border-radius:var(--lp-radius-m)} /* sporthalscène: eigen palet, geen ui-tokens */
.lp-duel-boven{display:block;width:100%;height:auto;aspect-ratio:6/5;background:var(--lp-cream);border-radius:var(--lp-radius-m)} /* ronde 8c: Van boven, vast veld */
.lp-duel-veld[hidden],.lp-duel-boven[hidden]{display:none}
.lp-duel-tempo{position:absolute;top:8px;right:10px;font-size:.7rem;font-weight:700;letter-spacing:.02em;color:var(--lp-ink);opacity:.7}
.lp-duel-beeld{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--lp-space-1) var(--lp-space-3);margin-top:var(--lp-space-2)}
.lp-duel-beeld .lp-lees-label,.lp-duel-beeld .lp-lees-keuzes{margin:0}
.lp-duel-bediening{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--lp-space-4);margin-top:var(--lp-space-3)}
.lp-duel-pad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px);gap:6px;touch-action:none;user-select:none;-webkit-user-select:none}
.lp-duel-pad button{font:inherit;font-size:1.2rem;font-weight:700;color:var(--lp-ink);background:var(--lp-white);border:1px solid rgba(22,32,43,.22);border-radius:var(--lp-radius-m);cursor:pointer;touch-action:none}
.lp-duel-pad button:active,.lp-duel-pad button.is-aan{background:var(--lp-ink);color:var(--lp-white);border-color:var(--lp-ink)}
.lp-duel-pad [data-toets=ArrowUp]{grid-column:2;grid-row:1}
.lp-duel-pad [data-toets=ArrowLeft]{grid-column:1;grid-row:2}
.lp-duel-pad [data-toets=ArrowDown]{grid-column:2;grid-row:2}
.lp-duel-pad [data-toets=ArrowRight]{grid-column:3;grid-row:2}
.lp-duel-romp{display:flex;gap:6px}
.lp-duel-romp button,.lp-duel-sprint button{min-height:44px;font:inherit;font-size:.85rem;font-weight:600;color:var(--lp-ink);background:var(--lp-white);border:1px solid rgba(22,32,43,.22);border-radius:var(--lp-radius-pill);padding:.4em 1em;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}
.lp-duel-romp button:active,.lp-duel-romp button.is-aan,.lp-duel-sprint button:active,.lp-duel-sprint button.is-aan{background:var(--lp-ink);color:var(--lp-white);border-color:var(--lp-ink)}
.lp-duel-knoppen{display:flex;flex-direction:column;gap:var(--lp-space-1)}
.lp-duel:not(.is-bezig) .lp-duel-vraag,.lp-duel.is-klaar .lp-duel-vraag,.lp-duel.is-klaar .lp-duel-terug{opacity:.45;pointer-events:none}
.lp-duel-start,.lp-duel-tilt,.lp-duel-vraag,.lp-duel-terug,.lp-duel-herknop{min-height:44px;font:inherit;font-size:.9rem;font-weight:600;color:var(--lp-ink);background:var(--lp-white);border:1px solid rgba(22,32,43,.22);border-radius:var(--lp-radius-pill);padding:.5em 1.2em;cursor:pointer}
.lp-duel-start{background:var(--lp-ink);color:var(--lp-white);border-color:var(--lp-ink)}
.lp-duel-uitleg{margin:-.2em 0 var(--lp-space-2);font-size:.8rem;line-height:1.45;color:var(--lp-secondary);max-width:46em}
.lp-duel-hint{margin-top:var(--lp-space-3);font-size:.85rem;line-height:1.45;color:var(--lp-secondary);text-align:center}
.lp-duel-regel{min-height:1.45em;margin-top:var(--lp-space-1);font-size:.9rem;font-weight:600;line-height:1.45;color:var(--lp-ink);text-align:center}
.lp-duel-toetsen{display:none;flex-wrap:wrap;justify-content:center;gap:.35em 1.2em;margin:var(--lp-space-2) 0 0;font-size:.8rem;line-height:1.4;color:var(--lp-secondary)}
.lp-duel-toetsen span{display:flex;align-items:center;gap:.3em}
.lp-duel kbd{display:inline-block;min-width:1.6em;font:inherit;font-family:var(--lp-sans);font-size:.72rem;font-weight:700;line-height:1.3;text-align:center;color:var(--lp-ink);background:var(--lp-white);border:1px solid rgba(22,32,43,.22);border-bottom-width:2px;border-radius:var(--lp-radius-s);padding:.05em .4em}
.lp-duel-k{display:none!important}
@media (hover:hover) and (pointer:fine){.lp-duel-toetsen{display:flex}.lp-duel-k{display:inline-block!important}}
.lp-duel-teller{font-size:.75rem;font-weight:700;letter-spacing:.02em;color:var(--lp-secondary)}
.lp-duel-voorsp{margin-top:var(--lp-space-1);font-size:.95rem;line-height:1.5;color:var(--lp-ink)}
.lp-duel-teller:empty,.lp-duel-voorsp:empty{display:none}
.lp-duel-meer{margin-top:var(--lp-space-2)}
.lp-duel-meer summary{cursor:pointer;font-size:.9rem;font-weight:600;color:var(--lp-ink)}
.lp-duel-reeks{margin-top:var(--lp-space-3);padding-top:var(--lp-space-2);border-top:1px solid rgba(22,32,43,.1);font-size:.9rem;line-height:1.5;color:var(--lp-ink)}
.lp-duel-reeks-kop{font-weight:700}
.lp-duel-reeks-lijst{margin:.3em 0}
.lp-duel-reeks-las,.lp-duel-reeks-mis,.lp-duel-reeks-advies{margin-top:.3em}
.lp-duel-reeks div:empty{display:none}
.lp-duel-uitkomst{margin-top:var(--lp-space-3);padding:var(--lp-space-3) var(--lp-space-4);background:var(--lp-white);border:var(--lp-border);border-radius:var(--lp-radius-m)}
.lp-duel-kop{font-size:1.25rem;font-weight:700;line-height:1.25;letter-spacing:var(--lp-ls-heading);color:var(--lp-ink)}
.lp-duel-kop.is-goed{color:var(--lp-accent)}
.lp-duel-waarom{margin-top:var(--lp-space-1);font-size:.95rem;line-height:1.5;color:var(--lp-ink)}
.lp-duel-moment{margin-top:var(--lp-space-1);font-size:.95rem;font-weight:600;line-height:1.5;color:var(--lp-ink)}
.lp-duel-moment:empty{display:none}
.lp-duel-opties{margin-top:var(--lp-space-2);padding-top:var(--lp-space-2);border-top:1px solid rgba(22,32,43,.1);font-size:.9rem;line-height:1.5;color:var(--lp-secondary)}
.lp-duel-nabespreking{margin-top:var(--lp-space-2);padding-top:var(--lp-space-2);border-top:1px solid rgba(22,32,43,.1)}
.lp-duel-nabespreking-kop{font-size:.8rem;font-weight:700;color:var(--lp-ink)}
.lp-duel-na-lijst{margin-top:.3em;font-size:.9rem;line-height:1.5;color:var(--lp-ink)} /* div, geen ul/li: het thema zet li in post-content serif met !important */
.lp-duel-na-lijst div+div{margin-top:.25em}
.lp-duel-cues{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:var(--lp-radius-m);opacity:0}
.lp-duel-cues svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lp-duel-cues line{stroke:var(--lp-ink);stroke-opacity:.6;stroke-width:1}
.lp-duel-pil,.lp-duel-vloer{position:absolute;left:0;top:0;white-space:nowrap;font-size:.8rem;font-weight:600;line-height:1.2;color:var(--lp-ink)}
.lp-duel-pil{padding:.3em .8em;background:var(--lp-cream);border:var(--lp-border);border-radius:var(--lp-radius-pill)}
.lp-duel-vloer{letter-spacing:.01em}
.lp-duel-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:560px){.lp-duel-pil,.lp-duel-vloer{font-size:.7rem}.lp-duel-pil{padding:.25em .65em}}
@media (max-width:560px){.lp-duel{padding:var(--lp-space-3)}}
/* Herhaling met uitleg (ronde 7) */
.lp-duel-herknop{margin-top:var(--lp-space-2)}
.lp-duel.is-herhaling .lp-duel-instel{opacity:.45;pointer-events:none}
.lp-duel.is-herhaling .lp-duel-bediening,.lp-duel.is-herhaling .lp-duel-hint,.lp-duel.is-herhaling .lp-duel-regel{display:none}
.lp-duel-her{max-width:560px;margin:var(--lp-space-2) auto 0}
.lp-duel-her-balk{position:relative;height:4px;margin:6px 4px 0;background:rgba(22,32,43,.1);border-radius:var(--lp-radius-pill)}
.lp-duel-her-balk span{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--lp-ink);border-radius:var(--lp-radius-pill)}
.lp-duel-her-balk i{position:absolute;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;box-sizing:border-box;background:var(--lp-white);border:2px solid var(--lp-ink);border-radius:50%}
.lp-duel-her-stand{margin-top:var(--lp-space-1);font-size:.8rem;font-weight:600;color:var(--lp-secondary);text-align:center}
.lp-duel-her-kaart{margin-top:var(--lp-space-2);padding:var(--lp-space-2) var(--lp-space-3);background:var(--lp-white);border:var(--lp-border);border-radius:var(--lp-radius-m);font-size:.95rem;line-height:1.5;color:var(--lp-ink)}
.lp-duel-her-item+.lp-duel-her-item{margin-top:var(--lp-space-2);padding-top:var(--lp-space-2);border-top:1px solid rgba(22,32,43,.1)}
.lp-duel-her-kop{font-weight:700}
.lp-duel-her-rij{margin-top:.25em}
.lp-duel-her-lab{margin-right:.45em;font-weight:700}
.lp-duel-her-rij.is-goed .lp-duel-her-lab{color:var(--lp-accent)}
.lp-duel-her-rij.is-waarom{color:var(--lp-secondary)}
.lp-duel-her-knoppen{justify-content:center;gap:6px;margin:var(--lp-space-2) 0 0}
@media (max-width:560px){.lp-duel-her-knoppen button{padding:.5em .8em;font-size:.85rem}}
/* Volledig scherm (Fullscreen API, of CSS-fallback zonder API): .is-vol. Het beeld vult het scherm; boven beeldkeuze en sluiten, de kopregel en
   compacte instellingen (niveau, hulp; de rest achter Meer instellingen); onder uitkomst, herhaling met kaart, bediening en toetsen. Geen animatie. */
.lp-duel{--duel-vlak:var(--lp-white)}
@supports (background:color-mix(in srgb,red,blue)){.lp-duel{--duel-vlak:color-mix(in srgb,var(--lp-white) 90%,transparent)}}
.lp-duel-vol{display:inline-flex;align-items:center;gap:.4em}
.lp-duel-meerknop,.lp-duel-vol-i,.lp-duel-toetsen .lp-duel-k-vol{display:none}
.lp-duel-vol-i{width:1.1em;height:1.1em}
html.lp-duel-vast,html.lp-duel-vast body{overflow:hidden}
.lp-duel.is-vol{position:fixed;inset:0;z-index:var(--lp-z-modal);box-sizing:border-box;width:100%;height:100%;max-width:none;margin:0;padding:var(--lp-space-2);border-radius:0;display:flex;flex-direction:column;align-items:center;gap:var(--lp-space-1);overflow:hidden}
.lp-duel.is-vol>*{position:relative;z-index:1;flex:none;box-sizing:border-box;max-width:100%;margin:0}
.lp-duel.is-vol>.lp-duel-scherm{position:absolute;inset:0;z-index:0;max-width:none}
.lp-duel.is-vol .lp-duel-veld,.lp-duel.is-vol .lp-duel-boven{width:100%;height:100%;aspect-ratio:auto;border-radius:0}
.lp-duel.is-vol .lp-duel-cues{border-radius:0}
.lp-duel.is-vol{overscroll-behavior:contain}
.lp-duel.is-vol .lp-duel-instel,.lp-duel.is-vol .lp-duel-uitkomst{flex:0 1 auto;min-height:0} /* krimpen en scrollen, zodat de bediening (Opnieuw) altijd in beeld blijft */
.lp-duel.is-vol .lp-duel-tempo,.lp-duel.is-vol .lp-duel-hint,.lp-duel.is-vol .lp-duel-uitleg,.lp-duel.is-vol .lp-duel-beeld>.lp-lees-label,.lp-duel.is-vol .lp-duel-k-esc,.lp-duel.is-vol.is-herhaling .lp-duel-uitkomst,.lp-duel.is-vol:not(.is-meer) .lp-duel-extra{display:none}
.lp-duel.is-vol .lp-duel-toetsen .lp-duel-k-vol{display:flex}
.lp-duel.is-vol .lp-duel-vol-i{display:block}
.lp-duel.is-vol .lp-lees-keuzes{gap:6px;margin:0}
.lp-duel.is-vol .lp-lees-keuzes button,.lp-duel.is-vol .lp-duel-knoppen button,.lp-duel.is-vol .lp-duel-romp button,.lp-duel.is-vol .lp-duel-sprint button,.lp-duel.is-vol .lp-duel-herknop{min-height:36px;padding:.3em .9em;font-size:.82rem}
.lp-duel.is-vol .lp-duel-beeld{order:1;align-self:stretch;justify-content:flex-end;gap:6px}
.lp-duel.is-vol .lp-duel-regel{order:2;min-height:0;padding:.25em .9em;background:var(--duel-vlak);border-radius:var(--lp-radius-pill)}
.lp-duel.is-vol .lp-duel-regel:empty{visibility:hidden}
.lp-duel.is-vol .lp-duel-instel{order:3;align-self:flex-start;margin-bottom:auto;max-width:min(360px,100%);max-height:50%;overflow:auto;padding:var(--lp-space-2);background:var(--duel-vlak);border-radius:var(--lp-radius-m);box-shadow:var(--lp-shadow-rest)}
.lp-duel.is-vol .lp-duel-instel .lp-lees-keuzes{margin-bottom:var(--lp-space-2)}
.lp-duel.is-vol.is-bezig:not(.is-klaar) .lp-duel-instel,.lp-duel.is-vol.is-herhaling .lp-duel-instel{visibility:hidden}
.lp-duel.is-vol .lp-duel-meerknop{display:inline-block;font:inherit;font-size:.8rem;font-weight:600;color:var(--lp-ink);background:none;border:0;padding:.2em 0;text-decoration:underline;cursor:pointer}
.lp-duel.is-vol .lp-duel-uitkomst{order:4;align-self:flex-end;width:min(420px,100%);max-height:46%;overflow:auto;box-shadow:var(--lp-shadow-lift)}
.lp-duel.is-vol .lp-duel-her{order:5;width:min(720px,100%);padding:var(--lp-space-2) var(--lp-space-3);background:var(--duel-vlak);border-radius:var(--lp-radius-m);box-shadow:var(--lp-shadow-rest)}
.lp-duel.is-vol .lp-duel-her-kaart{max-height:min(34vh,320px);overflow:auto}
.lp-duel.is-vol .lp-duel-her-knoppen{margin-top:var(--lp-space-1)}
.lp-duel.is-vol .lp-duel-bediening{order:6;gap:var(--lp-space-2)}
.lp-duel.is-vol .lp-duel-knoppen{flex-direction:row;flex-wrap:wrap;justify-content:center}
@media (hover:hover) and (pointer:fine){.lp-duel.is-vol .lp-duel-pad,.lp-duel.is-vol .lp-duel-sprint,.lp-duel.is-vol .lp-duel-romp{display:none}} /* met toetsenbord: alleen de knoppen, het beeld blijft vrij */
.lp-duel.is-vol .lp-duel-toetsen{order:7;padding:.2em .9em;font-size:.72rem;background:var(--duel-vlak);border-radius:var(--lp-radius-pill)}
@media (max-width:560px){.lp-duel.is-vol{padding:var(--lp-space-1)}.lp-duel.is-vol .lp-duel-beeld{justify-content:center}.lp-duel.is-vol .lp-duel-instel{max-height:38%}.lp-duel.is-vol .lp-duel-pad{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px)}}