/* ShareConnect restyle (Clearbit-richting): rustig, één inktkleur, Inter, geel alleen op de hoofdknop.
   Dit bestand wordt als laatste geladen en overschrijft de pagina-CSS.
   v2 (20-09): alleen typografie, kleur en vlakken. Geen inhoud, pijlen, foto's of lay-outs verbergen. */

:root{
  --ink:#0b2f47;
  --paper:#ffffff;
  --petrol:#0b405f;
  --petrol-deep:#072f47;
  --yellow:#e8c320;
  --sky:#0b405f;
  --line:#e1e9f0;
  --line-strong:#c9d6e0;
  --muted:#4a6377;
  --display:'Inter',system-ui,sans-serif;
  --sans:'Inter',system-ui,sans-serif;
  --mono:'Inter',system-ui,sans-serif;
  --serif:'Inter',system-ui,sans-serif;
  --sc-font-mono:'Inter',system-ui,sans-serif;
  --shadow:0 1px 2px rgba(9,17,53,.06);
}

html,body{background:#fff!important;color:var(--ink)!important;font-family:'Inter',system-ui,sans-serif!important;-webkit-font-smoothing:antialiased}
body *{font-family:'Inter',system-ui,sans-serif!important;text-shadow:none!important}
body code,body pre,body kbd,body samp{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important}
body pre{background:rgba(0,0,0,.04);border:1px solid var(--line,rgba(0,0,0,.12));border-radius:10px;padding:16px 18px;margin:0 0 1.4em;overflow-x:auto;white-space:pre;font-size:14px;line-height:1.6;max-width:100%}
body pre code{background:none!important;border:0!important;padding:0!important;border-radius:0!important;font-size:inherit!important}
/* Inter is een variabel font: font-variation-settings overrulet font-weight, dus uit */
body *{font-variation-settings:normal!important}

/* Typografie: hiërarchie door grootte en gewicht, geen cursief, geen accentwoorden */
h1,h2,h3,h4,.h1,.h2,.h3,.ri__title,.hw-h1{font-weight:600!important;letter-spacing:-.02em!important;font-style:normal!important}
h1{font-size:clamp(2rem,4.2vw,3.25rem)!important;line-height:1.1!important}
h2{font-size:clamp(1.6rem,2.9vw,2.25rem)!important;line-height:1.15!important}
h3{font-size:clamp(1.1rem,1.6vw,1.3rem)!important;line-height:1.3!important}
h1 em,h2 em,h3 em,h1 i,h2 i,h3 i,h1 .it,h2 .it,h3 .it,.tv-mark,.hl,.mark{font-style:normal!important;color:inherit!important;background:none!important;-webkit-text-decoration:none!important;text-decoration:none!important;box-shadow:none!important;padding:0!important}
.sc-page-title,.sc-title-accent{font-style:normal!important;color:inherit!important}
.sc-title-accent::before,.sc-title-accent::after,.sc-page-title::before,.sc-page-title::after{display:none!important;content:none!important}
em,i{font-style:normal!important}
p,li{text-wrap:pretty}
strong,b{font-weight:600}

/* Kleine labels boven koppen: klein, 600, kapitaal, rustige spatiëring, geen streepje ervoor */
[class*="kicker"],[class*="eyebrow"],.trust-label,.pf-label{
  font-size:12px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important;font-style:normal!important}
[class*="kicker"]::before,[class*="eyebrow"]::before,[class*="kicker"]::after,[class*="eyebrow"]::after,.trust-label::before,.trust-label::after{display:none!important;content:none!important}

/* Weg met de decoratie: korrel, zwevende code, vormen, kleurbalkjes, bogen, rasterachtergrond */
.grain,.ascii-float,.geo,.divider,.sc-boog,.ascii,.hdr-color-strip,.sc-grid,[class*="a-ascii"],.corner,.pno{display:none!important}
[style*="grain"]{background-image:none!important}

/* Knoppen: primaire = petrol met witte tekst (geen geel meer op knoppen), rest outline; 8px hoeken, geen schaduw, geen kapitalen */
a.btn,.btn,button.btn,.hw-btn,.hdr-cta,.mobile-panel-cta,.cta,.ct-btn,.ctaband a,.button,.mwt-primary-cta,.scc-cta-primary,.na-cta a,.ri-cover__cta,.scx-btn,.vw-banner-btn,input[type="submit"],button[type="submit"]{
  font-size:15px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;line-height:1.2!important;
  padding:12px 20px!important;border-radius:8px!important;box-shadow:none!important;background-image:none!important;transform:none!important}
.hw-btn--geel,.hdr-cta,.mobile-panel-cta,.btn-primary,.btn--primary,.btn.primary,.btn.solid,.btn-geel,.btn--geel,.button--primary,.mwt-primary-cta,.scc-cta-primary,.na-cta a,.ri-cover__cta,.scx-btn,.vw-banner-btn,.cta,input[type="submit"],button[type="submit"]{background:var(--petrol)!important;color:#fff!important;border:1px solid var(--petrol)!important}
.hw-btn--geel:hover,.hdr-cta:hover,.mobile-panel-cta:hover,.btn-primary:hover,.btn--primary:hover,.btn.primary:hover,.btn.solid:hover,.button--primary:hover,.mwt-primary-cta:hover,.scc-cta-primary:hover,.na-cta a:hover,.ri-cover__cta:hover,.scx-btn:hover,.vw-banner-btn:hover,.cta:hover,input[type="submit"]:hover,button[type="submit"]:hover{background:var(--petrol-deep)!important;border-color:var(--petrol-deep)!important;color:#fff!important}
.hdr-main .hdr-cta{padding:10px 16px!important;font-size:14px!important;letter-spacing:0!important}
/* Op donkere banden (petrol) draait het om: primaire knop wit met petrol tekst, tweede knop witte rand */
.ctaband .btn.solid,.ctaband .btn-primary,.scc-cta .scc-cta-primary,.hero-donker .btn.solid,.hero-donker .hw-btn--geel,.hero-donker .btn-primary,.band-petrol .btn.solid,.na-cta a,.ri-cover .ri-cover__cta,.phero .btn.solid,.phero .btn-primary{background:#fff!important;color:var(--petrol)!important;border-color:#fff!important}
.ctaband .btn.solid:hover,.ctaband .btn-primary:hover,.scc-cta .scc-cta-primary:hover,.hero-donker .btn.solid:hover,.hero-donker .hw-btn--geel:hover,.hero-donker .btn-primary:hover,.band-petrol .btn.solid:hover,.na-cta a:hover,.ri-cover .ri-cover__cta:hover,.phero .btn.solid:hover,.phero .btn-primary:hover{background:#e8eef3!important;border-color:#e8eef3!important;color:var(--petrol)!important}
.ctaband .btn:not(.solid):not(.btn-primary),.scc-cta .scc-cta-secondary,.hero-donker .btn:not(.solid):not(.btn-primary),.hero-donker .hw-btn--wit,.band-petrol .btn:not(.solid),.phero .btn:not(.solid):not(.btn-primary){background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.6)!important}
.ctaband .btn:not(.solid):not(.btn-primary):hover,.scc-cta .scc-cta-secondary:hover,.hero-donker .btn:not(.solid):not(.btn-primary):hover,.hero-donker .hw-btn--wit:hover,.band-petrol .btn:not(.solid):hover,.phero .btn:not(.solid):not(.btn-primary):hover{border-color:#fff!important;background:rgba(255,255,255,.1)!important;color:#fff!important}
.btn-outline,.btn--outline,.btn.ghost,.btn--ghost,.hw-btn--wit,.btn-secondary,.btn--secondary,.btn.line{background:#fff!important;color:var(--petrol)!important;border:1px solid var(--line-strong)!important}
.btn-outline:hover,.btn--outline:hover,.btn-secondary:hover,.hw-btn--wit:hover,.btn.ghost:hover,.btn.line:hover{border-color:var(--petrol)!important;background:#f3f6f9!important;color:var(--petrol)!important}

/* Kaarten en vlakken: geen schaduwen, geen hover-lift, 12px hoeken */
[class*="card"],.tv-note,.usp-stat,.stat,.tier,.member,.feat,.incl-item,.spnode,.detail,.pf-phase,.faq details,.step,.proc-step,.value-card,.subs-card,.cs-item,.nieuws-card,.ri-card{
  box-shadow:none!important;border-radius:12px!important}
[class*="card"]:hover,.spnode:hover,.pf-phase:hover,.nieuws-card:hover,.cs-item:hover{transform:none!important;box-shadow:none!important}
.tv-note{background:#f3f6f9!important;border:1px solid var(--line)!important}
.tv-note::before{display:none!important}
.tv-lead{font-weight:500!important;line-height:1.35!important}

/* Achtergronden: crème wordt wit of lichte wash */
.band-yellow,.band-accent{background:#f3f6f9!important;color:var(--ink)!important}
.band-yellow h1,.band-yellow h2,.band-yellow h3,.band-yellow p{color:var(--ink)!important}
.hero-warm{background:#fff!important}
.hero-warm .hw-media img{border:1px solid var(--line);border-radius:12px}

/* Header: wit, 1px onderrand, plat */
header,.hdr-main{background:#fff!important;box-shadow:none!important;border-bottom:1px solid var(--line)!important}
.hdr-main .main-nav a{font-size:15px!important;font-weight:500!important;color:var(--ink)!important}
.hdr-main .brand-slogan{font-size:11px!important;letter-spacing:.02em!important;text-transform:none!important;opacity:.7!important;font-weight:400!important}
.mobile-panel{background:#fff!important;box-shadow:none!important;border-bottom:1px solid var(--line)!important}
.mobile-panel::before{display:none!important}

/* Footer: alleen de tekst rustiger */
.foot-crown nav a{font-size:14px!important;color:rgba(255,255,255,.85)!important;text-transform:none!important;letter-spacing:0!important}
.foot-crown .fmeta,.foot-crown .fmeta span{font-size:13px!important;color:rgba(255,255,255,.6)!important;letter-spacing:0!important;text-transform:none!important}

/* Formulieren */
input,select,textarea{border-radius:8px!important;border:1px solid var(--line-strong)!important;box-shadow:none!important;background:#fff!important}
input:focus,select:focus,textarea:focus{border-color:var(--petrol)!important;box-shadow:0 0 0 3px rgba(11,64,95,.12)!important}

/* Verlopen op koppen weg */
.gradient-text{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--ink)!important}

/* Overige */
.reveal{opacity:1!important;transform:none!important}
[class*="ribbon"],[class*="stamp"],[class*="__ghost"],.ghost,[class*="watermark"],.hero__stamp{display:none!important}
[class*="hero"] [class*="sheet"],[class*="hero"] [class*="poster"],[class*="cover"]{transform:none!important;box-shadow:none!important}
.hero__sheet,.hero__poster{border:1px solid var(--line)!important;border-radius:12px!important}
.hero__facts li,[class*="facts"] li,.chips li,.chip{font-size:13px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;border:1px solid var(--line)!important;background:#fff!important;border-radius:6px!important;padding:6px 10px!important;color:var(--muted)!important}
.hero-donker [class*="eyebrow"],.hero-donker [class*="kicker"],.band-petrol [class*="eyebrow"],.band-petrol [class*="kicker"],.ctaband [class*="eyebrow"],.ct-eyebrow,.foot-crown [class*="eyebrow"]{color:rgba(255,255,255,.72)!important}
.dossier-callout,[class*="callout"]:not(.callout){background:#f3f6f9!important;border:1px solid var(--line)!important;border-radius:12px!important;color:var(--ink)!important}
.subsidy-dossier-tabs a{font-size:14px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important}
.fig,.stat .fig,.fig .suf,.stat .fig .suf{color:var(--ink)!important;font-weight:600!important}
.stat::after,.stat.in::after,.ba-save::before{display:none!important}
.mockup{filter:none!important;border:1px solid var(--line);border-radius:12px}
.case-hero-img .tri{display:none!important}

/* Contactpagina: foto van het pand naast "Neem contact op", vestigingsgegevens in de hero */
.sc-contact .ct-hwrap{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:center}
.sc-contact .ct-htext{min-width:0}
.sc-contact .ct-pand{margin:0;padding:0;min-width:0;line-height:0;border-radius:14px;overflow:hidden}
.sc-contact .ct-pand img{display:block;width:100%;height:auto}
.sc-contact .ct-hero{padding-top:clamp(40px,4vw,60px)!important;padding-bottom:clamp(44px,4.5vw,68px)!important}
@media (max-width:900px){
  .sc-contact .ct-hwrap{display:block!important}
  .sc-contact .ct-pand{margin-top:30px}
}
.sc-contact .ct-vestiging{flex:0 0 100%;margin-top:6px;font-family:'Inter',system-ui,sans-serif;font-size:15px;font-weight:400;line-height:1.7;color:rgba(255,255,255,.82)}
.sc-contact .ct-vestiging strong{display:block;color:#fff;font-weight:600}

/* ============================================================
   v4 (20-09): sectiekoppen, landingspagina's, ondersteuning,
   ontwikkeling en de casestudies
   ============================================================ */

/* Sectiekop: geen streep dwars over de kop, het nummerlabel erboven */
.sec-head{display:block!important;border-top:0!important;padding-top:0!important;opacity:1!important}
.sec-head .no{display:block!important;margin:0 0 10px!important;font-size:12px!important;font-weight:600!important;
  letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--muted)!important}
.band-deep .sec-head,.band-petrol .sec-head,.hero-donker .sec-head{color:#fff!important}
.band-deep .sec-head .no,.band-petrol .sec-head .no,.hero-donker .sec-head .no{color:rgba(255,255,255,.7)!important}

/* Landingspagina's (sectoren, diensten, voor-wie): hero is een petrol band.
   shareconnect.css zet elke h1 hard op petrol, behalve op een lijst donkere hero's; .lp-hero hoort daarbij */
body:not(.login-page) .lp-hero h1:not(.visually-hidden){color:#fff!important;-webkit-text-fill-color:#fff!important}
/* nieuwsartikelen: titel en slotknop waren donker op petrol */
body:not(.login-page) .scx-hero h1:not(.visually-hidden){color:#fff!important;-webkit-text-fill-color:#fff!important}
.scx .scx-cta .scx-btn{background:#fff!important;color:var(--petrol)!important;border-color:#fff!important}
.scx .scx-cta .scx-btn:hover{background:#e8eef3!important;border-color:#e8eef3!important;color:var(--petrol)!important}
.lp-hero .btn.solid{background:#fff!important;color:var(--petrol)!important;border-color:#fff!important}
.lp-hero .btn.solid:hover{background:#e8eef3!important;border-color:#e8eef3!important;color:var(--petrol)!important}
.lp-hero .btn:not(.solid){background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important}
.lp-hero .btn:not(.solid):hover{background:rgba(255,255,255,.1)!important;border-color:#fff!important;color:#fff!important}

/* ---------- ondersteuning (#ao) ---------- */
#ao .sp-button,#ao .sp-text-link{font-size:15px!important;font-weight:500!important;letter-spacing:0!important;
  text-transform:none!important;border-radius:8px!important}
#ao .sp-button:hover{transform:none!important}
/* de gele knop staat alleen op donkere banden: wit met petrol tekst */
#ao .sp-button--yellow{background:#fff!important;color:var(--petrol)!important;border-color:#fff!important}
#ao .sp-button--yellow:hover{background:#e8eef3!important;border-color:#e8eef3!important}
#ao :where(a,summary):focus-visible{outline-color:var(--petrol)!important}
/* decoratie: rasters, cirkels, scheve schaduwvlakken en het gele balkje */
#ao .sp-hero::before,#ao .sp-hero::after,#ao .sp-opening::before,#ao .sp-journey::before,#ao .sp-journey::after,
#ao .sp-offer::before,#ao .sp-talks::before,#ao .sp-cta::before,#ao .sp-cta::after,#ao .sp-case__visual::before{
  display:none!important;content:none!important}
/* geel dat geen knop is */
#ao .sp-route a::after{background:var(--petrol)!important}
#ao .sp-pillar li::before,#ao .sp-output__item::before{background:var(--petrol)!important}
#ao .sp-faq details[open] summary::after{background:var(--petrol)!important;color:#fff!important;border-color:var(--petrol)!important}
#ao .sp-safety{background:#f3f6f9!important}
#ao .sp-plan__head{background:#f3f6f9!important}
#ao .sp-learning__number,#ao .sp-learning__result{color:var(--muted)!important}
#ao .sp-learning__result{font-size:12px!important;letter-spacing:.06em!important}
#ao .sp-learning__rail{border-left:3px solid rgba(255,255,255,.3)!important}
#ao .sp-learning__rail .sp-text-link,#ao .sp-safety__panel .sp-text-link{color:#fff!important}
#ao .sp-safety__panel li span:first-child,#ao .sp-talk-theme__number{color:rgba(255,255,255,.7)!important}
#ao .sp-talks__fit strong{color:#fff!important}
#ao .sp-talks__caption::before{background:rgba(255,255,255,.45)!important}
#ao .sp-stops__line,#ao .sp-journey__steps::before{border-left-style:solid!important}

/* ---------- ontwikkeling (#mwt) ---------- */
#mwt .mwt-secondary-cta{font-size:15px!important;font-weight:500!important;letter-spacing:0!important;
  text-transform:none!important;border-radius:8px!important;background:#fff!important;color:var(--petrol)!important;
  border:1px solid var(--line-strong)!important}
#mwt .mwt-dark .mwt-secondary-cta{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.55)!important}
#mwt .mwt-price,#mwt .mwt-cap--yellow{background:#f3f6f9!important}
#mwt .mwt-guarantee{background:#f3f6f9!important;color:var(--ink)!important;font-weight:500!important;
  border:1px solid var(--line)!important;border-radius:8px!important}
#mwt .mwt-cap__nr,#mwt .mwt-case__sector,#mwt .mwt-trustblock__nr{color:var(--muted)!important}
#mwt .mwt-case__link::after{color:inherit!important}
#mwt .mwt-cap--dark .mwt-cap__nr,#mwt .mwt-cap--dark .mwt-cap__outcome,#mwt .mwt-outcome__nr,#mwt .mwt-hours{color:#fff!important}
#mwt .mwt-proofline span::before{background:var(--petrol)!important}
#mwt .mwt-cap__type,#mwt .mwt-case-hint,#mwt .mwt-case__sector,#mwt .mwt-case__link{font-size:12px!important}
#mwt .mwt-case-nav button:focus-visible{outline-color:var(--petrol)!important}

/* ---------- casestudies ---------- */
.sc-progress{background:var(--petrol)!important}
.case-hero .ch-eyebrow{color:rgba(255,255,255,.72)!important}
.case-hero .ch-eyebrow .dot{display:none!important}
.case-chip{font-size:12px!important;letter-spacing:0!important;text-transform:none!important}
.case-hero-img .tag,.case-figure .tag{font-size:12px!important;letter-spacing:.02em!important;text-transform:none!important}
.case-meta .tl,.case-meta dt,.ba-side .lab,.ba-side .ba-grp,.hand-note{font-size:12px!important;letter-spacing:.06em!important}
.flow-strip .fstep b{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important}
.flow-strip .farr{color:rgba(255,255,255,.55)!important}
.case-figure{border:1px solid var(--line)!important}
.case-figure.is-float{border:0!important}
.ba-side li::before{background:var(--petrol)!important;border-color:rgba(11,64,95,.25)!important}
.band-deep [class*="eyebrow"],.band-deep [class*="kicker"]{color:rgba(255,255,255,.72)!important}

/* ============================================================
   v5 (20-09): wat er na ronde v4 nog olijfgeel of scheef stond
   ============================================================ */

/* ondersteuning: micro-labels in mono-olijf terug naar gewone kleine tekst */
#ao .sp-journey__head span:last-child,#ao .sp-pillar__number,#ao .sp-case__eyebrow,
#ao .sp-method__step > span,#ao .sp-talk-theme__number{color:var(--muted)!important}
#ao .sp-stop__result{color:var(--muted)!important;font-family:'Inter',system-ui,sans-serif!important;
  font-size:13px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important}
#ao .sp-stop__marker{color:#fff!important;box-shadow:none!important}
#ao .sp-case__result strong{color:var(--petrol)!important}
#ao .sp-title--light em,#ao .sp-hero h1 em{color:#fff!important}
#ao .sp-kicker--light::before{background:rgba(255,255,255,.55)!important}
/* het gele bordje onder de reisroute: rechtop, in de kolom, zonder slagschaduw */
#ao .sp-opening__outcome{position:static!important;width:auto!important;margin:18px 0 0!important;
  border:1px solid var(--line)!important;border-radius:12px!important;background:#f3f6f9!important;
  box-shadow:none!important;transform:none!important}
#ao .sp-opening__outcome strong{font-family:'Inter',system-ui,sans-serif!important;font-size:13px!important;
  font-weight:600!important;letter-spacing:0!important;text-transform:none!important}

/* ============================================================
   v6 (21-09): de pagina's die nog hun eigen ontwerpsysteem droegen
   ============================================================ */

/* onderzoek + ai-kansenrapport (#scan) */
#scan .hero__poster figcaption{background:var(--petrol)!important;color:#fff!important;
  font-size:12px!important;letter-spacing:.04em!important}
#scan .hero__cover-kicker{color:var(--muted)!important;letter-spacing:.06em!important}
#scan .story-intro .kicker,#scan .final .kicker{color:rgba(255,255,255,.72)!important}
#scan .story-intro .title em{color:#fff!important}
#scan .final::before{display:none!important}
#scan .chapter--roi .chapter__tag{color:#fff!important}
#scan .chapter--roi .chapter__tag span{border-color:rgba(255,255,255,.5)!important;color:#fff!important}
#scan .sc-scan-mobile-actions a:last-child{background:var(--petrol)!important;color:#fff!important;
  border-color:var(--petrol)!important}
#scan .hero__stamp{box-shadow:none!important;letter-spacing:.04em!important}
/* v6b: de olijfgele mono-labels en het gele bolletje voor de kicker */
#scan .timeline span,#scan .deliverable__label{color:var(--muted)!important;letter-spacing:.06em!important}
#scan .kicker::before{background:var(--petrol)!important}
#scan .story-intro .kicker::before,#scan .final .kicker::before{background:rgba(255,255,255,.7)!important}
#scan ::selection{background:var(--petrol)!important;color:#fff!important}

/* klantverhalen: de gele restjes in de verhalen en op het overzicht */
.sc-progress{background:var(--petrol)!important}
.flow-strip .fstep b{background:rgba(255,255,255,.18)!important;color:#fff!important}
.flow-strip .farr{color:rgba(255,255,255,.6)!important;opacity:1!important}
.ba-side li::before,.ba-save::before{background:var(--petrol)!important;border-color:var(--petrol)!important}
.cases-panel .cvp-hero .h-eyebrow{color:rgba(255,255,255,.72)!important}
.cases-panel .cvp-eyebrow::before{display:none!important}
.cases-panel .cvp-row:hover .cvp-row-title{color:var(--petrol)!important}
.cases-panel .cvp-werk-link:hover{text-decoration-color:var(--petrol)!important}

/* nieuws: gele onderstrepingen en het gele tl;dr-blok */
.nw-featured:hover h2,.nw-mini:hover b,.nw-kaart:hover h3,.nw-alles:hover{
  text-decoration-color:var(--petrol)!important}
.sc-tldr{background:#f3f6f9!important;border-color:var(--line)!important}
.sc-tldr li::before{background:var(--petrol)!important;color:var(--petrol)!important}
.sc-eyebrow .dot{display:none!important}
.na-body blockquote{border-color:var(--petrol)!important}

/* veelgestelde vragen: de gele nummers */
.faq-smart__number{color:#fff!important}
.faq-smart--dark .faq-smart__number{color:rgba(255,255,255,.72)!important}
.faq-smart--dark .faq-smart__toggle{color:#fff!important}

/* privacy */
.privacy-intro{border-top-color:rgba(255,255,255,.28)!important}
.privacy-intro .kicker{color:rgba(255,255,255,.72)!important}
.privacy-hero-meta span::before{background:var(--muted)!important}
.privacy-nav a:hover{color:var(--petrol)!important}
.privacy-note{border-left-color:var(--petrol)!important;background:#f3f6f9!important}
.privacy-contact a{color:#fff!important}

/* werken bij + over ons */
.vac-req li:before{background:var(--petrol)!important}
.team-hint .dot{background:var(--petrol)!important}

/* ============================================================
   v6b (21-09): het geel dat nog in de gedeelde stylesheets zat
   (assets/shareconnect.css en assets/subsidies-2026.css)
   ============================================================ */

/* ---------- sectienummers, stappen en kleine labels ---------- */
.sec-center .no{font-size:12px!important;font-weight:600!important;letter-spacing:.06em!important;
  text-transform:uppercase!important;color:var(--muted)!important}
.band-petrol .sec-center .no,.band-deep .sec-center .no,.hero-donker .sec-center .no{color:rgba(255,255,255,.7)!important}
.proc-step .pn,.step .num{color:var(--muted)!important;font-size:12px!important;font-weight:600!important;
  letter-spacing:.06em!important}
.band-petrol .proc-step .pn,.band-deep .proc-step .pn,.hero-donker .proc-step .pn{color:rgba(255,255,255,.7)!important}
.incl-item .ix,.ci .cig{background:var(--petrol)!important;color:#fff!important}
.ai-kansenrapport-page .report-inclusions .sec-head .no{color:#fff!important}
.feat-card.petrol .eyebrow{color:rgba(255,255,255,.72)!important}
.scc-cta-eyebrow{color:rgba(255,255,255,.72)!important;letter-spacing:.06em!important}
.phero .pk,.crumb .here{color:rgba(255,255,255,.72)!important}
.phero .pk .dot,.portal-top span{background:rgba(255,255,255,.45)!important}
.chip .cdot{background:var(--petrol)!important}
.crumb a:hover{color:#fff!important}
.portal-row em{color:rgba(255,255,255,.72)!important;font-style:normal!important}
.foot-crown .htag{color:rgba(255,255,255,.72)!important;letter-spacing:.06em!important;font-weight:600!important}
.foot-crown .foot-nav a:hover{color:#fff!important;transform:none!important}
.announce-link span{color:#fff!important}
.uc-label,.utility-card.feature .uc-label{color:var(--muted)!important;font-size:12px!important;
  font-weight:600!important;letter-spacing:.06em!important}
.callout .ck,.case-media .cm-tag,.v-image .ph-tag,.tier .badge,.art-meta .tagpill,
.nieuws-media .tag,.nieuws-feat .bf-media .tag{font-size:12px!important;letter-spacing:.02em!important}
.case-media .cm-tag,.v-image .ph-tag,.tier .badge,.art-meta .tagpill,
.nieuws-media .tag,.nieuws-feat .bf-media .tag{background:var(--petrol)!important;color:#fff!important}
/* .callout is een petrolblok, dus het labeltje blijft licht */
.callout .ck{color:rgba(255,255,255,.72)!important}

/* ---------- de tweede knop op een lichte band ---------- */
/* .btn zonder .solid is wit op wit: assets/shareconnect.css geeft 'm
   witte tekst en een witte rand, bedoeld voor donkere banden. Hier de
   lichte standaard; de donkere contexten hierboven zijn specifieker. */
/* :where() telt niet mee, dus deze regel blijft op (0,2,0) en verliest
   netjes van .band-petrol .btn:not(.solid) en .lp-hero .btn:not(.solid) */
.btn:not(.solid):where(:not(.btn-primary):not(.cta)){
  background:#fff!important;color:var(--petrol)!important;border:1px solid var(--line-strong)!important}
.btn:not(.solid):where(:not(.btn-primary):not(.cta)):hover{
  background:#f3f6f9!important;border-color:var(--petrol)!important;color:var(--petrol)!important}
/* behalve in het petrol pull-blok in artikelen */
.callout .btn:not(.solid),.prose .callout .btn:not(.solid){
  background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.6)!important}
.callout .btn:not(.solid):hover,.prose .callout .btn:not(.solid):hover{
  background:rgba(255,255,255,.1)!important;border-color:#fff!important;color:#fff!important}

/* ---------- losse gele blokjes, randjes en bolletjes ---------- */
.certified::before,.team-note::before,.cs-note::before,.member .prole::before,
.nieuws-body .bm .bdot,.nieuws-feat .bf-body .bm .bdot,.doc-foot .sq,.code-cursor{
  background:var(--petrol)!important;border-color:var(--petrol)!important}
.prose ul li::before{background:var(--petrol)!important;border-color:var(--petrol)!important}
.prose blockquote,.case-quote{border-left-color:var(--petrol)!important}
.prose a{text-decoration-color:var(--line-strong)!important}
.toc a:hover{border-color:var(--petrol)!important}
.ci .cv a{border-bottom-color:var(--line-strong)!important}
.cs-card::before,.br-card::before,.nieuws-card::before,.cm::after{background:var(--petrol)!important}
.cs-media .tri,.v-image .ph-corner,.ed-media .ed-tri,.member .photo .corner{display:none!important}
.member .photo::before{border-color:var(--petrol)!important}
.br-card .bglyph,.ed-media .ed-badge,.vplay{background:var(--petrol)!important;color:#fff!important}
.hero-stat{background:var(--petrol)!important;color:#fff!important}
.cmp.pos{background:#f3f6f9!important;color:var(--ink)!important}
.v-track .phase .node,.v-track .phase.p3 .node{border-color:var(--petrol)!important}
.v-track .phase.p3 .node{background:var(--petrol)!important}
.v-track .phase:not(:last-child)::after{background:var(--line-strong)!important}
.tier.feat .tname{color:var(--petrol)!important}
.tier.feat ul li::before{color:var(--petrol)!important}
.v2{--vacc:var(--petrol)!important;--vfg:#fff!important}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:var(--petrol)!important}

/* ---------- subsidiedossiers (de crèmekleurige laag) ---------- */
.route-kicker,.subsidy-example span,.check-field span,.dossier-mini-links span,
.wizard-progress-top,.wizard-question-kicker,.result-reasons span,.dossier-checklist li::before{
  color:var(--muted)!important}
.subsidy-route-card,.subsidy-example,.subsidy-disclaimer,.subsidy-check,.check-result-card,
.check-empty,.subsidy-route-dossier-card,.dossier-info-card,.wizard-panel,.wizard-side,
.wizard-result-card,.dossier-checklist li,.wizard-choice-card,.wizard-empty{
  background:#fff!important;border-color:var(--line)!important;border-radius:12px!important;box-shadow:none!important}
.dossier-info-card.on-dark,.subsidy-fit-card{background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.16)!important;border-radius:12px!important}
.dossier-info-card.on-dark h3,.subsidy-fit-card h3{color:#fff!important}
.dossier-mini-links a,.result-links a{background:#f3f6f9!important;border-color:var(--line)!important;
  text-transform:none!important;letter-spacing:0!important;font-size:12px!important}
.subsidy-dossier-tabs a.check-tab{background:#fff!important;color:var(--petrol)!important;
  border-color:var(--line-strong)!important}
.subsidy-dossier-tabs a.check-tab:hover{background:var(--petrol)!important;color:#fff!important;
  border-color:var(--petrol)!important}
.match-badge,.result-score{background:var(--petrol)!important;color:#fff!important}
.match-badge{font-size:12px!important;letter-spacing:0!important;text-transform:none!important}
.live-meter small{color:rgba(255,255,255,.72)!important;font-size:12px!important;letter-spacing:.06em!important}
.meter-bar span,.wizard-progress-fill{background:var(--petrol)!important}
.wizard-progress-track{background:var(--line)!important}
.wizard-choice input:checked + .wizard-choice-card{background:#f3f6f9!important;
  border-color:var(--petrol)!important;box-shadow:none!important;transform:none!important}
.subsidy-route-card:hover{transform:none!important;box-shadow:none!important;border-color:var(--petrol)!important}

/* ---------- subsidies-2026.css (.sg-*) ---------- */
/* Deze pagina's hebben hun eigen warme palet met geel accent. Dat blijft: alleen de
   typografie, de schuine stickers en de reuzencijfers gaan mee in de restyle. */
.subsidies-2026,.subsidiecheck-2026,.subsidy-detail-2026{
  --display:'Inter',system-ui,sans-serif;--mono:'Inter',system-ui,sans-serif}
.sg-button{font-size:15px!important;font-weight:500!important;letter-spacing:0!important;
  text-transform:none!important;border-radius:8px!important;padding:12px 20px!important;
  min-height:0!important;box-shadow:none!important}
.sg-button:hover{transform:none!important;box-shadow:none!important}
.sg-button--primary{background:var(--petrol)!important;color:#fff!important;border-color:var(--petrol)!important}
.sg-button--primary:hover{background:var(--petrol-deep)!important;border-color:var(--petrol-deep)!important;color:#fff!important}
/* het slotblok is geel met donkere tekst; alleen de reuzenpijl erachter gaat weg */
.sg-final-cta::before{display:none!important;content:none!important}
/* decoratie: ghost-cijfers, handschriftnotities en scheve vlakken. De kleurvlakken,
   de rasterachtergronden en de zachte cirkels blijven staan. */
.sg-check-intro-number,.sg-check-section-number,
.sg-hero-copy h1 em::after,.sg-handnote{display:none!important;content:none!important}
.sg-route-sheet,.sg-route-node--1,.sg-route-node--2,.sg-route-node--3,.sg-route-result,
.sg-fact-ticket,.sg-results-count,.sg-check-shell{transform:none!important}
.sg-choice:hover,.sg-subsidy-card:hover{transform:none!important}
.sg-question-number,.sg-result-amount,.sg-card-amount,.sg-process-step b{
  font-size:12px!important;letter-spacing:.06em!important}
.sg-kicker,.sg-proofline,.sg-result-scope,.sg-card-scope,.sg-directory-group-head span,
.sg-step-button span,.sg-match-label,.sg-status,.sg-detail-updated,.sg-card-link,
.sg-route-sheet-head,.sg-route-result small,.sg-fact-ticket dt,.sg-source-callout a,.sg-breadcrumbs{
  font-size:12px!important;font-weight:600!important;letter-spacing:.06em!important}
.sg-hero-copy h1 em,.sg-check-head h2 em{font-style:normal!important}

/* teamkaarten: de link kreeg per lid een andere accentkleur (--macc),
   waardoor een van de drie geel op wit werd */
#team .member-cta,#team .member-cta-arrow{color:var(--petrol)!important;opacity:1!important}
.nw-s2 .nw-lede{max-width:62ch;margin:-10px 0 24px;color:var(--muted)!important;font-size:1.02rem;line-height:1.6}

/* statische subsidie-index op /subsidies (alle 23 dossiers, ook de gesloten routes) */
.sg-index{background:#fff!important}
.sg-index-groups{display:grid;gap:34px;margin-top:30px}
.sg-index-group h3{margin:0 0 14px;font-size:1.05rem;font-weight:600;color:var(--petrol)}
.sg-index-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.sg-index-list li{border:1px solid #e1e9f0;border-radius:12px;padding:14px 16px;background:#fff}
.sg-index-list a{display:block;font-weight:600;color:var(--petrol);text-decoration:none}
.sg-index-list a:hover{text-decoration:underline}
.sg-index-list span{display:block;margin-top:6px;font-size:.9rem;line-height:1.5;color:var(--muted)}
/* de tabs staan hier op de donkere hero: de actieve tab was petrol op petrol en dus onzichtbaar */
.sg-detail-hero .subsidy-dossier-tabs{margin-top:22px}
.sg-detail-hero .subsidy-dossier-tabs a.active{background:transparent!important;color:#fff!important;
  border-color:rgba(255,255,255,.5)!important}
.sg-detail-hero .subsidy-dossier-tabs a.active:hover{background:rgba(255,255,255,.12)!important}

/* v7: de gele bolletjes voor de kleine labels. De tekst blijft staan, alleen het rondje
   gaat weg. Twee vormen: een <span class="dot"> in de pagina en een ::before in de css.
   De opsommingstekens in lijsten en de bolletjes in de illustraties blijven. */
[class*="kicker"] .dot,[class*="eyebrow"] .dot,.pk .dot,.pn .dot,.team-hint .dot,
.lab::before,.k::before,.cs-note::before,.team-note::before,.sct-label::before,
.ri__label::before,.certified::before{display:none!important;content:none!important}

/* kruimelpad subsidiepagina's: de links zijn 44px hoog (tikdoel), de scheidingstekens niet; alles op één lijn */
.sg-breadcrumbs{align-items:center!important}
/* terminalblokjes op sectorpagina's: --sky is petrol geworden, dus de machinecodes waren onzichtbaar op petrol */
.wa-body .k{color:#9cc9e2!important}
/* homepage: de dienstenboom was 1080px breed in een kolom van 1044px, de rechterkaarten vielen half weg */
@media(min-width:1131px){.wd .treebox{min-width:0!important}.wd .treewrap{overflow:visible!important}}
/* lange koppen op mobiel: niet meer dan vier regels */
@media(max-width:600px){
  body:not(.login-page) h1.na-title:not(.visually-hidden),.na-title{font-size:clamp(24px,6.6vw,30px)!important;line-height:1.18!important}
  .cvp-row-title{font-size:clamp(19px,5.1vw,24px)!important;line-height:1.2!important}
}