/* ============================================================
   NINETY10 AI — v11 laag (30/09/2026, herzien)
   Basis = de eigen huisstijl uit ninety10-shared.css (petrol, crème,
   het goudverloop van logo en knoppen, Playfair + Outfit).
   Deze laag doet enkel wat Dorien vroeg:
   - geen witte kaders op crème: zelfde kleur + zachte schaduw
   - niets springt op bij hover
   - geen schermvullende hero's
   - overal hetzelfde menu en dezelfde footer
   ============================================================ */
:root{--p1:#0e1f21;--p2:#163032;--cream:#f0eee8;
  --goldgrad:linear-gradient(135deg,#98794e 0%,#b09264 45%,#d9caa8 100%);
  --lift:0 2px 6px rgba(14,31,33,.04),0 18px 44px rgba(14,31,33,.08)}

/* MENU: petrol */
.n9nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1.25rem,4vw,3rem);gap:1rem;background:var(--p1)!important;transition:padding .3s}
.n9nav.sc{padding:.7rem clamp(1.25rem,4vw,3rem);box-shadow:0 2px 20px rgba(0,0,0,.25)}
.n9nav .nb{display:flex;align-items:center;gap:.55rem;text-decoration:none}
.n9nav .nb img{height:38px}
.n9nav .nn{font-size:1.05rem;font-weight:700;letter-spacing:.08em;color:#fff!important}.n9nav .nn b{color:var(--gold)!important}
.n9links{display:flex;align-items:center;gap:.15rem}
.n9links a{font-size:.85rem;font-weight:500;letter-spacing:.03em;color:rgba(255,255,255,.78)!important;text-decoration:none;padding:.5rem .7rem;border-radius:8px;transition:color .25s;white-space:nowrap}
.n9links a:hover{color:var(--gold)!important}
.n9-drop{position:relative}
.n9-drop>a::after{content:"\25BE";font-size:.6em;margin-left:.35em;opacity:.7}
.n9-drop-menu{position:absolute;top:100%;left:0;min-width:190px;background:var(--p1);border:1px solid rgba(176,146,100,.2);border-radius:12px;padding:.4rem;display:none;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.n9-drop:hover .n9-drop-menu,.n9-drop:focus-within .n9-drop-menu{display:block}
.n9-drop-menu a{display:block;padding:.6rem .8rem;border-radius:8px}
.n9-drop-menu a:hover{background:rgba(176,146,100,.1)}
.n9links a.n9cta{font-weight:700;color:var(--p1)!important;background:var(--goldgrad);padding:.65rem 1.4rem;border-radius:8px;margin-left:.3rem}
.n9links a.n9cta:hover{color:var(--p1)!important;filter:brightness(1.06)}
.n9lang{color:var(--gold)!important;font-weight:700!important}
.n9burger{display:none;background:none;border:none;cursor:pointer}.n9burger svg{width:28px;height:28px;stroke:var(--gold);fill:none;stroke-width:1.5}
@media(max-width:1023px){
  .n9links{position:fixed;inset:0 0 0 auto;width:min(320px,82vw);flex-direction:column;align-items:flex-start;justify-content:center;gap:.3rem;background:var(--p1);padding:2rem;transform:translateX(100%);transition:transform .35s}
  .n9links.open{transform:none;box-shadow:-20px 0 60px rgba(0,0,0,.4)}
  .n9links a{font-size:1rem;padding:.7rem .4rem;width:100%}
  .n9-drop-menu{position:static;display:block;background:none;border:none;box-shadow:none;padding:.1rem 0 .3rem 1rem}
  .n9burger{display:block;z-index:210}
  .n9links a.n9cta{margin:.6rem 0 0}
}

/* KNOPPEN: goudverloop, niets springt op */
.bg{background:var(--goldgrad)!important;color:var(--p1)!important;border:none!important}
.bg:hover,.bo:hover,.bo-light:hover{transform:none!important}
.bg:hover{box-shadow:0 8px 22px rgba(176,146,100,.28)!important}

/* KAARTEN: geen wit op crème, zelfde kleur + zachte schaduw; geen sprongen */
.scr .cw,.scr .fy,.scr .ts-card,.scr .lad-card,.scr .dl-card,.scr .role-card,.scr .adv-card,.scr .am-cc,.scr .act-cat,.scr .gb-card,.scr .vs-card,.scr .layer,.scr .stp{background:var(--cream)!important;border:0!important;box-shadow:var(--lift)!important}
.sw .cw,.sw .fy,.sw .ts-card,.sw .lad-card,.sw .dl-card,.sw .role-card,.sw .adv-card,.sw .am-cc,.sw .act-cat,.sw .gb-card,.sw .vs-card,.sw .layer,.sw .stp{background:#fff!important;border:0!important;box-shadow:var(--lift)!important}
.cd:hover,.cw:hover,.ctc:hover,.fy:hover,.door:hover,.lad-card:hover,.gb-card:hover,.ts-card:hover,.dl-card:hover,.act-cat:hover,.layer:hover{transform:none!important}
.cd:hover{box-shadow:none!important;background:rgba(255,255,255,.035)!important}
.cd::before,.cd::after{display:none!important}
.pain{background:transparent!important;box-shadow:none!important;border:0!important}

/* GEEN SCHERMVULLENDE HERO */
.cine{min-height:auto!important;padding:9rem 0 5rem!important}
.cine-scroll{display:none!important}
.hero-logo{animation:none!important}

/* COHORT: feiten bovenaan (op donkere hero) */
.co-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:880px;margin:3rem auto 0;text-align:center}
.co-facts p{border-top:1px solid rgba(176,146,100,.55);padding-top:1.1rem;margin:0}
.co-facts b{display:block;font-family:var(--disp);font-weight:400;font-size:1.45rem;color:var(--gold)}
.co-facts span{display:block;color:rgba(255,255,255,.75);font-size:.95rem;line-height:1.55;margin-top:.3rem}
@media(max-width:700px){.co-facts{grid-template-columns:1fr;gap:1.2rem}}
.pain-me b{font-style:normal;color:var(--brz)}

/* pijnpunten op gsm */
@media(max-width:860px){.pain ul:has(> li),.pain ul:has(> li:nth-child(5)),.pain ul:has(> li:nth-child(3):last-child){grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){.pain ul:has(> li),.pain ul:has(> li:nth-child(5)),.pain ul:has(> li:nth-child(3):last-child){grid-template-columns:1fr!important}}

/* formulieren */
.reg-legend{font-weight:600;margin:1.4rem 0 .5rem;font-size:1.02rem}
.reg-radio{display:flex;gap:.7rem;flex-wrap:wrap;margin:.2rem 0 .4rem}
.reg-radio label{display:flex;flex-direction:row;align-items:center;gap:.55rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.22);border-radius:12px;cursor:pointer;flex:1;min-width:160px}
.reg-radio label:has(input:checked){border-color:var(--gold);background:rgba(176,146,100,.12)}
.reg-radio input{width:auto;margin:0;accent-color:var(--gold)}
.form-thanks{font-family:var(--disp);font-size:1.5rem;line-height:1.45;text-align:center;padding:2.5rem 1.5rem;border-top:1px solid rgba(176,146,100,.5)}

/* FOOTER: petrol, slogan met JIJ in goud */
.v11-foot{background:var(--p1)!important;padding:4.5rem clamp(1.25rem,5vw,3rem) 2.2rem;color:rgba(255,255,255,.75)}
.f-slogan{text-align:center;font-family:var(--sans);font-weight:700;letter-spacing:.2em;font-size:clamp(.95rem,2vw,1.35rem);color:#fff;margin:0 auto 3.5rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.08);max-width:1180px}
.f-slogan span{color:var(--gold);font-weight:400}
.f-slogan b{background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent}
.v11-foot .fg{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem}
.v11-foot .fb img{height:46px;margin-bottom:1rem}
.v11-foot .ftl{color:rgba(255,255,255,.6)!important;font-size:.92rem;line-height:1.7;max-width:260px}
.v11-foot .fc h4{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.v11-foot .fc a{display:block;margin-bottom:.55rem;text-decoration:none;font-size:.93rem;color:rgba(255,255,255,.72)}
.v11-foot .fc a:hover{color:var(--gold);transform:none}
.v11-foot .fbt{max-width:1180px;margin:3rem auto 0;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.85rem}
.v11-foot .fcp{color:rgba(255,255,255,.45)}.v11-foot .fem a{color:var(--gold);text-decoration:none}
@media(max-width:900px){.v11-foot .fg{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.v11-foot .fg{grid-template-columns:1fr}}

a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* MIRA/MIRA PRO-duo: crème naast effen petrol */

/* kaarten op petrol: geen wit, dunne gouden rand */
.sdk .lad-card,.sdp .lad-card,.sdk .cw,.sdp .cw,.sdk .ts-card,.sdp .ts-card,.sdk .gb-card,.sdp .gb-card{background:rgba(255,255,255,.035)!important;border:1px solid rgba(176,146,100,.18)!important;box-shadow:none!important}
.sdk .lad-card.here,.sdp .lad-card.here{border:1px solid var(--gold)!important}
.sdk .lad-card h3,.sdp .lad-card h3,.sdk .cw h3,.sdp .cw h3{color:#fff!important}
.sdk .lad-card p,.sdp .lad-card p,.sdk .cw p,.sdp .cw p{color:rgba(255,255,255,.72)!important}

/* ===== MINIMALISTISCH BINNEN DE KLEURVLAKKEN (Dorien 30/09: "niet de volledige stijl terug,
   gewoon verschillende kleuren, maar wel nog minimalistisch") =====
   Geen kaders, panelen of omrande kaarten: open blokken met één dunne gouden lijn. */
html body :is(.cw,.fy,.ts-card,.lad-card,.dl-card,.role-card,.adv-card,.am-cc,.act-cat,.gb-card,.vs-card,.layer,.stp,.cd,.ctc,.acmp .cw,.t-item,.p-item,.w-step,.pain-card,.ej-col,.lg-contact,.vs-faq,.accent,.vs-loss,.mp-free,.yes){background:transparent!important;background-image:none!important;border:0!important;border-top:1px solid rgba(176,146,100,.55)!important;border-radius:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
html body .acmp{border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;gap:3rem;background:transparent!important}
html body .acmp .cw.yes,html body .acmp .yes{background:transparent!important}
html body .sw .acmp .yes :is(p,li,span),html body .scr .acmp .yes :is(p,li,span){color:var(--tm)!important}
html body .sw .acmp .yes :is(h3,b,strong),html body .scr .acmp .yes :is(h3,b,strong){color:var(--txt)!important}
html body .acmp .ctg{color:var(--gd)!important}
html body .lad-card.here{border-top:2px solid var(--gold)!important}
/* secundaire knop: sober, past zich aan het vlak aan */
html body .bo{background:transparent!important;color:var(--txt)!important;border:1px solid rgba(14,31,33,.3)!important}
html body .bo:hover{border-color:var(--gd)!important;color:var(--gd)!important}
html body :is(.sdk,.sdp,.hero,.cine,.shero,.vs-hero,.v11-dark) :is(.bo,.bo-light){color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;background:transparent!important}
html body :is(.sdk,.sdp,.hero,.cine,.shero,.vs-hero,.v11-dark) :is(.bo,.bo-light):hover{color:var(--gold)!important;border-color:var(--gold)!important}
/* op petrol: tekst van open blokken leesbaar */
html body :is(.sdk,.sdp) :is(.cw,.cd,.lad-card,.ts-card,.stp) :is(h3){color:#fff!important}
html body :is(.sdk,.sdp) :is(.cw,.cd,.lad-card,.ts-card,.stp) :is(p,li){color:rgba(255,255,255,.72)!important}
/* icoonrondjes weg: rust */
html body :is(.aicon,.ic,.gb-ic,.ov-ic,.awn){background:transparent!important;border:0!important}
html body section .acmp .cw,html body section .acmp .cw.yes,html body section .acmp .cw.no{background:transparent!important;border-top:1px solid rgba(176,146,100,.55)!important;box-shadow:none!important}
html body section.sw .acmp .cw.yes :is(p,li,span),html body section.scr .acmp .cw.yes :is(p,li,span){color:var(--tm)!important}
html body section.sw .acmp .cw.yes :is(h3,b,strong),html body section.scr .acmp .cw.yes :is(h3,b,strong){color:var(--txt)!important}
/* icoon- en cijferblokken gecentreerd (één middenas) */
html body :is(.g3,.ladder,.h-three) > :is(.cw,.cd,.lad-card){text-align:center!important}
html body .aicon{margin-left:auto!important;margin-right:auto!important}
html body .aicon svg,html body .ic svg{stroke:var(--gold)!important}
/* geen schuine sierletters: rechte Playfair, goud blijft het accent (Dorien 30/09) */
html body :is(h1,h2,h3,.sh,.st,.dvn,.inct) em,html body em{font-style:normal!important}
html body :is(.banner p,.proof-quote,.ts-lead,.ts-card .q,.cw .q,.pain-turn,.pain-me,.ovc p.oq,.ovr p,.cd p.ce,.inc p.ih,.p-q,.p-quote,.q-big,.hp1,.m-accent,.sn){font-style:normal!important}
/* superdonker petrol overal (Dorien 30/09) */
:root{--pk:#0e1f21;--pm:#132628}
html body section.sdk,html body .sdk{background:#0e1f21!important}
html body section.sdp,html body .sdp{background:#0a1718!important}
html body .hero,html body .h-hero,html body .v11-top,html body .shero,html body .vs-hero,html body .cine{background:#0a1718!important;background-image:none!important}
html body .hero::before,html body .shero::before{display:none!important}
html body .n9nav,html body .n9links,html body .n9-drop-menu,html body .v11-foot{background:#0a1718!important}
/* lange citaten en zinnen niet in de sierletter */
html body :is(.proof-quote,.ts-lead,.pain-turn,.ovc p.oq,.cd p.ce,.inc p.ih){font-family:var(--sans)!important;font-weight:300!important}
html body :is(.pain-turn,.proof-quote,.ts-lead) em{font-family:var(--disp)!important;font-weight:400!important;color:var(--gold)!important}
/* ÉÉN GOUD: het goud uit het logo (gemeten in assets/logo.png: donker #98794e, midden #b09264, licht #d9caa8) */
:root{--gold:#b09264!important;--gl:#c9b48c!important;--gll:#d9caa8!important;--gd:#98794e!important;--brz:#b09264!important;--bl:#c9b48c!important;
  --goldgrad:linear-gradient(135deg,#98794e 0%,#b09264 50%,#d9caa8 100%)!important}
html body .gband{background:var(--goldgrad)!important}
html body .bg,html body .n9links a.n9cta{background:var(--goldgrad)!important}
/* sierlijke (schuine) Playfair terug als ACCENT: goudwoorden in titels en korte highlights.
   Lange zinnen en citaten blijven in Outfit. (Dorien 30/09) */
html body :is(h1,h2,h3,.sh,.st,.dvn) em{font-family:var(--disp)!important;font-style:italic!important}
html body :is(.banner p,.pain-turn em,.proof-quote em,.ts-lead em){font-family:var(--disp)!important;font-style:italic!important}
/* lichte schaduwkaders: enkel op wit en beige (Dorien 30/09). Zelfde kleur als het vlak, zachte schaduw, geen rand. */
html body section.scr :is(.cw,.lad-card,.ts-card,.dl-card,.gb-card,.act-cat,.role-card,.adv-card,.am-cc,.stp,.layer,.vs-card),html body.home section.scr .w-step{background:#f0eee8!important;border:0!important;border-radius:18px!important;box-shadow:0 2px 6px rgba(14,31,33,.04),0 18px 44px rgba(14,31,33,.09)!important;padding:2rem 1.8rem!important}
html body section.sw :is(.cw,.lad-card,.ts-card,.dl-card,.gb-card,.act-cat,.role-card,.adv-card,.am-cc,.stp,.layer,.vs-card){background:#fff!important;border:0!important;border-radius:18px!important;box-shadow:0 2px 6px rgba(14,31,33,.04),0 18px 44px rgba(14,31,33,.09)!important;padding:2rem 1.8rem!important}
html body section:is(.scr,.sw) .lad-card.here{box-shadow:0 0 0 1px #b09264,0 18px 44px rgba(14,31,33,.09)!important}
html body section:is(.scr,.sw) .acmp .cw{box-shadow:none!important;border-radius:0!important;padding:1.6rem 0 0!important}
/* subtiele kaders op petrol (Dorien 30/09): fractie lichter, dunne gouden rand, geen lijn erboven */
html body section:is(.sdk,.sdp) :is(.cw,.cd,.lad-card,.ts-card,.stp,.gb-card),html body.home .h-trust .t-item{background:rgba(255,255,255,.03)!important;border:1px solid rgba(176,146,100,.2)!important;border-radius:16px!important;box-shadow:none!important;padding:2rem 1.8rem!important}
html body section:is(.sdk,.sdp) .lad-card.here{border-color:rgba(176,146,100,.6)!important}

/* ===== ÉÉN KAARTSTIJL OP ALLE PAGINA'S (gelijk aan de homepage) ===== */
html body :is(.g3,.g4,.g2,.ladder,.ctg2,.gb-grid,.ts-grid,.dl-grid) > :is(.cw,.cd,.lad-card,.gb-card,.dl-card,.ctc){display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
html body :is(.cw,.cd,.lad-card,.gb-card,.dl-card,.ctc,.w-step,.t-item) h3{font-family:var(--disp)!important;font-weight:400!important;font-size:1.55rem!important;line-height:1.2!important;margin:.35rem 0 .7rem!important}
html body :is(.cw,.cd,.lad-card,.gb-card,.dl-card,.ctc) :is(.ctg,.dk,.lad-tag,.gb-tag,.itag){font-family:var(--sans)!important;font-size:.78rem!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--gold)!important;margin-bottom:.5rem!important}
html body section:is(.scr,.sw) :is(.cw,.lad-card,.gb-card,.dl-card) p{color:var(--tm)!important;font-size:1rem!important;line-height:1.75!important}
html body :is(.cw,.cd,.lad-card,.gb-card,.dl-card,.ctc) > :is(a.bo,a.bg,.lad-act){margin-top:auto!important;align-self:center!important}
html body :is(.cw,.cd,.lad-card,.gb-card,.dl-card,.ctc) > :is(p,ul,.di-price):nth-last-child(2){margin-bottom:1.6rem!important}
/* prijzen overal zoals op de homepage */
html body .di-price{font-family:var(--disp)!important;font-size:1.5rem!important;color:var(--txt)!important;margin:.8rem 0 .2rem!important}
html body .di-price span{font-family:var(--sans)!important;font-size:.85rem!important;color:var(--tl)!important}
html body section:is(.sdk,.sdp) .di-price{color:#fff!important}
/* lijstjes in kaarten: rustig, zonder losse bolletjes */
html body :is(.cw,.cd,.lad-card) ul{list-style:none!important;padding:0!important;margin:.6rem 0 0!important}
html body :is(.cw,.cd,.lad-card) ul li{position:static!important;padding:.3rem 0!important;font-size:.98rem!important;font-weight:400!important;color:var(--tm)!important;text-align:center!important}
html body :is(.cw,.cd,.lad-card) ul li::before{display:none!important}
html body :is(.cw,.cd,.lad-card) ul li.hi{color:var(--txt)!important}
html body section:is(.sdk,.sdp) :is(.cw,.cd,.lad-card) ul li{color:rgba(255,255,255,.75)!important}
/* geen dubbele 90/10 boven de footer (staat al in de footer) */
html body .gband:has(+ footer),html body .gband:has(+ script + footer){display:none!important}
/* alle FAQ-vragen in dezelfde letter */
html body :is(.fq summary,.faq-q,.vs-faq summary,.faq-item button){font-family:var(--sans)!important;font-weight:600!important;font-size:1.02rem!important;font-style:normal!important}
/* getuigenis-kaders: overal dezelfde (gelijk aan de homepage) */
.p-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;max-width:1080px;margin:3rem auto 0}
.p-card{margin:0;text-align:center;border-radius:16px;padding:2.2rem 2rem 2rem;display:flex;flex-direction:column}
section:is(.sdk,.sdp) .p-card{background:rgba(255,255,255,.03);border:1px solid rgba(176,146,100,.2)}
section:is(.scr,.sw) .p-card{background:inherit;box-shadow:0 2px 6px rgba(14,31,33,.04),0 18px 44px rgba(14,31,33,.09)}
section.scr .p-card{background:#f0eee8}section.sw .p-card{background:#fff}
.p-mark{font-family:var(--disp);font-style:italic;font-size:3.8rem;line-height:1;color:var(--gold);height:2.4rem}
.p-card blockquote{margin:.6rem 0 0;font-family:var(--sans);font-weight:400;font-size:1.1rem;line-height:1.7;flex:1}
section:is(.sdk,.sdp) .p-card blockquote{color:#fff}
section:is(.scr,.sw) .p-card blockquote{color:var(--txt)}
.p-card blockquote em{font-family:var(--disp);font-style:italic;font-weight:400;font-size:1.2em;color:var(--gold);line-height:1.35}
.p-card figcaption{margin-top:1.3rem;font-size:.85rem;font-weight:500;color:var(--gold);line-height:1.5}
@media(max-width:900px){.p-grid{grid-template-columns:1fr}}
html body section:is(.scr,.sw) .p-card blockquote{color:var(--txt)!important}
html body section:is(.sdk,.sdp) .p-card blockquote{color:#fff!important}
html body section:is(.scr,.sw) .p-card blockquote em{color:#98794e!important}
/* MIRA-verhaal: boodschap, cijfers met bron, twee knoppen */
.mira-story .ms-lead{font-size:1.2rem;line-height:1.8;color:var(--txt);max-width:40rem;margin:1.2rem auto 0}
.mira-story .ms-lead em,.mira-story .ms-turn em{font-family:var(--disp);font-style:italic;color:#98794e}
.ms-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;max-width:980px;margin:3rem auto 0}
.ms-stats>div{background:#f0eee8;border-radius:16px;padding:2rem 1.6rem;box-shadow:0 2px 6px rgba(14,31,33,.04),0 18px 44px rgba(14,31,33,.09);display:flex;flex-direction:column;align-items:center}
.ms-num{font-family:var(--disp);font-size:clamp(2.4rem,4vw,3.2rem);line-height:1;color:var(--gold)}
.ms-stats p{color:var(--tm);font-size:1rem;line-height:1.6;margin:.8rem 0 .9rem;flex:1}
.ms-stats a{font-size:.8rem;color:#98794e;text-decoration:underline;text-underline-offset:3px}
.ms-turn{font-size:1.2rem;line-height:1.8;color:var(--txt);max-width:40rem;margin:3rem auto 0}
.ms-me{font-family:var(--disp);font-size:1.5rem;color:var(--txt);margin:1.4rem auto 0;max-width:34rem}
.ms-cta{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap;margin-top:2.2rem}
@media(max-width:800px){.ms-stats{grid-template-columns:1fr}}
html body .hero,html body .h-hero{overflow:hidden!important}
@media(max-width:700px){html body .hero-deco{display:none!important}}
/* cohort: herkenning in zes concrete kolommen + Doriens eigen stuk */
.pn-intro{font-size:1.2rem;line-height:1.8;color:var(--txt);max-width:42rem;margin:1.2rem auto 0}
.pn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;max-width:1080px;margin:3rem auto 0}
.pn-card{background:#f0eee8;border-radius:16px;padding:2rem 1.6rem;box-shadow:0 2px 6px rgba(14,31,33,.04),0 18px 44px rgba(14,31,33,.09);text-align:center}
.pn-card .t-ic{display:block;margin:0 auto .9rem;width:34px;height:34px}
.pn-card .t-ic svg{width:34px;height:34px;stroke:var(--gold);stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.pn-card h3{font-family:var(--disp)!important;font-weight:400!important;font-size:1.4rem!important;color:var(--txt)!important;margin:0 0 .6rem!important}
.pn-card p{color:var(--tm);font-size:1rem;line-height:1.7;margin:0}
.pn-turn{font-family:var(--sans);font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.4;color:var(--txt);max-width:40rem;margin:3.4rem auto 0}
.pn-turn em{font-family:var(--disp);font-style:italic;color:var(--gold)}
.pn-me{display:flex;gap:1.6rem;align-items:center;text-align:left;max-width:46rem;margin:3rem auto 0}
.pn-me img{width:96px;height:96px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(176,146,100,.5)}
.pn-me p{color:var(--tm);font-size:1.08rem;line-height:1.8;margin:0}
.pn-slot{font-size:1.2rem;line-height:1.7;color:var(--txt);max-width:40rem;margin:2.2rem auto 0}
.pn-slot em{font-family:var(--disp);font-style:italic;color:var(--gold);font-size:1.15em}
.pn-sign{font-family:var(--disp);font-style:italic;color:var(--gold);font-size:1.3rem;margin-top:.6rem}
@media(max-width:900px){.pn-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pn-grid{grid-template-columns:1fr}.pn-me{flex-direction:column;text-align:center}}
html body section:is(.sw,.scr) .acmp :is(.bo,.bo-light){color:var(--txt)!important;border:1px solid rgba(14,31,33,.3)!important;background:transparent!important}
.scan-uitleg{font-size:1.08rem;line-height:1.75;color:var(--tm);max-width:38rem;margin:2.6rem auto 0}
.scan-uitleg b{color:var(--txt);font-weight:600}
/* keuze-vraag + persoonlijk briefje (cohort) */
html body .pn .pn-turn{font-family:var(--disp)!important;font-weight:400;font-size:clamp(1.8rem,3.2vw,2.6rem)!important;line-height:1.25!important;max-width:24ch!important;margin:3.6rem auto 0!important}
html body .pn em,html body .pn-note em{font-family:var(--disp)!important;font-style:italic!important;color:var(--gold)!important}
.pn-note{position:relative;max-width:760px;margin:4.5rem auto 0;background:#f0eee8;border-radius:20px;padding:4.2rem clamp(1.6rem,5vw,3.6rem) 2.6rem;box-shadow:0 2px 6px rgba(14,31,33,.04),0 22px 54px rgba(14,31,33,.10);text-align:center}
.pn-note img{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:104px;height:104px;border-radius:50%;object-fit:cover;border:3px solid #f0eee8;box-shadow:0 8px 24px rgba(14,31,33,.15)}
.pn-note-txt{font-size:1.1rem;line-height:1.85;color:var(--tm);margin:0}
.pn-note .pn-slot{font-size:1.15rem;line-height:1.7;color:var(--txt);margin:1.8rem auto 0;padding-top:1.6rem;border-top:1px solid rgba(176,146,100,.35);max-width:34rem}
.pn-note .pn-slot em{font-size:1.2em}
.pn-note .pn-sign{font-family:var(--disp);font-style:italic;color:var(--gold);font-size:1.5rem;margin:.8rem 0 0}
html body section:is(.sw,.scr) .acmp > .cw{border-top:1px solid rgba(176,146,100,.55)!important;padding-top:1.6rem!important}
.pn-keuzes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.8rem 0}
.pn-keuzes>div{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-family:var(--disp);font-size:1.25rem;color:var(--txt)}
.pn-keuzes span{font-family:var(--disp);font-size:2.6rem;line-height:1;color:var(--gold)}
.pn-note .pn-slot b{font-weight:700;color:var(--txt)}
@media(max-width:600px){.pn-keuzes{grid-template-columns:1fr}}
.pn-note .pn-gold{font-family:var(--disp);font-style:italic;color:var(--gold);font-size:clamp(1.6rem,2.8vw,2.1rem);line-height:1.3;margin:1.4rem 0 0}
html body .pn-note .pn-gold em{font-size:1em!important}
/* briefje: alle tekst in dezelfde stijl */
.pn-note .pn-note-txt,.pn-note .pn-slot{font-size:1.1rem!important;line-height:1.85!important;color:var(--tm)!important}
.pn-note .pn-slot b{color:var(--txt)!important}
.pn-pre{font-size:1.15rem;color:var(--tm);margin:4rem auto 0;letter-spacing:.01em}
html body .pn .pn-pre+.pn-turn{margin-top:.6rem!important;max-width:20ch!important}

/* ===== GEEN GOUDEN LIJNTJES MEER (Dorien 30/09). Licht = schaduwkader, petrol = subtiel kader. ===== */
html body :is(.cw,.cd,.lad-card,.ts-card,.stp,.gb-card,.dl-card,.act-cat,.role-card,.adv-card,.am-cc,.layer,.w-step,.t-item,.p-item,.co-facts p,.acmp > .cw,.fy,.ej-col,.pain-card){border-top:0!important}
html body section:is(.sw,.scr) :is(.acmp > .cw,.fy,.ej-col,.t-item,.p-item){border-radius:18px!important;box-shadow:0 2px 6px rgba(14,31,33,.04),0 18px 44px rgba(14,31,33,.09)!important;padding:2rem 1.8rem!important;border:0!important}
html body section.scr :is(.acmp > .cw,.fy,.ej-col,.t-item,.p-item){background:#f0eee8!important}
html body section.sw :is(.acmp > .cw,.fy,.ej-col,.t-item,.p-item){background:#fff!important}
html body section:is(.sw,.scr) .acmp{gap:1.6rem!important}
html body section:is(.sw,.scr) .acmp > .cw{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
html body :is(.v11-top,.hero,.sdk,.sdp) .co-facts p{border:1px solid rgba(176,146,100,.2)!important;border-radius:14px!important;background:rgba(255,255,255,.03)!important;padding:1.2rem 1rem!important}
html body section:is(.sdk,.sdp) :is(.fy,.ej-col,.p-item,.t-item){background:rgba(255,255,255,.03)!important;border:1px solid rgba(176,146,100,.2)!important;border-radius:16px!important;padding:2rem 1.8rem!important}
/* dunne scheidingslijnen: neutraal in plaats van goud */
html body .pn-note .pn-slot{border-top:1px solid rgba(14,31,33,.08)!important}
html body .lab::before,html body .hb::before{display:none!important}
html body .lab,html body .hb{justify-content:center}
/* alles gecentreerd binnen een kader (Dorien 30/09) */
html body :is(.cw,.cd,.lad-card,.ts-card,.stp,.gb-card,.dl-card,.act-cat,.role-card,.adv-card,.am-cc,.layer,.w-step,.t-item,.p-item,.p-card,.pn-card,.acmp > .cw,.fy,.ej-col,.di-credit,.ctc,.ms-stats > div){text-align:center!important}
html body :is(.cw,.cd,.lad-card,.acmp > .cw,.fy,.ej-col,.w-step,.stp,.act-cat) :is(ul,ol){display:inline-block;text-align:left;margin-left:auto!important;margin-right:auto!important}
html body :is(.cw,.cd,.lad-card,.acmp > .cw,.fy,.ej-col,.w-step,.stp) > :is(a.bo,a.bg){align-self:center!important;margin-left:auto;margin-right:auto}
html body .di-credit{background:#f0eee8!important;border:0!important;border-radius:18px!important;box-shadow:0 2px 6px rgba(14,31,33,.04),0 18px 44px rgba(14,31,33,.09)!important;margin-left:auto!important;margin-right:auto!important;padding:1.8rem 2rem!important}
html body section.sw .di-credit{background:#fff!important}
/* geen gouden streepjes links: gecentreerd, eventueel als zacht kader */
html body :is(.claim-note,.opn,.lg-pre,p[style*="border-left"],.ovc p.oq){border-left:0!important;padding-left:0!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
html body :is(.claim-note,.opn){background:#f0eee8!important;border-radius:16px!important;box-shadow:0 2px 6px rgba(14,31,33,.04),0 18px 44px rgba(14,31,33,.09)!important;padding:1.4rem 1.8rem!important;max-width:760px}
/* geen gouden rand bij hover */
html body :is(.cw,.ctc,.cd,.fy,.lad-card,.gb-card,.ts-card)::before{display:none!important}
/* MIRA / MIRA PRO naast elkaar: pijn, wat het vastlegt, resultaat */
html body .mp-cmp{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1.6rem!important;max-width:1000px;margin:3rem auto 0!important;align-items:stretch}
html body .mp-cmp .mp-card{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:2.4rem 2.2rem!important}
.mp-card .mp-tag{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 .5rem}
html body .mp-card h3{font-family:var(--disp)!important;font-weight:400!important;font-size:1.8rem!important;color:var(--txt)!important;margin:0 0 1.2rem!important}
html body .mp-card h3 span{display:none!important}
.mp-card .mp-pijn{margin:0;padding:1.1rem 1.2rem;border-radius:12px;background:rgba(14,31,33,.04);color:var(--tm);font-size:1rem;line-height:1.65}
.mp-card .mp-pijn b{font-weight:400}
.mp-card .mp-wat{margin:1.6rem 0 .6rem;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--txt)}
html body .mp-card ul.mp-list{display:inline-block!important;text-align:left!important;margin:0 auto!important;padding:0!important;list-style:none!important}
html body .mp-card ul.mp-list li{position:relative!important;padding:.45rem 0 .45rem 2rem!important;text-align:left!important;color:var(--txt)!important;font-size:1rem!important;line-height:1.55!important}
html body .mp-card ul.mp-list li::before{display:block!important;content:""!important;position:absolute!important;left:0;top:.62rem;width:1.15rem;height:1.15rem;border-radius:50%;background:rgba(176,146,100,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b09264' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/.7rem no-repeat}
.mp-card .mp-noot{margin:auto 0 0;padding-top:1.4rem;font-family:var(--disp);font-style:italic;font-size:1.1rem;line-height:1.5;color:#98794e}
@media(max-width:800px){html body .mp-cmp{grid-template-columns:1fr!important}}
.mp-card .mp-noot{font-size:1.2rem!important;color:var(--txt)!important}
.pn-note .pn-note-txt b{color:var(--txt)!important;font-weight:600}
/* ===== CONSISTENT: alle herkenningsblokken als kaarten met icoon; slotvraag in titelletter ===== */
.pn-grid.pn-4{grid-template-columns:repeat(4,1fr)!important}
@media(max-width:1000px){.pn-grid.pn-4{grid-template-columns:1fr 1fr!important}}
@media(max-width:600px){.pn-grid.pn-4{grid-template-columns:1fr!important}}
section.sw .pn-card{background:#fff}
html body .pain-turn{font-family:var(--disp)!important;font-weight:400!important;font-style:normal!important;font-size:clamp(1.7rem,3vw,2.4rem)!important;line-height:1.25!important;color:var(--txt)!important;max-width:24ch!important;margin:3.4rem auto 0!important;text-align:center}
html body .pain-turn em{font-family:var(--disp)!important;font-style:italic!important;color:var(--gold)!important}
html body .pain-me{font-family:var(--sans)!important;font-style:normal!important}
html body div.gband{display:none!important}
/* prijsstrook onder uitkomstkaarten */
.oc-strip{max-width:760px;margin:2.6rem auto 0;text-align:center;padding:2.2rem 2rem;border-radius:18px}
section:is(.sw,.scr) .oc-strip{background:inherit;box-shadow:0 2px 6px rgba(14,31,33,.04),0 18px 44px rgba(14,31,33,.09)}
section.sw .oc-strip{background:#fff}section.scr .oc-strip{background:#f0eee8}
section:is(.sdk,.sdp) .oc-strip{background:rgba(255,255,255,.03);border:1px solid rgba(176,146,100,.2)}
.oc-num{font-family:var(--disp);font-size:clamp(2.2rem,4vw,3rem);color:var(--gold)}
.oc-unit{font-size:.9rem;color:var(--tl)}
.oc-meta{margin:.4rem 0 0;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--txt)}
section:is(.sdk,.sdp) .oc-meta{color:#fff}
.oc-line{margin:.9rem auto 1.4rem;max-width:34rem;color:var(--tm);font-size:1.05rem;line-height:1.7}
section:is(.sdk,.sdp) .oc-line,section:is(.sdk,.sdp) .oc-unit{color:rgba(255,255,255,.72)}
section:is(.sdk,.sdp) .pn-card{background:rgba(255,255,255,.03)!important;border:1px solid rgba(176,146,100,.2);box-shadow:none!important}
section:is(.sdk,.sdp) .pn-card h3{color:#fff!important}
section:is(.sdk,.sdp) .pn-card p{color:rgba(255,255,255,.72)!important}
.pn-keuzes.pn-k4{grid-template-columns:repeat(4,1fr)!important;max-width:900px;margin:2rem auto 1rem!important}
section:is(.sdk,.sdp) .pn-keuzes>div{color:#fff!important}
.oc-line a{color:var(--gold)!important;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.pn-keuzes.pn-k4{grid-template-columns:1fr 1fr!important}}
/* genummerde pijlers: gelijk, gecentreerd, één lijn */
.pn-keuzes>div{text-align:center;justify-content:flex-start}
.pn-keuzes.pn-k4>div{white-space:nowrap}
/* brug naar AI Zero to Hero: licht schaduwkader i.p.v. donker blok */
.zth-card{max-width:840px;margin:0 auto;background:#fff;border-radius:18px;padding:clamp(2rem,5vw,3rem);text-align:center;box-shadow:0 2px 6px rgba(14,31,33,.04),0 18px 44px rgba(14,31,33,.09)}
html body .zth-card .sh{color:var(--txt)!important}
html body .zth-card .lab{color:var(--gold)!important}
html body .zth-card p{color:var(--tm)!important}
/* prijsstrook: sober, zonder kader (Dorien 30/09: "te veel") */
html body section .oc-strip{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:2.8rem auto 0!important;display:flex;flex-direction:column;align-items:center}
html body .oc-num{font-size:clamp(1.8rem,3vw,2.2rem)!important}
html body .oc-meta{font-size:.95rem!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:var(--tl)!important;margin:.2rem 0 1.2rem!important}
html body section:is(.sdk,.sdp) .oc-meta{color:rgba(255,255,255,.65)!important}
html body .oc-line{order:3;font-size:.92rem!important;margin:1rem auto 0!important}
html body .oc-strip .bg{order:2}
html body .di-vat{text-align:center!important;margin:1.6rem auto 0!important;max-width:40rem}
/* open blok over de volle breedte, geen kaart */
.zth-open{max-width:840px;margin:0 auto;text-align:center}
html body .zth-open .sh{color:var(--txt)!important}
html body .zth-open p{color:var(--tm)!important}
/* kaarten in een rij: icoon, titel en tekst op dezelfde hoogte (subgrid) */
html body .pn-grid{align-items:stretch}
html body .pn-grid>.pn-card{display:grid!important;grid-row:span 3;grid-template-rows:subgrid;row-gap:.7rem;align-content:start}
html body .pn-grid>.pn-card>*{margin:0!important}
html body .pn-grid>.pn-card>h3{align-self:start}
html body .pn-grid>.pn-card .t-ic{align-self:end}
html body .p-grid>.p-card{display:grid!important;grid-row:span 3;grid-template-rows:subgrid;row-gap:.6rem}
html body .p-grid>.p-card>*{margin:0!important}
/* slotvraag na herkenning: overal in de titelletter (zelfde als cohort) */
html body section p.pain-turn.pain-turn{font-family:var(--disp)!important;font-weight:400!important;font-size:clamp(1.7rem,3vw,2.4rem)!important;line-height:1.25!important;color:var(--txt)!important;max-width:24ch!important;margin:3.4rem auto 0!important}
html body section p.pain-turn.pain-turn em{font-family:var(--disp)!important;font-style:italic!important;color:var(--gold)!important}
/* iconen: overal gecentreerd en even groot */
html body .pn-grid>.pn-card{justify-items:center!important;text-align:center!important}
html body :is(.t-ic,.aicon,.ic,.gb-ic,.ov-ic){display:flex!important;align-items:center;justify-content:center;width:40px!important;height:40px!important;margin-left:auto!important;margin-right:auto!important;background:transparent!important;border:0!important;padding:0!important}
html body :is(.t-ic,.aicon,.ic,.gb-ic,.ov-ic) svg{width:34px!important;height:34px!important;stroke:var(--gold)!important;stroke-width:1.4!important;fill:none!important;stroke-linecap:round;stroke-linejoin:round}
/* ICONEN OVERAL: groter, gecentreerd, één stijl (Dorien 30/09) */
html body :is(.t-ic,.aicon,.ic,.gb-ic,.ov-ic,.vs-q-ico){display:flex!important;align-items:center!important;justify-content:center!important;width:52px!important;height:52px!important;min-width:52px;margin:0 auto .9rem!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;flex-shrink:0}
html body :is(.t-ic,.aicon,.ic,.gb-ic,.ov-ic,.vs-q-ico) svg{width:44px!important;height:44px!important;stroke:var(--gold)!important;stroke-width:1.3!important;fill:none!important;stroke-linecap:round;stroke-linejoin:round}
/* blokken waar icoon naast tekst stond: gestapeld en gecentreerd */
html body :is(.co-opt,.layer,.vs-q-head,.vs-q){flex-direction:column!important;align-items:center!important;text-align:center!important}
html body :is(.co-opt,.layer)>div:not(.ic){text-align:center!important}
html body .vs-q-top{flex-direction:column!important;align-items:center!important;text-align:center!important}
html body .vs-q{flex-direction:column}
/* getuigenissen: rustig, niet vet, accent even groot als de tekst */
html body .p-card blockquote{font-weight:300!important;font-size:1.02rem!important;line-height:1.75!important}
html body section:is(.sdk,.sdp) .p-card blockquote{color:rgba(255,255,255,.82)!important}
html body .p-card blockquote em{font-size:1.08em!important;font-weight:400!important;line-height:1.5!important}
html body .p-card figcaption{font-weight:400!important;font-size:.82rem!important}
html body .p-mark{font-size:2.8rem!important;height:1.8rem!important}
/* cv-kaarten op Over */
.cv-list{display:flex;flex-direction:column;gap:1rem}
.cv-list p{margin:0;display:flex;flex-direction:column;gap:.15rem}
.cv-list b{font-family:var(--disp);font-weight:400;font-size:1.15rem;color:var(--txt)}
.cv-list span{font-size:.92rem;line-height:1.5;color:var(--tm)}
html body .pn-grid>.cv-card{grid-row:auto;grid-template-rows:none;display:flex!important;flex-direction:column;align-items:center}
html body p.close{font-family:var(--sans)!important;font-size:1.1rem!important;line-height:1.9!important;color:var(--tm)!important;text-align:center;margin:2.4rem auto 0!important;font-weight:400}
html body p.close em{font-family:var(--disp)!important;font-style:italic!important;color:var(--gold)!important;font-size:1.25rem}
/* cv-kaarten: alles onder elkaar gecentreerd */
html body .pn-grid>.pn-card.cv-card{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:.8rem}
html body .cv-card>h3{text-align:center!important;width:100%}
html body .cv-list{align-items:center;width:100%}
/* slogan als eigen regel in de sierletter */
html body p.close em{display:block;font-size:clamp(1.5rem,2.4vw,1.9rem)!important;line-height:1.35;margin-top:.8rem}
/* ÉÉN MIDDENAS: alle paginakoppen en sectiekoppen gecentreerd (behalve homepage-hero met logo) */
html body .v11-top,html body .v11-top :is(.ct,.cn,.hero-content){text-align:center!important}
html body .v11-top :is(h1,h2,.sh,.lab,.hb,p,.sub){text-align:center!important;margin-left:auto!important;margin-right:auto!important;justify-content:center!important}
html body .v11-top :is(.hctas,.cine-cta,.btn-row)>*{margin-left:auto;margin-right:auto}
html body .v11-top :is(.hctas,.cine-cta,.btn-row,div[style*="display:flex"]){justify-content:center!important}
html body main section > .ct > :is(.lab,h2.sh,p.sub),html body main section > .cn > :is(.lab,h2.sh,p.sub),html body section > .ct > :is(.lab,h2.sh,p.sub),html body section > .cn > :is(.lab,h2.sh,p.sub){text-align:center!important;margin-left:auto!important;margin-right:auto!important;justify-content:center!important}
html body section .lab{display:flex;justify-content:center!important}
/* MIRA PRO-hero: zoals alle andere paginakoppen, gecentreerd, zonder kaart ernaast */
html body .mp-hero-grid{grid-template-columns:1fr!important;text-align:center!important;max-width:860px;margin:0 auto;padding:8.5rem 0 4rem!important}
html body .mp-hero-grid>*:nth-child(2){display:none!important}
html body .mp-hero-grid :is(h1,p,.mp-pill){margin-left:auto!important;margin-right:auto!important;text-align:center!important}
html body .mp-hero-grid :is(div[style*="flex"],.hctas){justify-content:center!important}
html body .v11-top p.sub,html body section p.sub{text-align:center!important}
html body .mp-hero-grid .mp-pill{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;color:var(--gold)!important;font-size:.95rem!important;letter-spacing:.2em!important}
html body .mp-hero-grid .mp-pill::before,html body .mp-hero-grid .mp-pill>span:first-child:empty{display:none!important}
html body .mp-hero-grid p{max-width:640px!important}

/* ===== SCANS: in de huisstijl (Dorien 30/09) ===== */
/* elke stap: één lichte schaduwkaart, gecentreerde kop */
html body:has(.ti-slider) .layer.layer{background:#fff!important;border:0!important;border-radius:20px!important;box-shadow:0 2px 6px rgba(14,31,33,.04),0 18px 44px rgba(14,31,33,.09)!important;padding:clamp(2rem,5vw,3.4rem)!important;max-width:760px!important;border-top:0!important}
html body :is(.layer-tag,.layer-title,.layer-intro){text-align:center!important;margin-left:auto!important;margin-right:auto!important}
html body .layer-tag{color:var(--gold)!important;letter-spacing:.2em!important}
html body .layer-title{font-weight:400!important}
/* vakken: geen gekleurde kaders meer, labels boven de invoer */
html body :is(.team-box,.rate-box){display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:.7rem!important;background:#f7f5f0!important;border:0!important;border-radius:14px!important;padding:1.4rem 1.6rem!important;box-shadow:none!important}
html body :is(.team-box,.rate-box) label{white-space:normal!important;font-weight:600!important;font-size:1rem!important}
html body :is(.team-box,.rate-box) :is(p,small,span,.hint,div:not(:has(input)):not(:has(select))){font-size:.88rem!important;line-height:1.6!important;color:var(--tl)!important;max-width:34rem;text-align:center!important}
html body .rate-box input{width:140px!important;text-align:center;background:#fff!important;border:1px solid rgba(14,31,33,.15)!important;border-radius:10px!important;font-size:1.05rem!important}
/* tijdregels: rustig, label links, waarde rechts, dunne balk */
html body .ti-row{padding:1.3rem 0!important;border-bottom:1px solid rgba(14,31,33,.07)!important}
html body .ti-label{font-weight:500!important;font-size:1rem!important}
html body .ti-label small{font-size:.8rem!important}
html body .ti-val{font-size:1.25rem!important;color:var(--gold)!important}
html body .ti-wk,html body .ti-wk b{color:var(--tl)!important;font-weight:400!important}
/* schuifbalken: dun en licht, gouden bolletje */
html body :is(.ti-slider,.n10-slider,input[type=range]){-webkit-appearance:none!important;appearance:none!important;height:4px!important;border-radius:2px!important;background:rgba(14,31,33,.12)!important;border:0!important;outline:none;box-shadow:none!important;padding:0!important}
html body :is(.ti-slider,.n10-slider,input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;width:20px!important;height:20px!important;border-radius:50%;background:var(--gold)!important;border:3px solid #fff!important;box-shadow:0 1px 6px rgba(14,31,33,.25)!important;cursor:pointer}
html body :is(.ti-slider,.n10-slider,input[type=range])::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gold);border:3px solid #fff}
/* keuzes: rustige opties */
html body .opt-q{text-align:center;font-weight:600}
html body .opt-choice{border:1px solid rgba(14,31,33,.12)!important;border-radius:12px!important;background:#fff!important}
html body .opt-choice.is-on{border-color:var(--gold)!important;background:rgba(176,146,100,.06)!important}
/* visibility scan kaart */
html body .vs-card{background:#fff!important;border-radius:20px!important;box-shadow:0 2px 6px rgba(14,31,33,.04),0 18px 44px rgba(14,31,33,.09)!important;border:0!important;max-width:760px;margin-left:auto;margin-right:auto}
html body .vs-opt{border:1px solid rgba(14,31,33,.12)!important;border-radius:12px!important;background:#fff!important}
html body .vs-opt.is-on{border-color:var(--gold)!important;background:rgba(176,146,100,.06)!important}
html body .vs-q-txt{font-weight:600!important;text-align:center}
html body .vs-q-sub{text-align:center}
/* scanpagina's: wit als basis (Dorien 30/09) */
html body:has(.ti-slider, .vs-card) main section:not(.v11-top):not(.sdk):not(.sdp),html body:has(.ti-slider, .vs-card) > section:not(.v11-top):not(.sdk):not(.sdp){background:#fff!important}
html body:has(.ti-slider, .vs-card) section .layer.layer.layer,html body:has(.ti-slider, .vs-card) section .vs-card.vs-card{background:#fff!important;box-shadow:0 2px 6px rgba(14,31,33,.04),0 18px 44px rgba(14,31,33,.09)!important;border-radius:20px!important}
html body:has(.ti-slider) section :is(.team-box,.rate-box){background:#f7f5f0!important}
html body .team-box .ti-slider{width:100%!important;max-width:420px}
html body .team-val{font-size:1rem;color:var(--txt)}
html body .team-val b{font-family:var(--disp);font-weight:400;font-size:1.3rem;color:var(--gold)}
html body .rate-box{flex-direction:column!important}
html body .ti-label small{margin-left:0!important;padding-left:0!important}
html body .vs-card{box-sizing:border-box!important;width:100%!important;max-width:760px!important}
html body .vs-opts{display:flex;flex-direction:column;gap:.5rem;width:100%}
html body .vs-opt{width:100%;box-sizing:border-box;text-align:left}
/* MIRA: domeinpaneel altijd zichtbaar (geen leeg gat) */
html body .panel{opacity:1!important;transform:none!important}
html body .mcmp{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1.6rem!important;max-width:860px!important;margin:2.6rem auto 0!important}
@media(max-width:700px){html body .mcmp{grid-template-columns:1fr!important}}
/* GEEN BLAUWE LINKS: tekstlinks in goud (donker) of donkergoud (licht), subtiel onderlijnd */
html body a:not(.bg):not(.bo):not(.bo-light):not(.n9cta):not(.nb):not(.skip):not([class*="btn"]){color:#98794e;text-decoration-color:rgba(176,146,100,.5);text-underline-offset:3px}
html body :is(.sdk,.sdp,.v11-top,.hero,footer,.n9nav) a:not(.bg):not(.bo):not(.bo-light):not(.n9cta):not(.nb){color:var(--gold)}
html body .n9links a:not(.n9cta){color:rgba(255,255,255,.78)!important}
html body footer .fc a{color:rgba(255,255,255,.72)!important}
html body a:not(.bg):not(.bo):not(.bo-light):not(.n9cta):hover{color:var(--gold)}
/* MIRA-domeinpaneel: geen witte blokken op donker */
html body .panel :is(.pw,.pbox,.pcol,[class*="pan-"]),html body .panel>div>div{background:rgba(255,255,255,.03)!important;border:1px solid rgba(176,146,100,.18)!important;box-shadow:none!important}
html body .panel :is(p,div){color:rgba(255,255,255,.75)}
html body a.nb{color:inherit!important;text-decoration:none!important}
html body .panel .layer{background:rgba(255,255,255,.03)!important;border:1px solid rgba(176,146,100,.18)!important;box-shadow:none!important;padding:1.4rem!important}
html body .panel .layer :is(p,div,span){color:rgba(255,255,255,.78)!important}
/* lopende tekst onder gecentreerde koppen: ook gecentreerd */
html body section :is(.ct,.cn)>p:not(.sub),html body section .fn p,html body section .ovc p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
html body .awk{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;max-width:640px;margin-left:auto!important;margin-right:auto!important}
html body .awk>div{text-align:center!important}
html body .p-stat{flex-direction:column!important;text-align:center!important;gap:.4rem!important}
html body .p-stat p{text-align:center!important}
html body .faq-a-inner{text-align:left}
/* MIRA-domeinpaneel: terug naar de oorspronkelijke versie (Dorien 30/09) */
html body section .panel#panel{max-width:680px;margin:1.2rem auto 0;background:rgba(255,255,255,.04)!important;border:1px solid rgba(176,146,100,.18)!important;border-radius:16px!important;padding:1.75rem!important;text-align:left!important;box-shadow:none!important}
html body section .panel#panel .pnum{font-family:var(--disp);font-style:italic;color:var(--gold)!important;font-size:1rem;text-align:left!important}
html body section .panel#panel h3{font-family:var(--disp);font-weight:400;color:#fff!important;font-size:clamp(1.3rem,2.5vw,1.7rem);margin:.2rem 0 1rem!important;text-align:left!important}
html body section .panel#panel .layer{display:flex!important;flex-direction:row!important;gap:.9rem!important;align-items:flex-start!important;text-align:left!important;margin:0 0 .9rem!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-width:none!important}
html body section .panel#panel .layer:last-child{margin-bottom:0!important}
html body section .panel#panel .layer>div:not(.ic){text-align:left!important;background:none!important;border:0!important;padding:0!important}
html body section .panel#panel .layer .ic{flex:0 0 auto!important;width:38px!important;height:38px!important;min-width:38px!important;margin:0!important;border-radius:10px!important;background:rgba(176,146,100,.12)!important;border:1px solid rgba(176,146,100,.3)!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body section .panel#panel .layer .ic svg{width:20px!important;height:20px!important;stroke:var(--gold)!important;stroke-width:1.5!important}
html body section .panel#panel .layer .ll{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#c9b48c!important;margin-bottom:.2rem;text-align:left!important}
html body section .panel#panel .layer p{font-size:1rem;line-height:1.5;color:rgba(255,255,255,.75)!important;text-align:left!important;margin:0!important}
html body section .panel#panel .layer.win .ic{background:rgba(176,146,100,.22)!important}
html body section .panel#panel .layer.win p{color:#fff!important}
/* AI Act-pagina: risicokaarten rustig op wit */
html body:has(.act-cat) section.sw .act-cat{background:#fff!important;box-shadow:0 2px 6px rgba(14,31,33,.04),0 18px 44px rgba(14,31,33,.09)!important;border:0!important;border-radius:18px!important;max-width:760px;margin-left:auto;margin-right:auto}
html body .act-cat ul{display:inline-block!important;text-align:left!important}
html body:has(.act-cat) .pn-grid{max-width:1000px!important}
html body .dl-card .ic{width:auto!important;height:auto!important;display:block!important;font-size:.72rem!important;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)!important}
/* juridische pagina's: één leesstijl voor privacy en voorwaarden */
html body main.pv{padding-top:3rem!important;max-width:760px}
html body main.pv .upd,html body .lg-updated{text-align:center!important;font-style:italic;font-size:.85rem;color:var(--tl)!important;margin-bottom:3rem!important}
html body :is(main.pv h2,.lg-art h2){font-family:var(--disp)!important;font-weight:400!important;font-size:1.45rem!important;color:var(--txt)!important;margin:2.6rem 0 1rem!important;padding-bottom:.6rem!important;border-bottom:1px solid rgba(14,31,33,.1)!important;display:flex;gap:.7rem;align-items:baseline;text-align:left!important}
html body .lg-art h2 .n{font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--gold)!important;letter-spacing:.06em}
html body :is(main.pv,.lg-art) :is(p,li){font-size:1rem!important;line-height:1.8!important;color:var(--tm)!important;text-align:left!important}
html body :is(main.pv,.lg-art) :is(b,strong){color:var(--txt)!important;font-weight:600!important}
html body :is(main.pv,.lg-art) ul{list-style:none!important;padding-left:0!important;margin:1rem 0!important;display:block!important}
html body :is(main.pv,.lg-art) li{position:relative!important;padding:.3rem 0 .3rem 1.4rem!important}
html body :is(main.pv,.lg-art) li::before{content:""!important;display:block!important;position:absolute!important;left:.2rem;top:1.05em;width:6px;height:6px;border-radius:50%;background:var(--gold)!important}
html body :is(main.pv,.lg-art) a{color:#98794e!important;font-weight:500!important;text-decoration:underline;text-underline-offset:3px}
html body .lg-deel{font-family:var(--disp)!important;font-weight:400!important;font-size:1.9rem!important;text-align:center!important;margin:3.5rem 0 1.5rem!important;border:0!important;color:var(--txt)!important}
html body:has(main.pv) main.pv,html body:has(.lg-wrap) .lg-wrap{background:#fff}
html body:has(main.pv),html body:has(.lg-wrap){background:#fff!important}
html body .lg-pre{font-family:var(--sans)!important;font-size:.92rem!important;line-height:1.8!important;color:var(--tm)!important;background:#f7f5f0!important;border-radius:14px!important;padding:1.6rem 1.8rem!important;white-space:pre-wrap;text-align:left!important}
html body .lg-body>p{text-align:left!important;color:var(--tm)}
html body .pn-grid>.pn-card>h3{font-size:1.4rem!important;line-height:1.25!important}
/* LIJSTEN MET VINKJE/KRUISJE: tekst naast het teken, links uitgelijnd; het blok zelf gecentreerd in het kader */
html body .fy{display:flex!important;flex-direction:column!important;align-items:center!important}
html body .fy>p{text-align:left!important;align-self:stretch;max-width:34rem;margin-left:auto!important;margin-right:auto!important;width:100%}
html body .fy>h3{text-align:center!important;align-self:center}
html body :is(.n10-check,.mp-list,.act-cat ul,.ej-col ul,.cw ul,.cd ul,.lad-card ul) li{text-align:left!important}
html body :is(.n10-check,.mp-list,.act-cat ul,.ej-col ul){display:inline-block!important;text-align:left!important;margin-left:auto!important;margin-right:auto!important}
/* boventitels in donker petrol op lichte vlakken (Dorien 01/10); op donkere vlakken blijven ze goud (anders onzichtbaar) */
html body section:is(.sw,.scr) :is(.lab,.ctg,.w-tag,.mp-tag,.layer-tag,.lad-tag,.dk,.gb-tag,.itag,.oc-meta,.mp-wat),
html body section:is(.sw,.scr) .lab *{color:#0e1f21!important}
/* ALLE donkere vlakken in het donkerste petrol, gelijk aan menu en footer (Dorien 01/10) */
html body :is(.v11-top,.hero,.h-hero,.cine,.shero,.vs-hero,section.sdk,section.sdp,.sdk,.sdp,.mp-hero){background:#0a1718!important;background-image:none!important}
/* resterende boventitels op licht: donkerste petrol */
html body section:is(.sw,.scr) :is(.ctg,.vs-lab,.mp-tag,.mp-wat){color:#0e1f21!important}
html body .acmp .cw.yes .ctg.ctg,html body span.vs-lab.vs-lab,html body .mp-card p.mp-tag.mp-tag,html body .mp-card .mp-wat{color:#0e1f21!important}

/* ===== MOBIEL: scrollen en zichtbaarheid (06/10) =====
   - overflow-x:hidden op body maakt op iPhone/Safari van body een eigen scrollvlak: haperend of geblokkeerd scrollen.
     clip snijdt enkel af, zonder scrollvlak.
   - niets mag onzichtbaar starten (reveal-animaties uit).
   - het zijmenu staat dicht echt uit beeld (visibility), geen blur-effect dat op iOS flikkert. */
html,body{overflow-x:clip!important;overflow-y:visible!important;height:auto!important;max-width:100%}
@supports not (overflow:clip){html,body{overflow-x:visible!important}}
html body .reveal,html body .rv,html body .anim .rv{opacity:1!important;transform:none!important;transition:none!important}
html body .n9nav,html body .n9nav.sc{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(max-width:1023px){
  html body .n9links{visibility:hidden;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}
  html body .n9links.open{visibility:visible}
  html body .n9links .n9-drop-menu{display:block}
}
html body .cine{min-height:auto!important}
html body :is(.who,.ts-lead span) a{color:inherit!important;text-decoration:underline;text-decoration-color:rgba(176,146,100,.5);text-underline-offset:3px}
.p-grid.p-grid-2{grid-template-columns:repeat(2,1fr);max-width:860px}
@media(max-width:800px){.p-grid.p-grid-2{grid-template-columns:1fr}}
.p-solo{max-width:680px;margin:2.5rem auto}
.p-solo .p-card{display:flex!important}
.p-duo{max-width:980px;margin:2.5rem auto}
.ts-more{text-align:center;margin-top:2rem}