/* BYBEN 2.0.25: editorial hierarchy, consistent surfaces, accessible interactions.
   Existing section colours and homepage hero are deliberately preserved. */
:root{--bb-radius:12px;--bb-card-blue:#e4edf2;--bb-card-sand:#eee7d9;--bb-card-green:#e2ece4;--bb-card-rose:#efe3df;--bb-card-lilac:#e9e5f0;--bb-card-teal:#dfedeb}
.bb-main h2{font-weight:680;letter-spacing:-.035em;line-height:1.18}
.bb-main h3{font-weight:700;letter-spacing:-.025em}
.bb-main .bb-page-intro h1{font-weight:700;letter-spacing:-.04em}
.bb-main .bb-section{padding-block:72px}
.bb-main .bb-home-hero{padding:64px 0 44px}
.bb-main .bb-compact{padding-block:28px}
.bb-main .bb-page-hero{padding-top:32px;padding-bottom:48px}
.bb-main .bb-archive{padding-top:28px}
.bb-section-heading{margin-bottom:28px}
.bb-split{gap:56px}
.bb-person-grid{gap:56px}
.bb-page-intro .bb-lead{line-height:1.65;max-width:58ch}
.bb-breadcrumbs{margin-bottom:24px}
.bb-eyebrow{font-size:.73rem;letter-spacing:.09em}
.bb-card-grid{gap:20px}
.bb-card,.bb-insight-card{border-color:#10273518;box-shadow:0 2px 4px #10273504;transition:border-color .18s,box-shadow .18s}
.bb-card{padding:28px;gap:0}
.bb-card h3{max-width:26ch;line-height:1.3;margin-bottom:14px}
.bb-card p:not(.bb-eyebrow){line-height:1.65}
.bb-card .bb-topic-icon{display:grid;place-items:center;width:48px;height:48px;padding:10px;border:1px solid #10273516;border-radius:12px;background:#ffffff80;color:var(--bb-ink);margin-bottom:24px}
.bb-card .bb-text-link{width:100%;justify-content:space-between;border-top:1px solid #1027351c;margin-top:auto;padding-top:16px}
.bb-card:hover,.bb-card:focus-within,.bb-insight-card:hover,.bb-insight-card:focus-within{border-color:#627d87;box-shadow:0 8px 24px #1027350d}
.bb-main .bb-card-grid>:nth-child(6n+1){background:var(--bb-card-blue)}
.bb-main .bb-card-grid>:nth-child(6n+2){background:var(--bb-card-sand)}
.bb-main .bb-card-grid>:nth-child(6n+3){background:var(--bb-card-green)}
.bb-main .bb-card-grid>:nth-child(6n+4){background:var(--bb-card-rose)}
.bb-main .bb-card-grid>:nth-child(6n+5){background:var(--bb-card-lilac)}
.bb-main .bb-card-grid>:nth-child(6n+6){background:var(--bb-card-teal)}
[data-topic="boardroom-governance"]{--bb-topic:var(--bb-card-blue)}
[data-topic="executive-advisory-leadership"]{--bb-topic:var(--bb-card-sand)}
[data-topic="strategie-transformatie-herstel"]{--bb-topic:var(--bb-card-green)}
[data-topic="bedrijfsvoering-organisatie"]{--bb-topic:var(--bb-card-rose)}
[data-topic="digitalisering-ai"]{--bb-topic:var(--bb-card-lilac)}
/* Position-based surfaces keep every adjacent card visually distinct. */
.bb-service-list{border-top:0;display:grid;gap:8px}
.bb-service-link{padding:20px 18px!important;border:1px solid var(--bb-line);border-left:4px solid var(--bb-topic,var(--bb-line));border-radius:10px;gap:16px;background:#ffffff60}
.bb-service-link:hover{background:var(--bb-topic,var(--bb-tint))}
.bb-service-link h3{font-size:1.05rem;margin-bottom:6px}
.bb-service-link p{font-size:.88rem}
.bb-service-link>.bb-topic-icon{color:var(--bb-ink)}
.bb-round-arrow{background:#fff}
.bb-metrics>div{gap:10px}
.bb-metrics strong{font-weight:650;letter-spacing:-.045em}
.bb-metrics span{font-size:.87rem}
.bb-editorial-photo img,.bb-portrait img{border-radius:12px}
.bb-page-routes{border-block:1px solid var(--bb-line);padding-block:16px}
.bb-page-routes a{border-radius:8px;font-weight:550}
.bb-nav-panel{border-radius:12px;padding:20px;box-shadow:0 12px 35px #10273518}
.bb-nav-panel a{min-height:44px;border-radius:6px}
.bb-nav-list>li:last-of-type{margin-right:0}
.bb-nav-insights .bb-nav-panel{left:auto;right:0}
.bb-form-wrap{max-width:760px}
.byben-contact-form input,.byben-contact-form textarea{border-radius:8px;border-color:#83959d}
.bb-article{max-width:760px}
.bb-article .wp-block-post-content{font-size:1.025rem;line-height:1.85}
.bb-article-end{padding:28px;border:1px solid var(--bb-line);border-radius:12px;background:var(--bb-tint)}
.bb-insight-card h2,.bb-insight-card h3{letter-spacing:-.025em}
.byben-page-inzichten .bb-page-hero{padding-bottom:28px}
.bb-service-detail .bb-section:not(.bb-page-hero):not(.bb-cta){padding-block:48px}
.bb-footer-grid{gap:36px}
@media(min-width:1051px){.bb-header-inner{min-height:82px}.bb-photo-intro,.bb-intro-grid.bb-photo-intro{gap:48px}.bb-page-intro h1{font-size:clamp(2.4rem,3.5vw,3.6rem)}}
@media(max-width:760px){
.bb-main .bb-section{padding-block:42px}
.bb-main .bb-home-hero{padding:46px 0 32px}
.bb-main .bb-page-hero{padding:24px 0 32px}
.bb-main .bb-compact{padding-block:24px}
.bb-main .bb-archive{padding-top:24px}
.bb-main h2{font-size:clamp(1.3rem,5.1vw,1.85rem)}
.bb-card{padding:24px}
.bb-card .bb-topic-icon{margin-bottom:18px}
.bb-service-link{grid-template-columns:22px 1fr 30px;gap:12px;padding:18px 14px!important}
.bb-service-link .bb-round-arrow{width:30px;height:30px}
.bb-service-link h3{font-size:1rem}
.bb-article-end{padding:22px}
.bb-section-heading{margin-bottom:24px}
.bb-service-detail .bb-section:not(.bb-page-hero):not(.bb-cta){padding-block:32px}
}
@media(max-width:380px){.bb-main .bb-insight-card h2,.bb-main .bb-insight-card h3{font-size:1rem}.bb-article-end{padding:18px}}
@media(prefers-reduced-motion:reduce){.bb-card,.bb-insight-card{transition:none}}


/* 2.0.25: verified against the live mobile and contrast audit. */
.bb-card-grid,.byben-page-voor-wie .bb-pill-links{--bb-gold:#79551f}
@media(max-width:1050px){.bb-main .bb-home-hero{padding:0 0 36px}}
@media(max-width:380px){.bb-article .byben-article-byben{padding:16px}}

/* Keep the desktop dropdown reachable across its visual spacing. */
@media (min-width:1051px) and (hover:hover) and (pointer:fine){
  .bb-nav-panel::before{content:"";position:absolute;left:-1px;right:-1px;top:-17px;height:17px}
}

/* 2.0.28: recognisable situations, using the existing section and card palette. */
.bb-scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}
.bb-scenarios .bb-card h3{max-width:30ch;font-size:1.35rem}
.bb-scenario h3[id]{scroll-margin-top:36px}
.bb-scenario .bb-eyebrow{margin-bottom:10px}
.bb-scenario-help{border-top:1px solid var(--bb-line);padding-top:16px}
.bb-situations-note{max-width:78ch;margin:28px 0 0;color:var(--bb-muted)}
.bb-context-cards .bb-card p{max-width:56ch}
.bb-under-surface .bb-section-heading{margin-bottom:0}
.bb-under-surface .bb-text-link{margin-top:8px}
@media(max-width:760px){.bb-scenarios{grid-template-columns:1fr}.bb-scenarios .bb-card h3{font-size:1.15rem}.bb-under-surface .bb-split{gap:24px}}

/* 2.0.29: six top-level entries, without wrapping the desktop labels. */
@media(min-width:1051px){
  .bb-header-inner{gap:20px}
  .bb-nav-list{gap:clamp(12px,1.6vw,22px)}
  .bb-nav-list>li>a,.bb-nav-list summary{white-space:nowrap}
}
@media(min-width:1051px) and (max-width:1199px){
  .bb-header-inner{gap:14px}
  .bb-nav-list{gap:12px}
  .bb-nav-list>li>a,.bb-nav-list summary{font-size:.8rem;gap:5px}
  .bb-header-contact{padding-inline:14px}
}

/* 2.0.32: one saturated action colour, with a clear visual hierarchy.
   Card links remain part of the card; only standalone next steps become buttons. */
:root{--bb-action:#16656b;--bb-action-hover:#0e4c51;--bb-action-tint:#edf5f4}
.byben-v2 :is(.bb-button-link,.wp-block-button__link,.byben-form-submit){
  display:inline-flex;align-items:center;justify-content:center;gap:16px;
  background:var(--bb-action);color:#fff;border:1px solid var(--bb-action);
  border-radius:8px;text-decoration:none;font-weight:650;line-height:1.5;
  max-width:100%;box-shadow:0 2px 4px #10273512;
  transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;
}
.byben-v2 .bb-nav-list .bb-mobile-contact .bb-button-link{color:#fff}
.byben-v2 :is(.bb-home-hero,.bb-dark,.bb-cta) .bb-button-link{border-color:#77b0b5}

/* Standalone route links, unlike inline links, get a quiet outlined treatment. */
.byben-v2 :is(.bb-secondary-link,
  .bb-actions>.bb-text-link,.bb-next>.bb-text-link,.bb-section-footer>.bb-text-link,
  .bb-heading-row>.bb-text-link,.bb-person-grid>div>.bb-text-link,
  .bb-split>div:not(:where(.bb-paths))>.bb-text-link,.bb-intro-note>.bb-text-link,.bb-empty>.bb-text-link){
  display:inline-flex;align-items:center;justify-content:center;gap:14px;
  min-height:46px;max-width:100%;padding:11px 17px;border:1px solid var(--bb-action);
  border-radius:8px;background:transparent;color:var(--bb-action);
  font-weight:650;line-height:1.5;text-decoration:none;white-space:normal;
  transition:background-color .18s,border-color .18s,box-shadow .18s;
}
.byben-v2 .bb-main :is(.bb-home-hero,.bb-dark,.bb-cta) .bb-secondary-link{
  background:#0b203060;color:#fff;border-color:#b4c5ce;
}
.byben-v2 :is(.bb-button-link,.bb-secondary-link,.bb-main .bb-text-link)>span[aria-hidden=true]{
  color:inherit;flex-shrink:0;transition:transform .18s;
}
.byben-v2 .bb-main .bb-card .bb-text-link{
  color:var(--bb-action);border-top:1px solid #10273526;
  min-height:48px;padding:14px 0 0;gap:12px;
}
.byben-v2 .bb-card .bb-text-link>span[aria-hidden=true]{
  display:inline-grid;place-items:center;width:30px;height:30px;
  border:1px solid #16656b55;border-radius:50%;background:#ffffff70;
}
/* Keep this supporting sentence and its overview action together below the cards. */
.byben-v2 .bb-section-footer{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
  gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid var(--bb-line);
}
.byben-v2 .bb-section-footer>p{margin:0;max-width:70ch}
.byben-v2 .bb-section-footer>.bb-text-link{order:1}

/* Footer contact is a regular link, aligned with the email address. */
.byben-v2 .bb-footer .bb-footer-cta{
  display:flex;align-items:center;width:fit-content;min-height:34px;
  margin-top:4px;padding:0;border:0;border-radius:0;
  background:transparent;color:var(--bb-gold-light);box-shadow:none;
  font-size:.81rem;font-weight:500;text-decoration:none;
}
.byben-v2 .bb-footer .bb-footer-cta:hover{color:#fff;text-decoration:underline}

@media(hover:hover) and (pointer:fine){
  .byben-v2 :is(.bb-button-link,.wp-block-button__link,.byben-form-submit):not(:disabled):not([aria-disabled=true]):hover{
    background:var(--bb-action-hover);color:#fff;box-shadow:0 6px 16px #10273526;text-decoration:none;
  }
  .byben-v2 :is(.bb-secondary-link,
    .bb-actions>.bb-text-link,.bb-next>.bb-text-link,.bb-section-footer>.bb-text-link,
    .bb-heading-row>.bb-text-link,.bb-person-grid>div>.bb-text-link,
    .bb-split>div:not(:where(.bb-paths))>.bb-text-link,.bb-intro-note>.bb-text-link,.bb-empty>.bb-text-link):hover{
    background:var(--bb-action-tint);color:var(--bb-action-hover);border-color:var(--bb-action-hover);text-decoration:none;
  }
  .byben-v2 .bb-main .bb-card .bb-text-link:hover{color:var(--bb-action-hover);text-decoration:underline}
  .byben-v2 .bb-card .bb-text-link:hover>span[aria-hidden=true]{background:var(--bb-action);color:#fff;border-color:var(--bb-action)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .byben-v2 :is(.bb-button-link,.wp-block-button__link,.byben-form-submit):not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-2px)}
  .byben-v2 :is(.bb-button-link,.bb-secondary-link,.bb-text-link):hover>span[aria-hidden=true]{transform:translateX(2px)}
}
.byben-v2 :is(.bb-button-link,.bb-secondary-link,.wp-block-button__link,.byben-form-submit,.bb-main .bb-text-link):focus-visible{
  outline:3px solid var(--bb-ink);outline-offset:4px;box-shadow:0 0 0 4px #fff;
}
.byben-v2 :is(.bb-button-link,.wp-block-button__link,.byben-form-submit):is(:disabled,[aria-disabled=true]){
  background:#d9dfdc;color:#51616a;border-color:#83959d;box-shadow:none;transform:none;cursor:default;
}
/* WordPress may insert empty paragraph/break nodes around shortcode output. */
.bb-header-inner>br,.bb-header-inner>p:empty{display:none}
.bb-header-inner>p{margin:0}
/* Keep the smallest mobile header on one line; contact stays in the menu and hero. */
@media(max-width:380px){.byben-v2 .bb-header .bb-header-contact{display:none}}