/* =====================================================================
   Membership (Circle membership): pagina-eigen fijnregeling bovenop /paginas.css, /pagina-systeem.css en /sjabloon.css.
   Sinds 2026-11-02 komt de pagina uit het sjabloon (_dev/pitstop/sjabloon.py); de gedeelde regels staan in /sjabloon.css.
   Hier enkel wat membership-eigen is. Volgorde: desktop per blok, dan tablet (≤1024px).
   ===================================================================== */

/* ---------- hero: zelfde vorm als Club (9fr | 11fr, twee gelijke fotokolommen); de titel blijft op drie regels, de knoppen dicht bij elkaar ---------- */
@media (min-width:1025px){
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .ch__grid{grid-template-columns:minmax(0,1fr) 40.9vw}   /* fotovlak iets smaller dan op Club: de titel is langer, zo blijft dezelfde witruimte (±100px op 1440) */
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .ch .stm{white-space:nowrap}
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .hr__b{gap:1vw}
}

/* ---------- kaarten: tekst links uitgelijnd ---------- */
.md .vk .bdy{text-align:left;hyphens:manual;text-wrap:pretty}

/* ---------- bewijs: vier cijfers naast elkaar onder het dambord ---------- */
:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .bw__nums{grid-template-columns:repeat(4,1fr)}
@media (max-width:1024px){:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .bw__nums{grid-template-columns:1fr 1fr !important}}

/* team op gsm: de lage fotostrook toont de gezichten (2026-11-04) */
@media (max-width:1024px){
  .tm li:nth-child(1) .pc__pic img{object-position:50% 25%}
  .tm li:nth-child(2) .pc__pic img{object-position:50% 20%}
  .tm li:nth-child(3) .pc__pic img{object-position:50% 34%}
  .tm li:nth-child(4) .pc__pic img{object-position:50% 30%}
}

/* keuzes Laura 2026-11-05: bewijs enkel quotes */
@media (min-width:1025px){
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .bw__grid--zz .bw__q{grid-column:span 3}
}

/* ronde Laura 2026-11-05: quotekaart net iets breder (minder hoog); koffietekst op drie volle regels */
@media (min-width:1025px){
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .lq__card{width:44vw;bottom:1.6vw}
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .ft__r .kf__kop ~ div .lead{max-width:none;white-space:nowrap}
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .ft__r .kf__kop ~ div .lead br.d{display:inline}
}

/* bewijs-scroller: de verhalen zijn langer dan de quotes op Club; kaartbreedte en lettermaat zoals de verhalen op de homepage */
@media (min-width:1025px){
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .bs__trk .bw__q{width:27vw}
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .bs__trk .bw__t{font-size:1.5vw;line-height:1.25}
}

/* ronde Laura 2026-11-05 (2): titels op de jaarkaarten wegen op tegen de eyebrow; geen lijn boven de eerste rij van de memberdag */
@media (min-width:1025px){:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .kr .vk .lst{font-size:2.1vw;line-height:1.1}}
@media (min-width:1025px){:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .tm .bdy{white-space:nowrap}:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .tm .vk-grid > li{min-width:0}}
:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .vd__day .vd__g:first-child ol > .vd__r:first-child{border-top:0}


/* foto's Laura en Nele: iets meer lucht boven het hoofd */
@media (min-width:1025px){
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .tm li:nth-child(1) .pc__pic img{object-position:50% 15%}
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .tm li:nth-child(2) .pc__pic img{object-position:50% 0}
}

/* voor wie: de scheidingslijnen van beide lijsten op dezelfde hoogte, ook als een rij links langer is dan rechts */
@media (min-width:1025px){
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .vw__g--2{grid-template-rows:repeat(5,auto);row-gap:0}
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .vw__g--2 .vw__k{display:grid;grid-template-rows:subgrid;grid-row:span 5}
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .vw__g--2 .vw__l{display:grid;grid-template-rows:subgrid;grid-row:span 4}
}

/* quote Laura: vijf vaste regels, uitgevuld tot een strak blok */
@media (min-width:1025px){
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .lq--pv .bw__t{white-space:normal;text-align:justify;text-align-last:justify}
}

/* herokaart: tekst op vaste regels */
@media (min-width:1025px){
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .cz .cz__k .bdy{white-space:nowrap}
}

/* onderstreepte knoppen = omlijnde knoppen zonder vulling (Laura 2026-11-05); zelfde maat en hover als .md-ghost */
html:not(#a) body:not(#z) :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .tp__lnk{text-decoration-line:none !important;display:inline-block;border:1px solid currentColor;border-radius:999px;padding:calc(1.1em - 1px) 1.7em;line-height:1 !important;text-box:none;white-space:nowrap;margin-top:0 !important;transition:background-color .3s,color .3s}
:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .pg--geel .tp__lnk:hover{background:var(--brand-brown);color:var(--p-geel)}
:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .pg--bruin .tp__lnk:hover{background:var(--brand-blue);color:var(--brand-brown)}

/* koffie: iets meer lucht boven Laura's hoofd */
:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .ft__pic img{object-position:50% 15%}

/* cijfers dichter bij de testimonials */
:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .bs .bw__nums{margin-top:3.6vw}
@media (max-width:1024px){:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .bs .bw__nums{margin-top:10vw}}

/* slotzin van de memberdag: even groot als de slotzin bij Herkenbaar, zodat ze niet concurreert met de titels */
@media (min-width:1025px){:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .vb-d__end .stm{font-size:1.9vw;line-height:1.25;letter-spacing:-.02em}}

/* gsm (Laura 2026-11-05): slotzinnen en lijsten lopen evenwichtig door; slotzin memberdag = maat van Club; grotere teamfoto's met de gezichten in beeld */
@media (max-width:1024px){
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .vb-d__end .stm{font-size:var(--m-lead);line-height:1.32;letter-spacing:-.012em;text-align:justify;text-align-last:left;hyphens:none;text-wrap:pretty}
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .vb-d__end .stm br{display:none}
}

/* voor wie: "Let's talk" zoals op Club, de knop op dezelfde lijn als de tekst */
:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .wf__end .cap{display:flex;align-items:center;gap:1vw}
@media (max-width:1024px){:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .wf__end .cap{gap:3vw}}

/* gsm: één knop in de hero */
@media (max-width:767px){
  :is([data-pg="membership"],[data-pg="community"]) .ch .hr__b .hy__pill{display:none}
  html:not(#a) body:not(#z) :is([data-pg="membership"],[data-pg="community"]) .ch .hr__b .tp__lnk{background:var(--brand-brown);border-color:var(--brand-brown);color:var(--p-geel)}
}

/* gsm (Laura 2026-11-05): vaste regels in titels en slotzin; voor wie overal op één regel; één knop op de hele pagina */
.ms-m{display:none !important}
@media (max-width:767px){
  .ms-m{display:inline-block !important}
  .ms-d{display:none !important}
  html body .md:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) :is(.wk,.kr,.pr,.zs) .stm{font-size:6.65vw;letter-spacing:-.03em}
  html body .md:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) :is(.wk,.kr) > div > .stm{text-wrap:wrap;white-space:nowrap}
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .zs__steps .bdy{text-wrap:balance}
  :is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .vk .bdy{text-wrap:balance}
  html:not(#a) body:not(#z) .md:is([data-pg="membership"],[data-pg="community"],[data-pg="strategiesessie"]) .vw__over{font-size:4.9vw !important;white-space:nowrap}
  :is([data-pg="membership"],[data-pg="community"]) .vw__t{font-size:3.8vw;white-space:nowrap}
  :is([data-pg="membership"],[data-pg="community"]) .ft__b a.ms-m,:is([data-pg="membership"],[data-pg="community"]) .ch .hr__b a.ms-m,[data-pg="membership"] .st .st__k:first-child .vk-btn{display:none !important}
}

/* community: quotekaart en credits-tijdlijn */
@media (min-width:1025px){[data-pg="community"] .lq__card{width:40vw}}

/* community op gsm: langste woord past net, slotzin credits links zoals de andere slotzinnen */
@media (max-width:767px){
  html body .md[data-pg="community"] .ch .stm{font-size:8vw}
}
[data-pg="community"] .st .vk-note a{text-decoration:underline;text-underline-offset:.15em}

/* ---------- Strategiesessie (2026-11-06): over Laura met uitklapbare credentials ---------- */
.ov__t{margin-top:var(--s-kop)}
.ov__t .txt + .txt{margin-top:1em}
.ov__t .lead{margin-top:var(--s-kop)}
.ov__fq{margin-top:var(--s-kop)}
.cr{list-style:none;margin:0;padding:0 0 1.4vw}
.cr li{display:grid;grid-template-columns:8.5vw minmax(0,1fr);column-gap:1vw;padding:.55vw 0;align-items:baseline}
.cr__t,.cr__i{display:block}
.cr__i{opacity:1;font-family:var(--f-licht)}
@media (max-width:767px){
  .ov__t,.ov__fq{margin-top:11vw}
  .cr{padding-bottom:5vw}
  .cr li{grid-template-columns:1fr;row-gap:1vw;padding:2.4vw 0}
}
[data-pg="strategiesessie"] .lq--pv .bw__t{white-space:nowrap;text-align:left;text-align-last:left}
[data-pg="strategiesessie"] .wk .vk .bdy{white-space:normal}
@media (min-width:1025px){
  .ov .ft__pic{aspect-ratio:4/5}
  .ov .ft__pic img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
}
@media (max-width:767px){
  [data-pg="strategiesessie"] .lq--pv .bw__t{white-space:normal}
  [data-pg="strategiesessie"] .ch .hr__b{display:flex;flex-wrap:wrap;gap:3vw}
  [data-pg="strategiesessie"] .vb-w .ttl--spread{display:block;white-space:normal;font-size:10.4vw}
  [data-pg="strategiesessie"] .vb-w .ttl--spread span{display:block;white-space:nowrap;text-align:left}
}
/* community: vier kaarten met titels op twee regels, dus twee op twee op desktop */
@media (min-width:1025px){[data-pg="community"] .kr .vk-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){html body .md[data-pg="community"] :is(.wk,.kr,.pr,.zs) .stm{font-size:6.45vw}}   /* langste regel "een Ommetoer-membercard." past net in de kolom */
@media (min-width:1025px){[data-pg="community"] .lq--pv .bw__t{text-align:left;text-align-last:left}}   /* korte quote: uitvullen geeft gaten */

/* Community, uitlijning (2026-11-06): lopende tekst zonder korte laatste regels; standaard Laura: geen regel onder ±75% van de langste */
html body .md[data-pg="community"] :is(.hr__card .bdy,.wk .vk .bdy,.kr .bdy,.zs .bdy,.fq .bdy,.ag__pts .bdy,.bw__t,:has(> .md-n) > .cap){text-wrap:balance}
html body .md[data-pg="community"] .tm .bdy{text-wrap:balance}
html body .md[data-pg="community"] :is(.hr__card,.cz__b,.cz) .bdy{white-space:normal}
@media (max-width:767px){html body .md[data-pg="community"] :is(.kf .lead,section[aria-label="Koffie"] .lead){text-wrap:balance}}
/* namen in de teamkaarten: Experts & trusted partners staat op twee regels; de tekst eronder start overal op dezelfde hoogte */
@media (min-width:1025px){html body .md[data-pg="community"] .tm .lst{min-height:2.4em}}

/* Community gsm (Laura 2026-11-06): teksten lopen door tot de rand zoals op Club, zonder gaten */
@media (max-width:767px){
  html body .md[data-pg="community"] :is(.cz__k .bdy,.wk .vk .bdy,.kr .vk .bdy){text-wrap:wrap}
  html body .md[data-pg="community"] .wk__end .lead{text-align:justify;text-align-last:left;text-wrap:pretty}
  html body .md[data-pg="community"] .ag__lead{text-align:justify;text-align-last:left;text-wrap:wrap}
  html body .md[data-pg="community"] .vb-d__end .stm{text-align:justify;text-align-last:left;text-wrap:pretty;hyphens:manual}
  html body .md[data-pg="community"] .ag__t{font-size:4.4vw}   /* kleiner dan de tekst erboven, 4,75vw (Laura 2026-11-06) */
  html body .md[data-pg="community"] .ag__pts .bdy{font-size:3.73vw;padding:2vw 0 5vw}
  html body .md[data-pg="community"] .ag__row{padding:3.4vw 0}
  html body .md[data-pg="community"] .ag__over{margin-top:11vw}
  html body .md[data-pg="community"] .ag__pts{margin-top:5.4vw}
}

/* community, stappen: geen gaten in de eerste of tweede regel; desktop op vaste regels, gsm vult de kolom (Laura 2026-11-06) */
html:not(#a) body:not(#z) .md[data-pg="community"] .zs .bdy{text-wrap:wrap;max-width:none}
@media (min-width:1025px){html:not(#a) body:not(#z) .md[data-pg="community"] .zs .bdy{white-space:nowrap}}

/* community, Before you ask: alle antwoorden even breed, geen gebalanceerde smalle blokjes (Laura 2026-11-06) */
html:not(#a) body:not(#z) .md[data-pg="community"] .fq .bdy{text-wrap:wrap;width:100%;max-width:48vw}
@media (max-width:1024px){html:not(#a) body:not(#z) .md[data-pg="community"] .fq .bdy{text-wrap:pretty;max-width:none}}

/* Strategiesessie, ronde Laura (2026-11-06): uitklappers onder de foto; quote met meer tekst; korte reviews gecentreerd in hun kaart */
[data-pg="strategiesessie"] .ov__fq{margin-top:var(--s-kop)}
@media (min-width:1025px){
  [data-pg="strategiesessie"] .ov .ft__pic{aspect-ratio:1/1}
  [data-pg="strategiesessie"] .bs__trk .bw__q{display:flex;align-items:center}
  [data-pg="strategiesessie"] .bs__trk .bw__t{font-size:1.75vw;line-height:1.25}
  [data-pg="strategiesessie"] .ft__r .ov__t{margin-top:var(--s-groep)}
}
@media (max-width:1024px){
  [data-pg="strategiesessie"] .ov__grid{display:flex;flex-direction:column}
  [data-pg="strategiesessie"] .ov__l{display:contents}
  [data-pg="strategiesessie"] .ov .ft__pic{order:1}
  [data-pg="strategiesessie"] .ov .ft__r{order:2}
  [data-pg="strategiesessie"] .ov__fq{order:3;margin-top:11vw}
}
@media (max-width:767px){
  html:not(#a) body:not(#z) [data-pg="strategiesessie"] .ch .hr__b{flex-wrap:nowrap;gap:2vw}
  html:not(#a) body:not(#z) [data-pg="strategiesessie"] .ch .hr__b > a{flex:1 1 auto;padding-left:2.4vw;padding-right:2.4vw;text-align:center;white-space:nowrap}
}
/* korte tekst in kaarten en stappen: geen heel korte laatste regel (standaard Laura) */
@media (min-width:1025px){html body .md[data-pg="strategiesessie"] :is(.wk .vk .bdy,.kr .vk .bdy,.zs__steps .bdy,.fq .bdy,.bs__trk .bw__t){text-wrap:balance}}
/* Strategiesessie: Over mij in twee rijen: foto naast de tekst (onderkant tekst = onderkant foto), uitklappers onder de foto; openklappen verschuift de tekst niet */
@media (min-width:1025px){
  [data-pg="strategiesessie"] .ov__grid{grid-template-rows:auto auto}
  [data-pg="strategiesessie"] .ov__l{display:contents}
  [data-pg="strategiesessie"] .ov .ft__pic{grid-column:1;grid-row:1}
  [data-pg="strategiesessie"] .ov__fq{grid-column:1;grid-row:2}
  [data-pg="strategiesessie"] .ov .ft__r{grid-column:2;grid-row:1}
  html body .md[data-pg="strategiesessie"] .ft__r .ov__t{margin-top:auto}
  html body .md[data-pg="strategiesessie"] .ov .ft__r > div:first-child > .cap{margin-top:0}
  html body .md[data-pg="strategiesessie"] .bs__trk .bw__q{display:flex;flex-direction:column;justify-content:center}
}
html body .md[data-pg="strategiesessie"] .cr .bdy{margin-top:0;padding-bottom:0}
@media (min-width:1025px){html body .md[data-pg="strategiesessie"] .ov__t .txt{width:32.8vw;max-width:none;white-space:normal;text-align:justify;text-align-last:justify;hyphens:none;text-wrap:wrap}html body .md[data-pg="strategiesessie"] .ov__end{display:block;text-align-last:left}}   /* smal uitgevuld blok met vaste regels; korte slotregel links (Laura 2026-11-06) */
/* foto met de quote van Elke: lager dan de andere uitspraak (Laura 2026-11-06) */
@media (min-width:1025px){[data-pg="strategiesessie"] .lq[aria-label="Quote van Elke"]{height:36vw;min-height:0}}
@media (min-width:1025px){html:not(#a) body:not(#z) [data-pg="strategiesessie"] .lq[aria-label="Quote van Elke"] .lq__card{width:28vw}}   /* smalle kaart rechts: de gezichten blijven vrij */
html body .md[data-pg="strategiesessie"] .ov .ft__pic img{object-position:50% 68%}   /* beide gezichten in beeld, ook op gsm */
html body .md[data-pg="strategiesessie"] section[aria-label="Sfeerbeeld"] img{object-position:50% 28%}   /* gezichten in beeld */