/* Dutch Kahuna Academy — ronde 6 (2026-10-26): modulelezer, Kahuna-profielen + boekenmand, Mijn trainingen, community. Bij academy6.js. */

/* ---------- de modulelezer: inhoud links, leeskolom rechts */
.m6{display:grid;grid-template-columns:20rem minmax(0,1fr);min-height:calc(100dvh - var(--bar))}
.m6-zij{border-right:1px solid var(--lijn);background:#fff;position:sticky;top:var(--bar);height:calc(100dvh - var(--bar));overflow:auto;padding:1.2rem 1.1rem 2rem;overscroll-behavior:contain}
.m6-omslag{display:block;aspect-ratio:4/3;border-radius:.75rem;overflow:hidden;margin-bottom:.9rem}
.m6-soort{font-size:.8rem;font-weight:600;color:var(--grijs);margin:0 0 .3rem}
.m6-zij h2{font-size:1.2rem;line-height:1.1;margin:0 0 .8rem}
.m6-zij .vg{margin-bottom:1rem}
.m6-delen{list-style:none;margin:0;padding:0;border-top:1px solid var(--lijn)}
.m6-delen a{display:grid;grid-template-columns:1.7rem minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.5rem .4rem;min-height:2.75rem;text-decoration:none;font-size:.92rem;border-bottom:1px solid var(--lijn);border-radius:.4rem}
.m6-delen b{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--zacht);font-size:.78rem;color:var(--grijs)}
.m6-delen b svg{width:.95rem;height:.95rem;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.m6-delen small{color:var(--grijs);font-size:.75rem}
.m6-delen .klaar b{background:var(--groen);color:#fff}
.m6-delen .hier a{background:#fff1f0;font-weight:600}
.m6-delen .hier b{background:var(--rood);color:#fff}
.m6-delen a:hover{background:var(--zacht)}
.m6-hoofd{padding:clamp(1.4rem,4vw,3rem) var(--rand) 5rem;min-width:0}
.m6-kolom{max-width:46rem;margin:0 auto}
.m6-stap{font-size:.86rem;font-weight:600;color:var(--rood-d);margin:.4rem 0 .5rem}
.m6-kolom h1{font-size:clamp(1.9rem,1.4rem + 2.2vw,3.2rem);margin-bottom:1.2rem}
.m6-kolom>h2,.m6-kolom h2{font-size:clamp(1.35rem,1.15rem + .9vw,1.9rem);margin:2.4rem 0 .9rem}
.m6-lead{font-size:1.15rem;line-height:1.55;max-width:42rem}
.m6-feiten{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;margin:1rem 0 1.4rem;padding:.9rem 0;border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn);font-size:.92rem;color:var(--grijs)}
.m6-feiten b{color:var(--inkt)}
.m6-doelen{list-style:none;margin:0 0 1.2rem;padding:0}
.m6-doelen li{position:relative;padding:.55rem 0 .55rem 2rem;border-bottom:1px solid var(--lijn)}
.m6-doelen li::before{content:"";position:absolute;left:.2rem;top:.95rem;width:.85rem;height:.45rem;border-left:.16rem solid var(--rood);border-bottom:.16rem solid var(--rood);transform:rotate(-45deg)}
.m6-px{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.m6-px li{border-left:.2rem solid var(--rood);padding:.1rem 0 .1rem 1rem}
.m6-px a{text-decoration:none;display:block}.m6-px a:hover b{text-decoration:underline}
.m6-px small{color:var(--grijs);font-weight:600;font-size:.8rem}
.m6-px b{display:block;font-family:var(--display);font-weight:600;font-size:1.12rem;line-height:1.2;margin:.15rem 0 .35rem}
.m6-px p{margin:0;color:var(--inkt-2,#33403a);font-size:.95rem}
.m6-bouw{margin:0;padding:0;list-style:none;counter-reset:b;columns:2;column-gap:2rem}
.m6-bouw li{counter-increment:b;display:flex;justify-content:space-between;gap:.6rem;padding:.35rem 0;border-bottom:1px solid var(--lijn);break-inside:avoid;font-size:.94rem}
.m6-bouw li::before{content:counter(b);font-weight:700;color:var(--rood);width:1.4rem;flex:0 0 auto}
.m6-bouw a{flex:1;text-decoration:none}.m6-bouw a:hover{color:var(--rood-d)}
.m6-bouw small{color:var(--grijs)}
.m6-audio{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;background:var(--nacht);color:var(--sneeuw);border-radius:1rem;padding:.8rem 1rem;margin:1.2rem 0 1.6rem}
.m6-audio-t{font-weight:600;font-size:.95rem}.m6-audio-t small{opacity:.7;font-weight:400;margin-left:.3rem}
.m6-audio audio{flex:1 1 16rem;min-width:0;height:2.6rem}
.m6-beeld{margin:0 0 1.4rem;aspect-ratio:16/8;border-radius:1rem;background:var(--c);position:relative;overflow:hidden}
.m6-beeld i{position:absolute;inset:8% 10%;background:var(--i);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.m6-fig{margin:1.8rem 0 2rem}
.m6-fig>span{display:block;aspect-ratio:16/7;border-radius:.8rem;background:var(--c);position:relative;overflow:hidden}
.m6-fig>span>i{position:absolute;inset:9% 12%;background:var(--i);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.m6-fig figcaption{margin:.65rem .2rem 0;font-size:.92rem;line-height:1.45;color:var(--grijs,#5b625e)}
@media (max-width:700px){.m6-fig>span{aspect-ratio:4/3}.m6-fig>span>i{inset:8%}}
.m6-tekst .mp ol{padding:0;margin:0}.m6-tekst .mp li{margin:0}.m6-tekst .mp li::marker{content:none}
/* methodeplaten (ronde 8): schema's in huisstijl, gevuld uit de module-json */
.mp{background:var(--c);border-radius:.8rem;padding:1.5rem 1.6rem 1.7rem;color:var(--i)}
.mp-titel{margin:0 0 1.1rem;font-family:var(--display);font-weight:700;font-size:1.25rem;line-height:1.2;display:flex;gap:.5rem;align-items:baseline}
.mp p{margin:0;line-height:1.4}
.mp-nr{flex:none;display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--i);color:#fff;font:700 .85rem/1 "Onest",sans-serif}
.mp-verg{display:grid;grid-template-columns:minmax(6rem,.8fr) 1fr 1fr;gap:.45rem .6rem;font-size:.95rem}
.mp-verg .mp-kol{font-family:var(--display);font-size:1.05rem;padding:.2rem .7rem}
.mp-verg em{font-style:normal;font-weight:700;font-size:.85rem;padding-top:.55rem}
.mp-verg p{background:rgba(255,255,255,.55);border-radius:.5rem;padding:.55rem .7rem}
.mp-verg p.k1{background:#fff;box-shadow:inset .2rem 0 0 var(--i)}
.mp-kaarten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--k,2),1fr);gap:.7rem}
.mp-kaarten.n3{--k:3}.mp-kaarten.n4{--k:2}
.mp-kaarten li{background:#fff;border-radius:.6rem;padding:.9rem 1rem 1rem;display:grid;grid-template-columns:auto 1fr;gap:.35rem .65rem;align-items:baseline}
.mp-kaarten li p{grid-column:2;font-size:.92rem;color:#3d4440}
.mp-route{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--k,3),1fr) auto;gap:1rem;position:relative}
.mp-route.n4{--k:4}.mp-route.n5{--k:5}.mp-route.n5 li p{font-size:.86rem}
.mp-route::before{content:"";position:absolute;left:.85rem;right:1.5rem;top:.85rem;border-top:.15rem dashed var(--i);opacity:.55}
.mp-route li{position:relative;display:flex;flex-direction:column;gap:.45rem}
.mp-route li .mp-nr{box-shadow:0 0 0 .3rem var(--c)}
.mp-route li p{font-size:.9rem;color:#3d4440}
.mp-route .mp-top{justify-content:flex-start;color:var(--rood,#e8322b)}.mp-route .mp-top svg{width:1.6rem;height:1.6rem}
.mp-cyclus{position:relative;max-width:30rem;margin:0 auto;aspect-ratio:1}
.mp-cyclus svg{position:absolute;inset:12%;width:76%;height:76%;fill:none;stroke:var(--i);stroke-width:1.2;stroke-dasharray:3 2.5}
.mp-cyclus svg path{stroke-dasharray:none;stroke-width:1.6}
.mp-cyclus ol{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.mp-cyclus li{position:absolute;width:44%;background:#fff;border-radius:.6rem;padding:.6rem .75rem;display:flex;gap:.55rem;align-items:baseline;font-weight:600;font-size:.95rem;line-height:1.3}
.mp-cyclus .c0{top:0;left:28%}.mp-cyclus .c1{top:40%;right:0;width:40%}.mp-cyclus .c2{bottom:0;left:28%}.mp-cyclus .c3{top:40%;left:0;width:40%}
.mp-matrix{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:.5rem}
.mp-as{font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.mp-as.y{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center}
.mp-as.x{grid-column:2;text-align:right}
.mp-vakken{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.mp-vakken div{background:rgba(255,255,255,.55);border-radius:.6rem;padding:.85rem 1rem;min-height:5.5rem}
.mp-vakken div p{font-size:.9rem;color:#3d4440;margin-top:.3rem}
.mp-vakken .doel{background:var(--i);color:#fff}.mp-vakken .doel p{color:#fff;opacity:.9}
@media (max-width:700px){
  .mp{padding:1.2rem 1.1rem 1.3rem}
  .mp-verg{grid-template-columns:1fr 1fr;font-size:.88rem}.mp-verg>span{display:none}.mp-verg em{grid-column:1/-1;padding-top:.4rem}
  .mp-kaarten,.mp-kaarten.n3,.mp-kaarten.n4{--k:1}
  .mp-route{grid-template-columns:1fr;gap:.9rem}.mp-route::before{left:.85rem;right:auto;top:.9rem;bottom:2.4rem;border-top:0;border-left:.15rem dashed var(--i)}
  .mp-route li{display:grid;grid-template-columns:auto 1fr;gap:.2rem .7rem}.mp-route li p{grid-column:2}
  .mp-cyclus{aspect-ratio:auto}.mp-cyclus svg{display:none}.mp-cyclus ol{position:static;display:grid;gap:.5rem}
  .mp-cyclus li,.mp-cyclus li[class]{position:static;width:auto}
  .mp-cyclus li:not(:last-child)::after{content:"↓";margin-left:auto;opacity:.5}
}
.m6-tekst h3{margin:1.6rem 0 .5rem;font-family:"Onest",sans-serif;font-weight:700;font-size:1.12rem}
.m6-tekst blockquote{margin:1.4rem 0;padding:.2rem 0 .2rem 1.2rem;border-left:.2rem solid var(--rood);font-family:var(--display);font-weight:600;font-size:1.2rem;line-height:1.3}
.m6-praktijk{background:var(--sneeuw);border-radius:1rem;padding:1.2rem 1.3rem;margin:1.8rem 0}
.m6-praktijk p:last-child{margin:0}
.m6-denk{margin:1.4rem 0}
.m6-denk label{display:block;margin-bottom:.5rem;font-weight:600}
.m6-denk label b{display:block;color:var(--rood-d);font-size:.85rem}
.m6-denk textarea,.m6-ad input,.m6-wanneer input{width:100%;border:.0938rem solid var(--lijn-d);border-radius:.6rem;background:#fff;padding:.7rem .85rem;font:inherit;min-height:2.9rem}
.m6-denk textarea:focus,.m6-ad input:focus{outline:none;border-color:var(--inkt);box-shadow:0 0 0 .1875rem rgba(232,50,43,.18)}
.m6-verder{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--lijn)}
.m6-verder .knop svg:not(.pijl){width:1rem;height:1.2rem}
/* metingen */
.m6-meet ol{list-style:none;margin:0;padding:0;counter-reset:s}
.m6-meet li{counter-increment:s;padding:1rem 0;border-bottom:1px solid var(--lijn)}
.m6-meet fieldset{border:0;margin:0;padding:0;min-width:0}
.m6-meet legend{font-weight:600;margin-bottom:.6rem;padding:0}
.m6-meet legend::before{content:counter(s) ". ";color:var(--rood)}
.m6-schaal-kop{display:none}
.m6-schaal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;max-width:30rem}
.m6-schaal label{position:relative;cursor:pointer}
.m6-schaal input{position:absolute;opacity:0}
.m6-schaal span{display:flex;flex-direction:column;align-items:center;gap:.05rem;padding:.4rem .2rem;border:.1rem solid var(--lijn-d);border-radius:.6rem;background:#fff;transition:all .15s;min-height:3.2rem;justify-content:center}
.m6-schaal b{font-size:1rem}.m6-schaal small{font-size:.7rem;color:var(--grijs)}
.m6-schaal input:checked+span{background:var(--inkt);border-color:var(--inkt);color:var(--sneeuw)}
.m6-schaal input:checked+span small{color:var(--sneeuw)}
.m6-schaal input:focus-visible+span{outline:.1875rem solid var(--rood);outline-offset:.125rem}
.m6-meet .knop{margin-top:1.4rem}
.m6-meet-fout{color:var(--rood-d);font-weight:600;margin:1rem 0 0}
.m6-meet-uit{list-style:none;margin:1rem 0;padding:0}
.m6-meet-uit li{padding:1.1rem 0;border-bottom:1px solid var(--lijn)}
.m6-mu-kop{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.m6-mu-kop span{font-family:var(--display);font-weight:700;font-size:1.5rem}.m6-mu-kop small{font-family:"Onest",sans-serif;font-weight:400;font-size:.85rem;color:var(--grijs)}
.m6-balk{position:relative;height:.6rem;border-radius:.6rem;background:var(--zacht);margin:.5rem 0 .7rem}
.m6-balk i{display:block;height:100%;border-radius:inherit;background:var(--rood);transition:width .8s var(--ease)}
.m6-balk b{position:absolute;top:-.25rem;width:.2rem;height:1.1rem;background:var(--inkt);border-radius:.1rem}
.m6-meet-uit p{margin:0;color:#33403a;font-size:.96rem}
.m6-uitslag{margin-bottom:1rem}.m6-uitslag h3 a{text-decoration:none}
/* oefeningen */
.m6-oef{margin-bottom:2.6rem}
.m6-opties{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.6rem}
.m6-opties button{display:block;width:100%;text-align:left;background:#fff;border:.1rem solid var(--lijn-d);border-radius:.75rem;padding:.9rem 1rem;min-height:3rem;transition:border-color .2s,background-color .2s}
.m6-opties button:hover{border-color:var(--inkt)}
.m6-opties button.gekozen{border-color:var(--inkt);background:var(--sneeuw)}
.m6-fb{margin:.5rem 0 .3rem;padding:.75rem 1rem;border-radius:.6rem;font-size:.95rem;background:var(--zacht)}
.m6-fb.goed{background:#e7f1ea}.m6-fb.mis{background:#fbeceb}
.m6-opdracht{background:var(--woud);color:var(--sneeuw);border-radius:1rem;padding:clamp(1.2rem,3vw,2rem)}
.m6-opdracht .label{color:rgba(242,239,232,.75)}.m6-opdracht h2{margin-top:0}.m6-opdracht .grijs{color:rgba(242,239,232,.75)}
.m6-alsdan{margin-top:2rem}
.m6-alsdan h3{margin-bottom:.4rem}
.m6-ad{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:1rem 0}
.m6-ad label,.m6-wanneer{display:block;font-weight:700;color:var(--rood-d)}
.m6-ad input,.m6-wanneer input{margin-top:.3rem;font-weight:400;color:var(--inkt)}
.m6-wanneer{max-width:16rem;margin-bottom:1.2rem}
.m6-ok{display:flex;align-items:center;gap:.5rem;color:var(--groen);font-weight:600;margin:1rem 0}
.m6-ok svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.m6-kern{margin:0;padding:0;list-style:none;counter-reset:k}
.m6-kern li{counter-increment:k;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.8rem;padding:1rem 0;border-bottom:1px solid var(--lijn);font-family:var(--display);font-weight:600;font-size:clamp(1.1rem,1rem + .5vw,1.4rem);line-height:1.25}
.m6-kern li::before{content:counter(k);font-size:2rem;color:var(--rood);line-height:1}
.m6-toets .m6-vraag{border:0;margin:0 0 1.2rem;padding:1rem 1.1rem;border-radius:.9rem;background:#fff;box-shadow:0 1px 0 var(--lijn)}
.m6-vraag legend{font-weight:600;padding:0;margin-bottom:.7rem;float:left;width:100%}
.m6-vraag label{display:flex;gap:.6rem;align-items:flex-start;padding:.45rem .3rem;border-radius:.5rem;cursor:pointer;clear:both}
.m6-vraag label:hover{background:var(--sneeuw)}
.m6-vraag input{margin-top:.3rem;accent-color:var(--rood);width:1.1rem;height:1.1rem;flex:0 0 auto}
.m6-vraag.goed{box-shadow:inset .25rem 0 0 var(--groen),0 1px 0 var(--lijn)}.m6-vraag.mis{box-shadow:inset .25rem 0 0 var(--rood),0 1px 0 var(--lijn)}
.m6-toets-uit{margin-top:1rem;font-size:1.05rem}
.m6-kh{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.8rem}
.m6-kh a{display:flex;gap:.8rem;align-items:center;text-decoration:none;padding:.4rem;border-radius:.7rem}
.m6-kh a:hover{background:#fff}
.m6-kh .k6-foto{width:3.6rem;flex:0 0 auto}
.m6-kh small{display:block;color:var(--grijs);font-size:.82rem;line-height:1.3}
.m6-bronnen{font-size:.9rem;color:var(--grijs);padding-left:1.1rem}
.m6-bronnen li{margin:.3rem 0}
@media (max-width:1023px){
  .m6{grid-template-columns:1fr}
  .m6-zij{position:static;height:auto;border-right:0;border-bottom:1px solid var(--lijn);display:grid;grid-template-columns:7rem minmax(0,1fr);gap:0 1rem;align-items:start}
  .m6-omslag{grid-row:span 3;margin:0}
  .m6-delen{grid-column:1/-1;margin-top:1rem;display:flex;overflow-x:auto;gap:.3rem;border:0;scrollbar-width:none;padding-bottom:.2rem}
  .m6-delen::-webkit-scrollbar{display:none}
  .m6-delen li{flex:0 0 auto}
  .m6-delen a{grid-template-columns:auto;border:0;padding:.2rem;min-height:2.75rem}
  .m6-delen a span,.m6-delen small{display:none}
  .m6-delen b{width:2.4rem;height:2.4rem;font-size:.9rem}
  .m6-bouw{columns:1}
}
@media (max-width:560px){.m6-ad{grid-template-columns:1fr}.m6-schaal small{display:none}.m6-schaal span{min-height:2.75rem}.m6-schaal-kop{display:flex;justify-content:space-between;font-size:.72rem;color:var(--grijs);margin:0 0 .3rem;max-width:30rem}}

/* ---------- Kahuna's */
.k6-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,16rem);gap:.8rem;align-items:start}
.k6-filter .zoek{margin-bottom:.4rem}
.k6-filter select,.t6-filter select,.c6-zoek select{min-height:3rem;border-radius:62rem;border:.0938rem solid var(--lijn-d);background:#fff;padding:.5rem 1rem;width:100%}
.k6-lijst{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1.8rem 1.2rem}
.k6-lijst a{display:block;text-decoration:none}
.k6-lijst strong{display:block;font-family:var(--display);font-weight:600;font-size:1.08rem;line-height:1.1;margin-top:.6rem}
.k6-lijst small{display:block;color:var(--grijs);font-size:.82rem;line-height:1.3;margin-top:.25rem}
.k6-lijst a:hover strong{color:var(--rood-d)}
.k6-foto{display:block;aspect-ratio:4/5;border-radius:.75rem;overflow:hidden;background:var(--zacht);position:relative}
.k6-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.k6-foto.schets{background:#f6f2e9}
.k6-foto.schets img{mix-blend-mode:multiply}
a:hover .k6-foto img{transform:scale(1.03)}
.k6-leeg{display:grid;place-items:center}
.k6-leeg b{font-family:var(--display);font-weight:700;font-size:2.6rem;letter-spacing:-.02em}
.k6-kop-in{display:grid;grid-template-columns:clamp(8rem,18vw,14rem) minmax(0,1fr);gap:clamp(1.2rem,4vw,3rem);align-items:end;margin-top:1rem}
.k6-kop .k6-foto{box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.k6-dom{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:1rem;font-size:.9rem}
.k6-dom a{color:inherit;opacity:.85;text-underline-offset:.2rem}
.k6-h{font-size:clamp(1.3rem,1.1rem + .8vw,1.8rem);margin:2.4rem 0 1rem}
.k6-ideeen{margin:0;padding:0;list-style:none;counter-reset:i}
.k6-ideeen li{counter-increment:i;display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:.6rem;padding:.8rem 0;border-bottom:1px solid var(--lijn)}
.k6-ideeen li::before{content:counter(i);font-family:var(--display);font-weight:700;font-size:1.5rem;color:var(--rood);line-height:1.1}
.k6-modellen{margin:0;display:grid;gap:1rem}
.k6-modellen div{background:#fff;border-radius:.9rem;padding:1rem 1.2rem;box-shadow:0 1px 0 var(--lijn)}
.k6-modellen dt{font-family:var(--display);font-weight:600;font-size:1.15rem;margin-bottom:.3rem}
.k6-modellen dd{margin:0;color:#33403a}
.k6-morgen{margin:2rem 0 0;padding:1.1rem 1.3rem;border-radius:1rem;background:var(--woud);color:var(--sneeuw)}
.k6-morgen b{display:block;color:var(--mos);font-size:.85rem;margin-bottom:.2rem}
.k6-boeken{list-style:none;margin:0;padding:0;border-top:1px solid var(--lijn)}
.k6-boeken li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--lijn)}
.k6-boeken strong{display:block;font-weight:600}
.k6-boeken small{color:var(--grijs);font-size:.86rem}
.k6-boeken .knop{flex:0 0 auto}
.k6-boeken .knop svg{width:1rem;height:1rem}
.k6-aantal{display:flex;align-items:center;gap:.8rem}
.k6-aantal input{width:4.2rem;min-height:2.75rem;border:.0938rem solid var(--lijn-d);border-radius:.6rem;padding:.3rem .5rem;text-align:center}
.k6-meer{margin-top:2rem;border-top:1px solid var(--lijn);padding-top:1rem}
.k6-meer summary{cursor:pointer;font-weight:600;min-height:2.75rem;display:flex;align-items:center}
.k6-bron{font-size:.82rem;color:var(--grijs);margin-top:1.6rem}
@media (max-width:700px){.k6-filter{grid-template-columns:1fr}.k6-lijst{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem .9rem}.k6-kop-in{grid-template-columns:6.5rem minmax(0,1fr);align-items:center}
  .k6-boeken li{flex-wrap:wrap}}

/* ---------- Mijn trainingen + kiezer */
.t6-kaarten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.t6-kaart{position:relative;background:#fff;border-radius:1rem;box-shadow:0 1px 0 var(--lijn),0 1rem 2.5rem -1.8rem rgba(11,21,17,.35);overflow:hidden}
.t6-kaart>a{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1rem;padding:.9rem;text-decoration:none;height:100%}
.t6-beeld{display:block;aspect-ratio:4/3;border-radius:.6rem;overflow:hidden}
.t6-tekst small{display:block;font-size:.78rem;color:var(--grijs);font-weight:600}
.t6-tekst strong{display:block;font-family:var(--display);font-weight:600;font-size:1.12rem;line-height:1.15;margin:.15rem 1.6rem .5rem 0}
.t6-tekst em{display:block;font-style:normal;font-size:.85rem;color:var(--grijs);margin-top:.4rem}
.t6-cyclus{list-style:none;margin:.55rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem}
.t6-cyclus li{display:inline-flex;align-items:center;gap:.25rem;font-size:.74rem;font-weight:600;padding:.15rem .5rem;border-radius:.4rem;background:var(--zacht);color:var(--grijs)}
.t6-cyclus li.ok{background:#e7f1ea;color:var(--groen)}
.t6-cyclus svg{width:.8rem;height:.8rem;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.t6-weg{position:absolute;top:.4rem;right:.4rem;width:2.5rem;height:2.5rem;border:0;border-radius:50%;background:transparent;color:var(--grijs);font-size:1.3rem;line-height:1}
.t6-weg:hover{background:var(--zacht);color:var(--inkt)}
.t6-kaart.klaar{box-shadow:inset 0 0 0 .125rem var(--groen)}
.t6-site{margin-bottom:2rem;background:var(--woud);color:var(--sneeuw)}
.t6-site h2{margin-bottom:.5rem}
.t6-kiezer{margin-top:1rem}
.t6-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,16rem);gap:.8rem}
.t6-filter .zoek{margin:0}
.t6-lijst{list-style:none;margin:1rem 0 0;padding:0;max-height:min(34rem,60vh);overflow:auto;border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.2rem;overscroll-behavior:contain}
.t6-lijst label{display:grid;grid-template-columns:1.3rem 4.5rem minmax(0,1fr);gap:.8rem;align-items:center;padding:.6rem .2rem;border-bottom:1px solid var(--lijn);cursor:pointer;min-height:3.5rem}
.t6-lijst input{width:1.2rem;height:1.2rem;accent-color:var(--rood)}
.t6-lijst .t6-beeld{border-radius:.4rem}
.t6-lijst strong{display:block;font-weight:600;line-height:1.25;font-size:.95rem}
.t6-lijst small{color:var(--grijs);font-size:.8rem}
.t6-lijst label:has(input:checked){background:#fff6f5}
.t6-voet{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1rem}
.t6-voet p{margin:0;color:var(--grijs)}
@media (max-width:900px){.t6-kaarten,.t6-lijst{grid-template-columns:1fr}.t6-filter{grid-template-columns:1fr}}
@media (max-width:420px){.t6-kaart>a{grid-template-columns:5.5rem minmax(0,1fr)}}

/* ---------- community */
.c6-demo{margin:0 0 1.4rem;display:inline-block}
.c6-ev,.c6-ex,.c6-leden{list-style:none;margin:0;padding:0;border-top:1px solid var(--lijn)}
.c6-ev li,.c6-ex li,.c6-leden li{display:grid;grid-template-columns:4.2rem minmax(0,1fr) auto;gap:1.2rem;align-items:center;padding:1.1rem 0;border-bottom:1px solid var(--lijn)}
.c6-ev time{display:flex;flex-direction:column;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;border-radius:.8rem;background:var(--nacht);color:var(--sneeuw);line-height:1}
.c6-ev time b{font-family:var(--display);font-size:1.6rem}.c6-ev time span{font-size:.78rem;text-transform:lowercase;margin-top:.2rem}
.c6-ev small,.c6-ex small,.c6-leden small{display:block;color:var(--grijs);font-size:.84rem}
.c6-ev h3,.c6-ex h3{margin:.2rem 0 .3rem}.c6-ev p,.c6-ex p{margin:0;color:#33403a}
.c6-ex-n{font-family:var(--display);font-weight:700;font-size:1.8rem;color:var(--rood);text-align:center}
.c6-leden li{grid-template-columns:2.8rem minmax(0,1fr) auto}
.c6-leden .avatar{width:2.8rem;height:2.8rem;background:var(--woud)}
.c6-zoek{max-width:20rem;margin-bottom:1rem}
.c6-ev .knop svg,.c6-ex .knop svg{width:1rem;height:1rem}
@media (max-width:600px){.c6-ev li,.c6-ex li{grid-template-columns:3.4rem minmax(0,1fr)}.c6-ev li .knop,.c6-ex li .knop{grid-column:2;justify-self:start}
  .c6-ev time{width:3.4rem;height:3.4rem}.c6-leden li{grid-template-columns:2.8rem minmax(0,1fr)}.c6-leden .knop{grid-column:2;justify-self:start}}
.t6-tekst small,.m6-soort,.k6-lijst small{hyphens:none}
html{overflow-x:clip} /* live 17px-overloop door de kopbalk (alleen ingelogd op het echte account) */
/* methodeplaten: lange Nederlandse samenstellingen mogen afbreken (ronde 8 uitrol) */
.mp{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.mp-verg>*,.mp-vakken>div,.mp-kaarten li,.mp-route li,.mp-matrix>*{min-width:0}

/* 2026-10-30 Henk: boek ook bij een boekhandel */
.k6-winkels{display:block;margin-top:.25rem;font-size:.85rem;color:var(--grijs)}
.k6-winkels a{color:inherit;text-underline-offset:.15rem}

/* ================================================================ ronde 9: Henks modellen als platen (piramide, kwadrant, treden, cirkels, kring, curve, groei, keten, brein) */
.mp :where(ul,ol){margin:0;padding:0}
.mp-wit{background:#fff;color:#1d2420}
/* piramide: één figuur met vaste laaghoogte (+ onder-/bovenstroom en notities), daaronder per laag de uitleg */
.mp-pir-boven{font-size:.88rem;font-style:italic;opacity:.8;margin:0 0 .5rem!important;text-align:center}
.mp-pir-fig{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--n),3.3rem);row-gap:.18rem;max-width:34rem;margin:0 auto}
.mp-pir.met-stroom .mp-pir-fig{grid-template-columns:8rem minmax(0,1fr) 14rem;column-gap:1rem;max-width:none}
.mp-plak{grid-column:1;background:var(--rood,#e8322b);color:#fff;display:grid;place-items:center;text-align:center;padding:0 .4rem}
.mp-pir.met-stroom .mp-plak{grid-column:2}
.mp-plak span{font-weight:700;font-size:.92rem;line-height:1.1;max-width:calc(var(--w) * 100% - .8rem);hyphens:auto;-webkit-hyphens:auto}
.mp-plak.accent{background:#b8473f}
.mp-stroom{grid-column:1;border-right:.15rem solid currentColor;padding:.2rem .7rem .2rem 0;display:flex;flex-direction:column;justify-content:center;text-align:right;gap:.2rem;margin:.2rem 0}
.mp-stroom strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.mp-stroom small{font-size:.78rem;opacity:.8;line-height:1.3}
.mp-pir-noot{grid-column:3;align-self:start;display:grid;gap:.3rem;margin-top:-.4rem;position:relative;z-index:1}
.mp-pir-noot p{font-size:.8rem!important;line-height:1.35;background:#fff;color:#2b322e;border-radius:.45rem;padding:.4rem .55rem;box-shadow:inset .18rem 0 0 var(--rood,#e8322b)}
.mp-pir-kop{display:grid;grid-template-columns:minmax(9rem,.8fr) minmax(0,1.3fr) minmax(0,1fr);gap:1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.75;margin:1.3rem 0 .4rem;padding:0 .9rem}
.mp-pir-rijen{list-style:none;display:grid;gap:.4rem}
.mp-pir-rijen>li{display:grid;grid-template-columns:minmax(9rem,.8fr) minmax(0,1.3fr) minmax(0,1fr);gap:.4rem 1rem;background:#fff;color:#1d2420;border-radius:.55rem;padding:.75rem .9rem;box-shadow:inset .25rem 0 0 var(--rood,#e8322b)}
.mp-pir-rijen>li>strong{font-family:var(--display);font-size:1.02rem;line-height:1.15}
.mp-pir-rijen p{font-size:.88rem;color:#3d4440}
.mp-opweg{font-size:.82rem!important;color:#5b625e!important;margin-top:.3rem!important}.mp-opweg span{color:var(--rood,#e8322b);font-weight:700}
.mp-pir-rijen ul{list-style:none;font-size:.86rem;line-height:1.35;color:#2b322e;display:grid;gap:.25rem;align-content:start}
.mp-pir-rijen ul li{padding-left:.9rem;position:relative}.mp-pir-rijen ul li::before{content:"";position:absolute;left:0;top:.5em;width:.4rem;height:.4rem;background:var(--rood,#e8322b)}
/* kwadrant (situationeel, conflictstijlen) */
.mp-kw{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem .7rem}
.mp-kw-y{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;gap:.3rem;align-items:center;justify-content:center;text-align:center}
.mp-kw-y strong,.mp-kw-x strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}
.mp-kw-y small,.mp-kw-x small{font-size:.78rem;opacity:.8}
.mp-kw-x{grid-column:2;text-align:center;display:grid;gap:.15rem}
.mp-kw-vakken{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.mp-vak{background:#fff;color:#1d2420;border-radius:.6rem;padding:1rem 1.1rem 1.1rem;min-height:8rem;display:flex;flex-direction:column;gap:.15rem}
.mp-vak:nth-child(even of .mp-vak){text-align:right;align-items:flex-end}
.mp-vak b{font-family:var(--display);font-size:1.4rem;color:var(--rood,#e8322b);line-height:1}
.mp-vak strong{font-family:var(--display);font-size:1.15rem;line-height:1.15}
.mp-vak em{font-style:normal;font-size:.9rem;color:#5b625e}
.mp-vak ul{list-style:none;margin-top:.5rem!important;font-size:.86rem;color:#2b322e;display:grid;gap:.15rem}
.mp-kromme{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.mp-kromme path{fill:none;stroke:var(--rood,#e8322b);stroke-width:12;opacity:.22;vector-effect:non-scaling-stroke;stroke-linecap:round}
.mp-kw-mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;background:var(--rood,#e8322b);color:#fff;font-weight:700;font-size:.95rem;
  border-radius:999px;padding:.75rem 1.1rem;box-shadow:0 0 0 .3rem var(--c)}
.mp-kw-noten{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.3rem}
.mp-kw-noten>div{background:rgba(255,255,255,.55);color:#1d2420;border-radius:.6rem;padding:.75rem .9rem}
.mp-kw-noten strong{font-size:.85rem}.mp-kw-noten ul{list-style:none;font-size:.86rem;margin-top:.35rem!important;display:grid;grid-template-columns:1fr 1fr;gap:.25rem .9rem}
.mp-kw-leg{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem;margin:0;font-size:.84rem}.mp-kw-leg dt{font-weight:700}.mp-kw-leg dd{margin:0;opacity:.85}
/* treden (Covey) */
.mp-treden{position:relative;display:grid;gap:.6rem;padding:0 1.4rem}
.mp-treden::before,.mp-treden::after{content:"";position:absolute;top:.5rem;bottom:3.6rem;width:.15rem;background:currentColor;opacity:.45}
.mp-treden::before{left:.4rem}.mp-treden::after{right:.4rem}
.mp-treden>ol{list-style:none;display:grid;gap:.55rem}
.mp-tr-niveau{background:var(--inkt,#0f1a15);color:#fff;border-radius:.6rem;padding:.7rem 1rem;text-align:center;display:grid;gap:.1rem}
.mp-tr-niveau strong{font-family:var(--display);font-size:1.15rem}.mp-tr-niveau small{opacity:.8;font-size:.86rem}
.mp-tr-groep{display:grid;gap:.4rem;text-align:center}
.mp-tr-groep>span{font-weight:700;font-size:.92rem}
.mp-tr-groep ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.mp-tr-groep li{background:#fff;color:#1d2420;border-radius:.55rem;padding:.6rem .7rem;display:flex;gap:.5rem;align-items:center;font-weight:600;font-size:.92rem;line-height:1.25;text-align:left}
.mp-tr-groep .mp-nr,.mp-tr-basis .mp-nr{background:var(--rood,#e8322b)}
.mp-tr-basis{background:#fff;color:#1d2420;border-radius:999px;padding:.6rem 1.2rem;display:flex;flex-wrap:wrap;gap:.3rem .7rem;align-items:center;justify-content:center;margin:0 -1.4rem}
.mp-tr-basis strong{font-family:var(--display)}.mp-tr-basis small{width:100%;text-align:center;color:#5b625e}
/* cirkels (Covey, invloed) */
.mp-cirk{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.4rem;align-items:center}
.mp-cirk-fig{position:relative;aspect-ratio:1;container-type:inline-size}
.mp-ring{position:absolute;border-radius:50%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem}
.mp-ring strong{font-size:clamp(.7rem,4.2cqw,1rem);text-transform:uppercase;letter-spacing:.04em}
.mp-ring small{font-size:clamp(.62rem,3.4cqw,.82rem);line-height:1.3}
.mp-ring.r0{inset:4%;background:rgba(255,255,255,.5);border:.12rem solid currentColor;padding-top:3.5%}
.mp-ring.r1{left:17%;right:17%;bottom:4.5%;aspect-ratio:1;background:rgba(255,255,255,.75);border:.12rem solid currentColor;padding-top:3.2%}
.mp-ring.r2{left:30.5%;right:30.5%;bottom:7.5%;padding:0 1%;aspect-ratio:1;background:var(--rood,#e8322b);color:#fff;justify-content:center}
.mp-ring small{max-width:78%}.mp-ring.r2 strong{font-size:clamp(.6rem,3.3cqw,.85rem)}.mp-ring.r2 small{font-size:clamp(.56rem,3cqw,.76rem)}
.mp-buiten{position:absolute;font-size:clamp(.6rem,3.2cqw,.8rem);font-weight:700}
.mp-buiten.b0{left:0;top:2%}.mp-buiten.b1{right:0;top:2%}.mp-buiten.b2{left:0;bottom:14%}
.mp-buiten::after{content:" ↘"}.mp-buiten.b1::after{content:""}.mp-buiten.b1::before{content:"↙ "}.mp-buiten.b2::after{content:" →"}
.mp-cirk-stap{list-style:none;display:grid;gap:.8rem}
.mp-cirk-stap li{display:flex;gap:.7rem;align-items:flex-start;background:#fff;color:#1d2420;border-radius:.6rem;padding:.75rem .9rem}
.mp-cirk-stap p{font-size:.9rem;color:#5b625e}
/* kring (Goleman 4, ACT 6) */
.mp-kring{display:grid;grid-template-columns:minmax(0,1fr) minmax(11rem,15rem) minmax(0,1fr);gap:.7rem 1rem;align-items:center}
.mp-kring.n4{grid-template-areas:". top ." "l fig r" ". bot ."}
.mp-kring.n6{grid-template-areas:". top ." "l1 fig r1" "l2 fig r2" ". bot ."}
.mp-kring-fig{grid-area:fig;position:relative;aspect-ratio:1}
.mp-kring-fig svg{width:100%;height:100%;overflow:visible}
.mp-kring-fig .ring{fill:rgba(255,255,255,.55);stroke:currentColor;stroke-width:.6;opacity:.8}
.mp-kring-fig line{stroke:currentColor;stroke-width:.35;opacity:.45}
.mp-kring-fig .knoop{fill:var(--rood,#e8322b)}
.mp-kring-fig text{font:700 3.4px/1 "Onest",sans-serif;fill:#fff;text-anchor:middle}
.mp-kring-mid{position:absolute;inset:32%;border-radius:50%;background:#fff;color:#1d2420;display:grid;place-items:center;text-align:center;font-weight:700;font-size:.82rem;line-height:1.2;padding:.4rem;box-shadow:0 0 0 .2rem var(--rood,#e8322b)}
.mp-kring-i{background:#fff;color:#1d2420;border-radius:.6rem;padding:.75rem .85rem;display:flex;gap:.6rem;align-items:flex-start}
.mp-kring-i .mp-nr{background:var(--rood,#e8322b)}
.mp-kring-i strong{font-family:var(--display);font-size:1.02rem;line-height:1.15;display:block}
.mp-kring-i small{display:block;font-size:.78rem;color:#5b625e}
.mp-kring-i p{font-size:.86rem;color:#3d4440;margin-top:.2rem!important}
.p-top{grid-area:top}.p-bot{grid-area:bot}.p-l{grid-area:l}.p-r{grid-area:r}.p-l1{grid-area:l1}.p-l2{grid-area:l2}.p-r1{grid-area:r1}.p-r2{grid-area:r2}
/* curve (Tuckman) */
.mp-curve-boven{display:flex;justify-content:space-between;gap:2rem;font-size:.84rem;font-style:italic;opacity:.85;margin-bottom:.6rem}
.mp-curve-boven p{max-width:17rem}.mp-curve-boven p:last-child{text-align:right}
.mp-curve-veld{position:relative;padding-left:1.6rem;border-left:.12rem solid currentColor;border-bottom:.12rem solid currentColor}
.mp-curve-y{position:absolute;left:-.1rem;top:0;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.mp-curve-veld svg{position:absolute;left:1.6rem;right:0;top:0;bottom:0;width:calc(100% - 1.6rem);height:100%}
.mp-curve-veld svg path{fill:none;stroke:var(--rood,#e8322b);stroke-width:9;vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:.9}
.mp-curve-veld>ol{position:relative;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;height:27rem}
.mp-curve-veld>ol>li{display:flex;flex-direction:column;justify-content:flex-end}
.mp-curve-veld .f0{padding-bottom:11rem}.mp-curve-veld .f1{padding-bottom:2.5rem}.mp-curve-veld .f2{padding-bottom:8rem}.mp-curve-veld .f3{padding-bottom:14.5rem}
.mp-curve-veld>ol>li>small{position:absolute;opacity:0}
.mp-curve-kaart{background:#fff;color:#1d2420;border-radius:.55rem .55rem 0 0;padding:.6rem .75rem}
.mp-curve-kaart em{font-size:.82rem;display:block;margin-bottom:.2rem;color:#5b625e}
.mp-curve-kaart ul{list-style:none;font-size:.82rem;line-height:1.35;display:grid;gap:.1rem}
.mp-curve-kaart li::before{content:"▪ ";color:var(--rood,#e8322b)}
.mp-curve-veld>ol>li>strong{background:var(--rood,#e8322b);color:#fff;text-align:center;font-family:var(--display);font-size:1.05rem;letter-spacing:.03em;padding:.35rem .5rem;border-radius:0 0 .55rem .55rem}

.mp-curve-x{text-align:right;font-size:.82rem;margin-top:.4rem!important}.mp-curve-x strong{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}
/* groei (1%) */
.mp-groei{display:grid;grid-template-columns:minmax(12rem,.8fr) minmax(0,1.6fr);gap:1rem 1.4rem}
.mp-groei-k{list-style:none;display:grid;gap:.5rem;align-content:start}
.mp-groei-k li{background:#fff;color:#1d2420;border-radius:.55rem;padding:.65rem .8rem;display:flex;gap:.6rem;align-items:flex-start}
.mp-groei-k p{font-size:.86rem;color:#5b625e}
.mp-groei-fig{background:#fff;color:#1d2420;border-radius:.7rem;padding:.9rem 1rem}
.mp-groei-fig svg{width:100%;height:auto;display:block}
.mp-groei-fig .rast{stroke:#1d2420;stroke-opacity:.1;stroke-width:.6}
.mp-groei-fig .as{font:500 8px "Onest",sans-serif;fill:#5b625e;text-anchor:end}
.mp-groei-fig text.as[text-anchor=middle]{text-anchor:middle}
.mp-groei-fig .vlak{fill:var(--rood,#e8322b);fill-opacity:.1}
.mp-groei-fig .beter{fill:none;stroke:var(--rood,#e8322b);stroke-width:2.4;stroke-linejoin:round}
.mp-groei-fig .vlak-lijn{stroke:#1b3247;stroke-width:2.4}
.mp-groei-fig .punt{fill:var(--rood,#e8322b);stroke:#fff;stroke-width:2}
.mp-groei-fig .lab{font:700 14px "Onest",sans-serif;fill:#1b3247}.mp-groei-fig .lab.rood{fill:var(--rood,#e8322b);font-size:18px}
.mp-groei-dag{display:grid;gap:.3rem;margin-top:.4rem;font-size:.9rem}
.mp-groei-dag input{width:100%;accent-color:var(--rood,#e8322b);min-height:2.75rem}
.mp-groei-leg{display:flex;gap:1.2rem;font-size:.82rem}.mp-groei-leg span::before{content:"";display:inline-block;width:1rem;height:.2rem;background:#1b3247;vertical-align:middle;margin-right:.4rem}
.mp-groei-leg span.rood::before{background:var(--rood,#e8322b)}
.mp-groei-les{grid-column:1/-1;background:var(--inkt,#0f1a15);color:#fff;border-radius:.7rem;padding:1rem 1.2rem;display:grid;gap:.3rem}
.mp-groei-les strong{font-family:var(--display);font-size:1.15rem}.mp-groei-les p{opacity:.88;font-size:.92rem}
.mp-groei-les .slot{display:flex;gap:.5rem;align-items:center;font-weight:600;opacity:1}.mp-groei-les .slot svg{width:1.1rem;height:1.4rem;flex:none}
/* keten (ABC) */
.mp-keten{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.mp-keten li{background:#fff;color:#1d2420;border-radius:.7rem;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.25rem;position:relative}
.mp-keten li:not(:last-child)::after{content:"→";position:absolute;right:-1.3rem;top:2.2rem;font-size:1.3rem;font-weight:700;color:var(--rood,#e8322b)}
.mp-letter{font-family:var(--display);font-size:3.2rem;line-height:.9;color:var(--rood,#e8322b)}
.mp-keten strong{font-family:var(--display);font-size:1.2rem}
.mp-keten em{font-style:normal;font-weight:700;margin-top:.5rem}
.mp-keten p{font-size:.92rem;color:#3d4440}
/* brein */
.mp-brein{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.2rem;align-items:center}
.mp-brein-fig{position:relative;background:#fff;border-radius:.7rem;padding:0;overflow:hidden}
.mp-brein-fig svg,.mp-brein-fig>i{position:absolute;inset:4%;width:92%;height:92%}
.mp-brein-fig>i{background:#2a1d1a;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;pointer-events:none}
.mp-brein-fig path{transition:fill .25s,opacity .25s}
.v-cortex,.v-stam{fill:#f6e3dc}.v-cerebellum{fill:#ead8e8}.v-basaal{fill:#cfdcef}.v-thalamus{fill:#dccfea}.v-hippocampus{fill:#ecc2d6}.v-amygdala{fill:#cfe5c6}.v-hypothalamus{fill:#f4d3ad}
.mp-brein.kijkt path:not(.aan){opacity:.45}
.mp-brein path.aan{fill:var(--rood,#e8322b);opacity:.75}
.mp-brein-nr{position:absolute;transform:translate(-50%,-50%);width:1.6rem;height:1.6rem;border-radius:50%;border:2px solid #fff;background:var(--inkt,#0f1a15);color:#fff;
  font:700 .78rem/1 "Onest",sans-serif;cursor:pointer;padding:0;display:grid;place-items:center;margin:0}

.mp-brein-nr.aan{background:var(--rood,#e8322b)}
.mp-brein-nr::before{content:"";position:absolute;inset:-.6rem}
.mp-brein-leg{list-style:none;display:grid;gap:.35rem}
.mp-brein-leg li{display:flex;gap:.6rem;align-items:flex-start;background:rgba(255,255,255,.6);color:#1d2420;border-radius:.5rem;padding:.45rem .65rem;cursor:default;transition:background .2s}
.mp-brein-leg li.aan,.mp-brein-leg li:focus-visible{background:#fff;outline:none;box-shadow:inset .22rem 0 0 var(--rood,#e8322b)}
.mp-brein-leg strong{font-size:.95rem}.mp-brein-leg p{font-size:.84rem;color:#5b625e}
@media (max-width:820px){
  .mp-pir.met-stroom .mp-pir-fig{grid-template-columns:5.5rem minmax(0,1fr);grid-template-rows:repeat(var(--n),3rem)}
  .mp-pir-noot{grid-column:1/-1!important;grid-row:auto!important;margin:.6rem 0 0}
  .mp-stroom{padding-right:.5rem}.mp-stroom small{display:none}.mp-stroom strong{font-size:.68rem}
  .mp-plak span{font-size:.74rem}
  .mp-pir-kop{display:none}.mp-pir-rijen>li{grid-template-columns:1fr}
  .mp-cirk,.mp-groei,.mp-brein{grid-template-columns:1fr}
  .mp-kring.n4,.mp-kring.n6{grid-template-columns:1fr;grid-template-areas:none}
  .mp-kring>*{grid-area:auto!important}.mp-kring-fig{width:min(16rem,70%);justify-self:center}
  .mp-curve-veld>ol{grid-template-columns:1fr 1fr;height:auto;row-gap:1rem}.mp-curve-veld .f0,.mp-curve-veld .f1,.mp-curve-veld .f2,.mp-curve-veld .f3{padding-bottom:0}
  .mp-curve-veld svg{display:none}
}
@media (max-width:560px){
  .mp-kw-vakken{grid-template-columns:1fr}.mp-vak:nth-child(even of .mp-vak){text-align:left;align-items:flex-start}.mp-vak{min-height:0}
  .mp-kromme{display:none}.mp-kw-mid{position:static;transform:none;justify-self:center;box-shadow:none}
  .mp-kw-noten{grid-template-columns:1fr}
  .mp-tr-groep ol{grid-template-columns:1fr}.mp-treden{padding:0 .9rem}.mp-tr-basis{margin:0 -.9rem;border-radius:.6rem}
  .mp-keten{grid-template-columns:1fr;gap:1.4rem}.mp-keten li:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-1.45rem}
  .mp-curve-veld>ol{grid-template-columns:1fr}.mp-curve-boven{flex-direction:column;gap:.4rem}.mp-curve-boven p:last-child{text-align:left}
}

.mp-groei-k strong,.mp-cirk-stap strong,.mp-kring-i strong{display:block;line-height:1.2}
.mp-buiten-rij{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 1rem;font-size:.8rem;font-weight:700;margin-top:.5rem!important}