:root{
  --byben-navy:#0A2034;
  --byben-navy-2:#102C44;
  --byben-ink:#1B2731;
  --byben-muted:#59636B;
  --byben-cream:#F3F0E9;
  --byben-paper:#FCFBF8;
  --byben-gold:#A77E3E;
  --byben-gold-light:#D7B270;
  --byben-line:#DCD8CF;
  --byben-max:1180px;
  --byben-font:'Avenir Next',Avenir,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--byben-paper);color:var(--byben-ink);font-family:var(--byben-font);font-size:15.5px;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{text-underline-offset:.18em}
h1,h2,h3,h4,h5,h6{font-family:var(--byben-font);font-weight:650;letter-spacing:-.025em;color:var(--byben-navy)}

/* Force predictable content widths independent of WordPress editor defaults. */
.byben-header-inner,.byben-hero-inner,.byben-section>*{width:min(var(--byben-max),calc(100% - 48px));max-width:var(--byben-max)!important;margin-left:auto!important;margin-right:auto!important}

/* Header */
.byben-header{background:rgba(252,251,248,.98);position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(10,32,52,.085);backdrop-filter:blur(10px)}
.byben-header-inner{min-height:68px;gap:2rem}
.byben-wordmark{display:inline-flex;flex-direction:column;color:var(--byben-navy);text-decoration:none;line-height:.92;min-width:178px}
.byben-wordmark-main{font-family:var(--byben-font);font-size:1.78rem;font-weight:760;letter-spacing:-.055em}
.byben-wordmark-sub{font-size:.54rem;letter-spacing:.175em;margin-top:.38rem;font-weight:720;white-space:nowrap}
.byben-wordmark-sub:before{content:"";display:inline-block;width:1.35rem;height:2px;background:var(--byben-gold);margin:0 .48rem .12rem 0}
.byben-header .wp-block-navigation{gap:1.55rem}
.byben-header .wp-block-navigation-item__content{font-size:.83rem;font-weight:560;color:var(--byben-navy)}
.byben-header .wp-block-navigation-item__content:hover{color:#6E5125}
.byben-header .wp-block-button__link{padding:.64rem 1.05rem;font-size:.83rem;border-radius:3px}

/* Hero */
.byben-hero{position:relative;overflow:hidden;color:#fff;background-color:var(--byben-navy);background-image:linear-gradient(90deg,rgba(6,22,35,.985) 0%,rgba(6,22,35,.95) 36%,rgba(6,22,35,.72) 55%,rgba(6,22,35,.30) 76%,rgba(6,22,35,.10) 100%),url('../images/byben-hero-boardroom.jpg');background-size:cover;background-position:center 48%}
.byben-hero-inner{padding:4rem 0 2.35rem;min-height:535px;display:flex;flex-direction:column;justify-content:center}
.byben-kicker{font-size:.67rem;letter-spacing:.205em;text-transform:uppercase;font-weight:760;color:var(--byben-gold);margin:0 0 .45rem}
.byben-hero .byben-kicker{color:var(--byben-gold-light)}
.byben-hero h1{max-width:625px;color:#fff;font-size:clamp(2.8rem,4.15vw,3.65rem);line-height:1.035;letter-spacing:-.045em;font-weight:650;margin:.35rem 0 1.05rem}
.byben-hero h1 em{color:var(--byben-gold-light);font-style:normal;font-weight:620}
.byben-hero-lead{max-width:625px;font-size:.98rem;line-height:1.64;color:rgba(255,255,255,.90);margin:0 0 .55rem}
.byben-hero .wp-block-buttons{gap:.7rem;margin-top:.7rem}
.byben-hero .wp-block-button__link{font-size:.86rem;padding:.72rem 1rem}
.byben-hero .wp-block-button.is-style-outline .wp-block-button__link{background:rgba(5,18,31,.18);border:1px solid rgba(255,255,255,.52);color:#fff}
.byben-proof{max-width:760px!important;width:760px!important;margin:2.2rem 0 0!important;padding-top:1.15rem;border-top:1px solid rgba(255,255,255,.22);gap:1.1rem!important}
.byben-proof .wp-block-column{border-right:1px solid rgba(255,255,255,.18);padding-right:1rem}
.byben-proof .wp-block-column:last-child{border-right:0}
.byben-proof strong{font-family:var(--byben-font);font-size:1.12rem;font-weight:700;color:var(--byben-gold-light);display:block;line-height:1.15;margin-bottom:.22rem;letter-spacing:-.015em}
.byben-proof p{font-size:.72rem;line-height:1.4;color:rgba(255,255,255,.76);margin:0}

/* Sections */
.byben-section{padding:4.25rem 0}
.byben-section-cream{background:var(--byben-cream)}
.byben-section-dark{background:var(--byben-navy);color:#fff}
.byben-section-dark h2,.byben-section-dark h3{color:#fff}
.byben-section h2{font-size:clamp(1.95rem,2.75vw,2.65rem);line-height:1.1;letter-spacing:-.035em;max-width:780px;margin:.32rem 0 .9rem;font-weight:650}
.byben-section-lead{font-size:1rem;line-height:1.68;max-width:700px;color:#39454E}
.byben-section-dark .byben-section-lead{color:rgba(255,255,255,.77)}
.byben-split{gap:clamp(2.4rem,5vw,5rem)!important;align-items:center}
.byben-split h2{font-size:clamp(1.9rem,2.55vw,2.45rem);max-width:515px}
.byben-split p{max-width:560px}

/* Services: five clear propositions in one editorial row. */
.byben-services{margin-top:2rem;border-top:1px solid var(--byben-line);border-bottom:1px solid var(--byben-line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.byben-service{position:relative;padding:1.35rem 1.15rem 1.4rem;border-right:1px solid var(--byben-line);margin:0!important;min-height:210px}
.byben-service:first-child{padding-left:0}
.byben-service:last-child{border-right:0;padding-right:0}
.byben-service:before{display:block;font-size:.64rem;letter-spacing:.13em;color:var(--byben-gold);font-weight:750;margin-bottom:1.1rem}
.byben-service:nth-child(1):before{content:'01'}
.byben-service:nth-child(2):before{content:'02'}
.byben-service:nth-child(3):before{content:'03'}
.byben-service:nth-child(4):before{content:'04'}
.byben-service:nth-child(5):before{content:'05'}
.byben-service h3{font-family:var(--byben-font);font-size:1.04rem;line-height:1.22;font-weight:680;letter-spacing:-.025em;margin:.05rem 0 .55rem;color:var(--byben-navy)}
.byben-service p{font-size:.79rem;line-height:1.52;margin:.2rem 0 .58rem;color:#53606A;max-width:215px}
.byben-service a{font-size:.76rem;font-weight:650;color:#765322}

/* Principles */
.byben-principles{margin-top:1.6rem;gap:2rem!important}
.byben-principle{padding:1rem 0 0;border-top:1px solid rgba(255,255,255,.22)}
.byben-principle h3{font-family:var(--byben-font);font-size:1.03rem;font-weight:650;letter-spacing:-.02em;margin:.05rem 0 .48rem}
.byben-principle p{font-size:.82rem;line-height:1.55;color:rgba(255,255,255,.72);margin:0}

/* Audience */
.byben-audience{margin-top:1.7rem;gap:1.4rem!important}
.byben-audience .wp-block-column{border-top:1px solid #C8C1B4;padding-top:.85rem}
.byben-audience h3{font-family:var(--byben-font);font-size:.96rem;font-weight:650;line-height:1.25;letter-spacing:-.015em;margin:.05rem 0}

/* About / portrait */
.byben-about-card{position:relative;overflow:hidden;background-color:#fff;background-image:url('../images/byben-ben-desk-v106.jpg');background-repeat:no-repeat;background-size:43% 100%;background-position:right center;border:1px solid #DEDAD1;padding:3rem 49% 3rem 3rem;min-height:440px;display:flex;flex-direction:column;justify-content:center}
.byben-about-media{display:none!important}
.byben-about-card h2{font-size:clamp(1.95rem,2.7vw,2.55rem);max-width:600px}
.byben-about-card .byben-section-lead{font-size:.96rem;max-width:610px}

/* Insights / CTA / pages */
.byben-insight-card{border-top:1px solid var(--byben-line);padding:1rem 0 1.55rem}
.byben-insight-card h2{font-size:1.18rem}
.byben-cta{background:var(--byben-cream);border-top:1px solid #DED8CC;border-bottom:1px solid #DED8CC;text-align:center}
.byben-cta h2{margin-left:auto!important;margin-right:auto!important;max-width:700px}
.byben-cta .byben-section-lead{margin-left:auto!important;margin-right:auto!important}
.byben-page-shell,.byben-article-shell{padding:4rem 0}
.byben-page-title,.byben-article-title{font-family:var(--byben-font);font-size:clamp(2.1rem,3.4vw,3.15rem);font-weight:650;line-height:1.08;letter-spacing:-.04em}
.byben-page-shell>.wp-block-post-content>*,.byben-article-shell>.wp-block-post-content>*{margin-block-start:1.05rem}
.byben-page-shell>.wp-block-post-content>h2,.byben-article-shell>.wp-block-post-content>h2{margin-top:2.2rem;font-family:var(--byben-font);font-size:clamp(1.45rem,2vw,1.9rem);font-weight:650}

/* Footer */
.byben-footer{background:var(--byben-navy);color:rgba(255,255,255,.74);padding:3rem 0 1.3rem}
.byben-footer h3{color:#fff;font-family:var(--byben-font);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:680}
.byben-footer a{color:#fff}
.byben-wordmark-light{color:#fff}
.byben-footer hr{border-color:rgba(255,255,255,.18);margin-top:1.5rem}
.byben-content-note{padding:.8rem 1rem;background:#F4EFE4;border-left:3px solid var(--byben-gold);font-size:.88rem}

@media(max-width:1080px){
  .byben-services{grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:0}
  .byben-service{min-height:0;border-bottom:1px solid var(--byben-line)}
  .byben-service:nth-child(even){border-right:0;padding-right:0}
  .byben-service:nth-child(odd){padding-left:0}
  .byben-service:nth-child(5){border-right:0}
  .byben-service p{max-width:430px}
}
@media(max-width:900px){
  .byben-header-inner{min-height:64px}
  .byben-header-cta{display:none}
  .byben-wordmark-main{font-size:1.62rem}
  .byben-hero{background-position:61% center}
  .byben-hero-inner{padding-top:3.4rem;min-height:510px}
  .byben-hero h1{font-size:clamp(2.45rem,6vw,3.2rem);max-width:560px}
  .byben-proof{width:min(720px,100%)!important}
  .byben-proof .wp-block-column{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:.7rem}
  .byben-split{gap:1.8rem!important}
  .byben-about-card{padding-right:48%;padding-left:2.3rem}
  .byben-about-card{background-size:42% 100%}
}
@media(max-width:700px){
  .byben-section{padding:3.25rem 0}
  .byben-services{grid-template-columns:1fr}
  .byben-service,.byben-service:nth-child(odd),.byben-service:nth-child(even){border-right:0;padding:1.1rem 0 1.25rem;min-height:0}
  .byben-service p{max-width:none}
  .byben-about-card{padding:2.1rem 1.8rem 24rem;min-height:auto;background-size:100% 21.5rem;background-position:center bottom}
}
@media(max-width:600px){
  .byben-header-inner,.byben-hero-inner,.byben-section>*{width:min(var(--byben-max),calc(100% - 32px));max-width:var(--byben-max)!important}
  .byben-wordmark-sub{font-size:.49rem}
  .byben-hero{background-position:64% center;background-image:linear-gradient(90deg,rgba(6,22,35,.985) 0%,rgba(6,22,35,.94) 62%,rgba(6,22,35,.62) 100%),url('../images/byben-hero-boardroom.jpg')}
  .byben-hero-inner{padding-top:2.8rem;padding-bottom:2.1rem;min-height:500px}
  .byben-hero h1{font-size:clamp(2.25rem,10.8vw,2.8rem);max-width:100%}
  .byben-hero-lead{font-size:.92rem;line-height:1.58}
  .byben-section h2{font-size:clamp(1.75rem,7.5vw,2.15rem)}
  .byben-proof{margin-top:1.7rem!important}
}


/* v1.06 — cache-independent Ben desk image and explicit Over BYBEN image */
body.byben-over-page .byben-page-shell::before{
  content:"";
  display:block;
  width:100%;
  aspect-ratio:16/7;
  margin:0 0 2.4rem;
  background:#e9e5dc url('../images/byben-ben-desk-v106.jpg') center 48%/cover no-repeat;
  border:1px solid #dedad1;
}
@media(max-width:760px){
  body.byben-over-page .byben-page-shell::before{
    aspect-ratio:4/3;
    margin-bottom:1.6rem;
    background-position:center center;
  }
}

/* ==========================================================
   v1.07 — BYBEN brand refinement + subpage system
   Presentation only: no stored WordPress content is modified.
   ========================================================== */

/* Wordmark */
.byben-wordmark{min-width:182px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.52rem;align-items:end;line-height:1;text-decoration:none}
.byben-wordmark-main{grid-column:1 / -1;font-size:1.86rem;font-weight:780;letter-spacing:-.07em;line-height:.88}
.byben-wordmark-rule{grid-column:1;grid-row:2;display:block;width:1.55rem;height:2px;background:var(--byben-gold);margin-top:.47rem;align-self:center}
.byben-wordmark-sub{grid-column:2;grid-row:2;font-size:.52rem;letter-spacing:.19em;margin-top:.43rem;font-weight:730;white-space:nowrap}
.byben-wordmark-sub:before{display:none}

/* Navigation */
.byben-header .wp-block-navigation-item__content{position:relative;padding:.2rem 0}
.byben-header .current-menu-item>.wp-block-navigation-item__content,
.byben-header .current-menu-ancestor>.wp-block-navigation-item__content{color:#765322}
.byben-header .current-menu-item>.wp-block-navigation-item__content:after,
.byben-header .current-menu-ancestor>.wp-block-navigation-item__content:after{content:"";position:absolute;left:0;right:0;bottom:-.36rem;height:1px;background:var(--byben-gold)}
.byben-header .wp-block-navigation__submenu-container{min-width:300px!important;padding:.65rem!important;border:1px solid rgba(10,32,52,.10)!important;background:rgba(252,251,248,.99)!important;box-shadow:0 18px 42px rgba(10,32,52,.10)!important;border-radius:2px!important}
.byben-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:.62rem .7rem!important;font-size:.79rem!important;line-height:1.25}
.byben-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:after{display:none}

/* General page presentation */
.byben-page-shell{padding:0 0 5rem}
.byben-page-shell>.byben-page-title{
  width:min(920px,calc(100% - 48px));max-width:920px!important;margin:0 auto!important;
  padding:4.1rem 0 1.35rem;font-size:clamp(2.05rem,3.25vw,3rem);font-weight:680;
}
.byben-page-shell>.wp-block-post-content{
  width:min(920px,calc(100% - 48px));max-width:920px!important;margin:0 auto!important;
  border-top:1px solid var(--byben-line);padding-top:1.55rem;
}
.byben-page-shell>.wp-block-post-content>.byben-section-lead:first-child{
  max-width:780px;font-size:1.08rem;line-height:1.65;color:#374550;margin:0 0 2.2rem;
}
.byben-page-shell>.wp-block-post-content>h2{
  max-width:760px;margin:2.7rem 0 .7rem;font-size:clamp(1.42rem,2vw,1.78rem);line-height:1.18;letter-spacing:-.025em;
}
.byben-page-shell>.wp-block-post-content>p{max-width:760px}
.byben-page-shell>.wp-block-post-content>ul,
.byben-page-shell>.wp-block-post-content>ol{max-width:790px;margin:1.1rem 0 2rem;padding-left:1.35rem}
.byben-page-shell>.wp-block-post-content li{padding:.27rem 0 .45rem .2rem;line-height:1.55}
.byben-page-shell>.wp-block-post-content li::marker{color:var(--byben-gold)}
.byben-page-shell>.wp-block-post-content a{color:#765322;font-weight:620}

/* Small editorial kicker above titles, driven only by page context. */
body.byben-page-diensten .byben-page-title:before,
body.byben-page-voor-wie .byben-page-title:before,
body.byben-page-werkwijze .byben-page-title:before,
body.byben-page-over-byben .byben-page-title:before,
body.byben-page-contact .byben-page-title:before,
body.byben-page-boardroom-governance .byben-page-title:before,
body.byben-page-executive-advisory-leadership .byben-page-title:before,
body.byben-page-strategie-transformatie-herstel .byben-page-title:before,
body.byben-page-bedrijfsvoering-organisatie .byben-page-title:before,
body.byben-page-digitalisering-ai .byben-page-title:before{
  display:block;margin:0 0 .72rem;color:var(--byben-gold);font-size:.64rem;line-height:1;letter-spacing:.205em;text-transform:uppercase;font-weight:770
}
body.byben-page-diensten .byben-page-title:before{content:"Dienstverlening"}
body.byben-page-voor-wie .byben-page-title:before{content:"Voor wie"}
body.byben-page-werkwijze .byben-page-title:before{content:"Werkwijze"}
body.byben-page-over-byben .byben-page-title:before{content:"Boardroom Advisory"}
body.byben-page-contact .byben-page-title:before{content:"Kennismaken"}
body.byben-page-boardroom-governance .byben-page-title:before,
body.byben-page-executive-advisory-leadership .byben-page-title:before,
body.byben-page-strategie-transformatie-herstel .byben-page-title:before,
body.byben-page-bedrijfsvoering-organisatie .byben-page-title:before,
body.byben-page-digitalisering-ai .byben-page-title:before{content:"Dienstverlening"}

/* Services overview becomes a premium link list without touching its content. */
body.byben-page-diensten .wp-block-post-content>ul{list-style:none;padding:0;margin-top:1.65rem;border-top:1px solid var(--byben-line)}
body.byben-page-diensten .wp-block-post-content>ul li{padding:1.05rem 2rem 1.05rem 0;border-bottom:1px solid var(--byben-line);position:relative}
body.byben-page-diensten .wp-block-post-content>ul li:after{content:"→";position:absolute;right:.2rem;color:var(--byben-gold)}
body.byben-page-diensten .wp-block-post-content>ul a{font-size:1.03rem;color:var(--byben-navy);font-weight:670}

/* Method page: turn the four existing headings into a clearer sequence. */
body.byben-page-werkwijze .wp-block-post-content>h2{padding-top:1.05rem;border-top:1px solid var(--byben-line);max-width:100%}
body.byben-page-werkwijze .wp-block-post-content>h2+p{margin-top:.2rem;color:#4d5962}

/* Service detail pages */
body.byben-service-page .byben-page-shell>.wp-block-post-content{position:relative}
body.byben-service-page .byben-page-shell>.wp-block-post-content:after{content:"";display:block;width:3rem;height:2px;background:var(--byben-gold);margin-top:3rem}

/* Over BYBEN image: integrate it with the page title instead of a generic loose photo. */
body.byben-over-page .byben-page-shell::before{width:min(1180px,calc(100% - 48px));margin:0 auto 0;aspect-ratio:16/6.4;background-position:center 48%;border:0}
body.byben-over-page .byben-page-title{padding-top:2.6rem}

/* Contact page */
body.byben-page-contact .wp-block-post-content{max-width:760px!important;margin-left:calc((100% - min(920px,calc(100% - 48px)))/2)!important}
body.byben-page-contact .wp-block-post-content a[href^="mailto:"]{display:inline-block;font-size:1.08rem;margin-top:.2rem}

/* Footer refinement */
.byben-footer{padding-top:3.4rem}
.byben-footer .byben-wordmark{min-width:210px}
.byben-footer .byben-wordmark-main{font-size:2rem}
.byben-footer-grid{gap:3rem!important}
.byben-footer p{font-size:.82rem;line-height:1.6}

@media(max-width:960px){
  .byben-header .wp-block-navigation__submenu-container{box-shadow:none!important}
  .byben-page-shell>.byben-page-title,.byben-page-shell>.wp-block-post-content{width:min(920px,calc(100% - 40px))}
  body.byben-over-page .byben-page-shell::before{width:calc(100% - 40px)}
}
@media(max-width:700px){
  .byben-page-shell{padding-bottom:3.7rem}
  .byben-page-shell>.byben-page-title{padding-top:3rem;font-size:clamp(1.9rem,8.6vw,2.45rem)}
  .byben-page-shell>.wp-block-post-content>.byben-section-lead:first-child{font-size:1rem;margin-bottom:1.7rem}
  body.byben-over-page .byben-page-shell::before{aspect-ratio:4/3;width:calc(100% - 32px)}
  body.byben-page-contact .wp-block-post-content{margin-left:auto!important}
}


/* Contact form */
.byben-contact-layout{gap:clamp(2.5rem,5vw,5rem)!important;align-items:flex-start}
.byben-contact-form{max-width:760px}
.byben-contact-form p{margin:.75rem 0 1rem}
.byben-contact-form label{display:block;font-size:.78rem;font-weight:650;color:var(--byben-navy);letter-spacing:.01em}
.byben-contact-form input[type="text"],.byben-contact-form input[type="email"],.byben-contact-form input[type="tel"],.byben-contact-form textarea{box-sizing:border-box;width:100%;margin-top:.42rem;border:1px solid #C8C7C2;background:#fff;color:var(--byben-navy);padding:.78rem .82rem;border-radius:2px;font:inherit;line-height:1.45;transition:border-color .18s,box-shadow .18s}
.byben-contact-form textarea{resize:vertical;min-height:165px}
.byben-contact-form input:focus,.byben-contact-form textarea:focus{outline:none;border-color:var(--byben-gold);box-shadow:0 0 0 3px rgba(174,131,60,.13)}
.byben-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.byben-form-consent label{font-size:.72rem;font-weight:450;line-height:1.55;color:#56616A}
.byben-form-consent input{margin-right:.45rem}
.byben-form-submit{appearance:none;border:0;border-radius:3px;background:var(--byben-gold);color:#fff;font:inherit;font-size:.84rem;font-weight:700;padding:.82rem 1.1rem;cursor:pointer}
.byben-form-submit:hover{filter:brightness(.94)}
.byben-form-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.byben-form-notice{padding:.9rem 1rem;margin:0 0 1.25rem;border-left:3px solid var(--byben-gold);background:var(--byben-cream);font-size:.84rem;line-height:1.55}
.byben-form-notice.is-error{border-left-color:#8B3434}

/* Insights */
.byben-page-shell .wp-block-query{margin-top:2.25rem}
.byben-insight-card{height:100%;padding:1.35rem 0 1.55rem;border-top:1px solid var(--byben-line)}
.byben-insight-card h2{font-size:1.18rem!important;line-height:1.28!important;margin:.15rem 0 .7rem!important}
.byben-insight-card h2 a{text-decoration:none;color:var(--byben-navy)}
.byben-insight-card h2 a:hover{color:#6E5125}
.byben-insight-card .wp-block-post-excerpt{font-size:.82rem;line-height:1.6;color:#4A5660}
.byben-insight-card .wp-block-post-excerpt__more-link{display:inline-block;margin-top:.55rem;color:#7B5A27;font-weight:650;text-decoration:none}
.byben-article-shell{padding-top:4.8rem;padding-bottom:5rem;max-width:820px!important}
.byben-article-title{font-size:clamp(2.05rem,3.3vw,3.35rem)!important;line-height:1.08!important;letter-spacing:-.04em!important;max-width:780px}
.byben-article-shell>.wp-block-post-content{max-width:720px}
.byben-article-shell .wp-block-post-content h2{font-size:1.55rem;margin-top:2.4rem}

@media(max-width:720px){
  .byben-form-grid{grid-template-columns:1fr}
  .byben-contact-layout{gap:1.5rem!important}
}


/* ==========================================================
   v1.09 — accessibility, brand assets, insight polish
   ========================================================== */
.byben-skip-link{position:fixed;left:1rem;top:-5rem;z-index:9999;background:#fff;color:var(--byben-navy);padding:.75rem 1rem;border:2px solid var(--byben-gold);font-weight:700;text-decoration:none}
.byben-skip-link:focus{top:1rem}
.byben-article-shell .wp-block-post-content>p:first-child{font-size:1.06rem;line-height:1.7;color:#39454E}
.byben-article-shell .wp-block-post-content blockquote{margin:2.2rem 0;padding:1rem 0 1rem 1.3rem;border-left:3px solid var(--byben-gold);font-size:1.08rem;color:var(--byben-navy)}
.byben-article-shell .wp-block-post-content ul{padding-left:1.3rem;margin:1rem 0 1.8rem}
.byben-article-shell .wp-block-post-content li{padding:.22rem 0;line-height:1.6}
.byben-article-shell .wp-block-post-content li::marker{color:var(--byben-gold)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}


/* ==========================================================
   v1.10 — production polish: mobile, 404, forms and footer
   ========================================================== */
:focus-visible{outline:2px solid var(--byben-gold);outline-offset:3px}
.byben-header .wp-block-navigation__responsive-container-open,
.byben-header .wp-block-navigation__responsive-container-close{color:var(--byben-navy)}
.byben-header .wp-block-navigation__responsive-container.is-menu-open{
  background:var(--byben-paper)!important;
  color:var(--byben-navy)!important;
  padding:1.25rem 1.2rem 2rem!important;
}
.byben-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
  padding-top:3.2rem!important;
}
.byben-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
  font-size:1rem!important;
  padding:.45rem 0!important;
}
.byben-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{
  position:static!important;
  width:auto!important;
  min-width:0!important;
  box-shadow:none!important;
  border:0!important;
  padding:.15rem 0 .55rem 1rem!important;
  background:transparent!important;
}
.byben-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  font-size:.88rem!important;
  color:#4c5962!important;
}
.byben-form-submit:disabled{opacity:.55;cursor:not-allowed}
.byben-contact-form input[aria-invalid="true"],
.byben-contact-form textarea[aria-invalid="true"]{border-color:#8B3434}
.byben-footer a:hover{color:var(--byben-gold-light)}
.byben-footer .has-small-font-size{opacity:.72}
.byben-404-shell{padding-top:5rem;padding-bottom:5.5rem}
.byben-404-shell>.byben-kicker,
.byben-404-shell>.byben-page-title,
.byben-404-shell>.byben-section-lead,
.byben-404-shell>.wp-block-buttons,
.byben-404-shell>.byben-404-links{width:min(920px,calc(100% - 48px));margin-left:auto!important;margin-right:auto!important}
.byben-404-shell>.byben-page-title{padding-top:.25rem!important;margin-bottom:.8rem}
.byben-404-shell>.byben-section-lead{max-width:720px!important}
.byben-404-links{margin-top:2.5rem!important;margin-bottom:2.2rem!important;gap:1.5rem!important}
.byben-404-links>.wp-block-column{border-top:1px solid var(--byben-line);padding-top:1rem}
.byben-404-links h3{font-size:1rem;margin:.1rem 0 .45rem}
.byben-404-links p{font-size:.82rem;line-height:1.55}
.byben-404-links a{color:#765322;text-decoration:none;font-weight:650}

@media(max-width:900px){
  .byben-header-inner{gap:1rem}
  .byben-header .wp-block-navigation{margin-left:auto}
  .byben-wordmark{min-width:160px}
}
@media(max-width:700px){
  body{font-size:15px}
  .byben-header-inner{min-height:60px}
  .byben-wordmark-main{font-size:1.48rem}
  .byben-wordmark-sub{font-size:.43rem;letter-spacing:.16em}
  .byben-wordmark-rule{width:1.2rem}
  .byben-hero-inner{min-height:470px}
  .byben-hero .wp-block-buttons{flex-direction:column;align-items:stretch!important}
  .byben-hero .wp-block-button{width:100%}
  .byben-hero .wp-block-button__link{display:block;width:100%;text-align:center}
  .byben-proof{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
  .byben-proof .wp-block-column{padding:.7rem 0!important;margin:0!important}
  .byben-footer-grid{gap:1.2rem!important}
  .byben-footer .wp-block-column{margin-bottom:.6rem}
  .byben-404-shell{padding-top:3.2rem;padding-bottom:4rem}
  .byben-404-shell>.byben-kicker,
  .byben-404-shell>.byben-page-title,
  .byben-404-shell>.byben-section-lead,
  .byben-404-shell>.wp-block-buttons,
  .byben-404-shell>.byben-404-links{width:calc(100% - 32px)}
  .byben-404-links{display:block!important}
  .byben-404-links>.wp-block-column{margin-bottom:1.2rem}
}

/* ==========================================================
   v1.11 — Homepage Over BYBEN alignment + natural image ratio
   Presentation only: no stored WordPress content is modified.
   ========================================================== */

/* Desktop/tablet: the photo sits in its own visual pane and is cropped,
   never stretched. Text is kept on one consistent left-hand axis. */
.byben-about-card{
  background-image:none!important;
  min-height:390px;
  padding:3.15rem calc(44% + 3.2rem) 3.15rem 3.2rem;
  justify-content:center;
  align-items:stretch;
}
.byben-about-card::after{
  content:"";
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  bottom:0;
  width:44%;
  background:#e9e5dc url('../images/byben-ben-desk-v106.jpg') center 48%/cover no-repeat;
  pointer-events:none;
}
.byben-about-card>*{
  position:relative;
  z-index:1;
  width:100%;
  max-width:555px!important;
  margin-left:0!important;
  margin-right:0!important;
}
.byben-about-card .byben-kicker{margin-bottom:.55rem}
.byben-about-card h2{margin-top:.25rem;margin-bottom:.85rem}
.byben-about-card .byben-section-lead{margin-top:0;margin-bottom:.9rem;line-height:1.62}
.byben-about-card>p:last-child{margin-top:.2rem;margin-bottom:0}

@media(max-width:900px){
  .byben-about-card{
    min-height:370px;
    padding:2.6rem calc(43% + 2.2rem) 2.6rem 2.2rem;
  }
  .byben-about-card::after{width:43%;background-position:center 48%}
}

@media(max-width:700px){
  .byben-about-card{
    min-height:0;
    padding:2.15rem 1.7rem 22.6rem;
  }
  .byben-about-card::after{
    top:auto;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:20.5rem;
    background-size:cover;
    background-position:center 44%;
  }
  .byben-about-card>*{max-width:none!important}
}

@media(max-width:480px){
  .byben-about-card{padding:1.9rem 1.35rem 19.4rem}
  .byben-about-card::after{height:17.5rem;background-position:center 43%}
}

/* v1.12 — Hero proof row alignment */
@media (min-width: 782px) {
  .byben-proof {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: min(760px, 100%) !important;
    max-width: 760px !important;
  }
  .byben-proof > .wp-block-column {
    min-width: 0 !important;
    margin: 0 !important;
    padding: .15rem 1.25rem .1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    border-right: 1px solid rgba(255,255,255,.18) !important;
  }
  .byben-proof > .wp-block-column:first-child {
    padding-left: 0 !important;
  }
  .byben-proof > .wp-block-column:last-child {
    padding-right: 0 !important;
    border-right: 0 !important;
  }
  .byben-proof > .wp-block-column > p {
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
  .byben-proof strong {
    min-height: 1.3em;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 781px) {
  .byben-proof > .wp-block-column,
  .byben-proof > .wp-block-column > p,
  .byben-proof strong {
    text-align: center !important;
  }
  .byben-proof strong {
    display: block !important;
  }
}

/* v1.13 — Align the complete hero proof bar to the same centreline as hero copy. */
@media (min-width: 782px) {
  .byben-hero h1,
  .byben-hero-lead,
  .byben-hero .wp-block-buttons,
  .byben-proof {
    width: 625px !important;
    max-width: 625px !important;
    box-sizing: border-box;
  }

  .byben-proof {
    margin-left: 0 !important;
    margin-right: 0 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .byben-proof > .wp-block-column {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .byben-proof > .wp-block-column:first-child {
    padding-left: .35rem !important;
  }

  .byben-proof > .wp-block-column:last-child {
    padding-right: .35rem !important;
  }

  .byben-proof strong {
    font-size: 1rem !important;
    line-height: 1.18 !important;
    white-space: normal;
  }

  .byben-proof p {
    font-size: .69rem !important;
    line-height: 1.35 !important;
  }
}

@media (min-width: 782px) and (max-width: 960px) {
  .byben-hero h1,
  .byben-hero-lead,
  .byben-hero .wp-block-buttons,
  .byben-proof {
    width: min(625px, 100%) !important;
    max-width: 625px !important;
  }
}

/* v1.14 — Proof bar uses the exact same centred content column as hero copy. */
@media (min-width: 782px) {
  .byben-hero h1,
  .byben-hero-lead,
  .byben-hero .wp-block-buttons,
  .byben-proof {
    width: 625px !important;
    max-width: 625px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }

  .byben-proof {
    margin-top: 2.2rem !important;
  }
}

@media (min-width: 782px) and (max-width: 960px) {
  .byben-hero h1,
  .byben-hero-lead,
  .byben-hero .wp-block-buttons,
  .byben-proof {
    width: min(625px, 100%) !important;
    max-width: 625px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ==========================================================
   v1.15 — Homepage finishing pass below the hero
   Presentation only: no stored WordPress content is modified.
   ========================================================== */

/* Editorial split directly below the hero */
.byben-section-cream .byben-split{
  align-items:flex-start!important;
  gap:clamp(3rem,6vw,6.2rem)!important;
}
.byben-section-cream .byben-split h2{
  margin-top:0!important;
  max-width:500px;
}
.byben-section-cream .byben-split .wp-block-column:last-child{
  padding-top:.25rem;
}
.byben-section-cream .byben-split .byben-section-lead{
  margin-top:0;
  margin-bottom:.75rem;
}
.byben-section-cream .byben-split .wp-block-column:last-child p:last-child{
  margin-bottom:0;
  max-width:570px;
}

/* Services: more deliberate baseline and hover behaviour */
.byben-services{margin-top:2.25rem}
.byben-service{
  min-height:238px;
  padding-top:1.55rem;
  padding-bottom:1.55rem;
  transition:background-color .18s ease,transform .18s ease;
}
.byben-service h3{min-height:2.55em;margin-bottom:.65rem}
.byben-service p{margin-bottom:.8rem}
.byben-service p:last-child{margin-top:auto;margin-bottom:0}
.byben-service{display:flex;flex-direction:column}
.byben-service:hover{background:rgba(243,240,233,.45)}
.byben-service a{text-decoration:none;border-bottom:1px solid rgba(118,83,34,.35);padding-bottom:.08rem}
.byben-service a:hover{border-bottom-color:#765322}

/* Why BYBEN: four balanced principles with understated numbering */
.byben-section-dark{position:relative;overflow:hidden}
.byben-section-dark:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,rgba(255,255,255,.025),transparent 38%);
}
.byben-principles{gap:0!important;margin-top:2.15rem!important;border-top:1px solid rgba(255,255,255,.19)}
.byben-principle{
  position:relative;
  border-top:0!important;
  border-right:1px solid rgba(255,255,255,.14);
  padding:1.45rem 1.65rem 1.2rem 0!important;
  min-height:170px;
}
.byben-principle:not(:first-child){padding-left:1.65rem!important}
.byben-principle:last-child{border-right:0;padding-right:0!important}
.byben-principle:before{display:block;font-size:.62rem;letter-spacing:.14em;color:var(--byben-gold-light);font-weight:760;margin-bottom:.95rem}
.byben-principle:nth-child(1):before{content:'01'}
.byben-principle:nth-child(2):before{content:'02'}
.byben-principle:nth-child(3):before{content:'03'}
.byben-principle:nth-child(4):before{content:'04'}
.byben-principle h3{margin-bottom:.6rem!important}

/* Audience: lighter editorial cards rather than loose headings */
.byben-audience{gap:0!important;margin-top:2rem!important;border-top:1px solid #C8C1B4;border-bottom:1px solid #C8C1B4}
.byben-audience .wp-block-column{
  border-top:0!important;
  border-right:1px solid #D4CEC2;
  min-height:94px;
  display:flex;
  align-items:center;
  padding:1.2rem 1.25rem!important;
}
.byben-audience .wp-block-column:first-child{padding-left:0!important}
.byben-audience .wp-block-column:last-child{border-right:0;padding-right:0!important}
.byben-audience h3{margin:0!important;font-size:.98rem!important}
.byben-audience + p{margin-top:1.15rem!important;margin-bottom:0!important}
.byben-audience + p a{text-decoration:none;color:#765322;font-weight:650}

/* About card: subtle shadow and calmer border after v1.11 geometry fix */
.byben-about-card{
  border-color:#D9D4CA!important;
  box-shadow:0 18px 48px rgba(10,32,52,.055);
}

/* Stronger closing CTA */
.byben-cta{
  background:var(--byben-navy)!important;
  color:#fff!important;
  border-top:0!important;
  border-bottom:0!important;
  padding-top:4.7rem!important;
  padding-bottom:4.7rem!important;
}
.byben-cta h2{color:#fff!important;max-width:760px!important}
.byben-cta .byben-section-lead{color:rgba(255,255,255,.76)!important;max-width:650px!important}
.byben-cta .wp-block-buttons{margin-top:1.35rem}
.byben-cta .wp-block-button__link{background:var(--byben-gold)!important;color:#fff!important;border-color:var(--byben-gold)!important;padding:.78rem 1.15rem}
.byben-cta .wp-block-button__link:hover{filter:brightness(1.06)}

/* Footer refinement */
.byben-footer{padding-top:3.35rem!important}
.byben-footer-grid{align-items:flex-start!important}
.byben-footer-grid>.wp-block-column:first-child{flex-basis:52%!important}
.byben-footer-grid>.wp-block-column:nth-child(2),
.byben-footer-grid>.wp-block-column:nth-child(3){flex-basis:24%!important}
.byben-footer p{font-size:.84rem;line-height:1.65}
.byben-footer .byben-wordmark{margin-bottom:1.15rem}

@media(max-width:1080px){
  .byben-service{min-height:205px}
  .byben-service h3{min-height:auto}
  .byben-principles{grid-template-columns:repeat(2,minmax(0,1fr));display:grid!important}
  .byben-principle:nth-child(2){border-right:0}
  .byben-principle:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)!important}
  .byben-principle:nth-child(3){padding-left:0!important}
}

@media(max-width:782px){
  .byben-section-cream .byben-split{gap:1.1rem!important}
  .byben-section-cream .byben-split .wp-block-column:last-child{padding-top:0}
  .byben-audience{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
  .byben-audience .wp-block-column{border-right:1px solid #D4CEC2!important;border-bottom:1px solid #D4CEC2;min-height:82px;padding:1rem!important}
  .byben-audience .wp-block-column:nth-child(even){border-right:0!important}
  .byben-audience .wp-block-column:nth-child(n+3){border-bottom:0}
  .byben-footer-grid>.wp-block-column:first-child,
  .byben-footer-grid>.wp-block-column:nth-child(2),
  .byben-footer-grid>.wp-block-column:nth-child(3){flex-basis:auto!important}
}

@media(max-width:600px){
  .byben-principles{grid-template-columns:1fr;display:grid!important}
  .byben-principle,
  .byben-principle:not(:first-child){padding:1.15rem 0!important;border-right:0!important;border-top:1px solid rgba(255,255,255,.14)!important;min-height:0}
  .byben-principle:first-child{border-top:0!important}
  .byben-audience{grid-template-columns:1fr}
  .byben-audience .wp-block-column{border-right:0!important;border-bottom:1px solid #D4CEC2!important;padding:.9rem 0!important;min-height:0}
  .byben-audience .wp-block-column:last-child{border-bottom:0!important}
  .byben-cta{padding-top:3.5rem!important;padding-bottom:3.5rem!important}
}

/* ==========================================================
   v1.16 — Subpage and mobile finishing pass
   Presentation only: no stored WordPress content is modified.
   ========================================================== */

/* A calmer shared page rhythm. */
.byben-page-shell>.byben-page-title{
  width:min(980px,calc(100% - 48px));
  max-width:980px!important;
  padding-top:4.4rem;
  padding-bottom:1.55rem;
}
.byben-page-shell>.wp-block-post-content{
  width:min(980px,calc(100% - 48px));
  max-width:980px!important;
  padding-top:1.85rem;
}
.byben-page-shell>.wp-block-post-content>.byben-section-lead:first-child{
  max-width:820px;
  font-size:1.1rem;
  line-height:1.68;
  margin-bottom:1.45rem;
}

/* Services overview: five editorial rows rather than a long text column. */
body.byben-page-diensten .byben-page-shell>.wp-block-post-content{
  display:grid;
  grid-template-columns:minmax(225px,.78fr) minmax(0,1.42fr);
  column-gap:clamp(2.2rem,5vw,5.5rem);
  align-items:start;
}
body.byben-page-diensten .wp-block-post-content>.byben-section-lead:first-child,
body.byben-page-diensten .wp-block-post-content>.byben-section-lead:first-child + p{
  grid-column:1 / -1;
  max-width:790px;
}
body.byben-page-diensten .wp-block-post-content>.byben-section-lead:first-child + p{
  margin-top:0;
  margin-bottom:2.1rem;
  color:#4D5962;
}
body.byben-page-diensten .wp-block-post-content>h2{
  grid-column:1;
  width:100%;
  max-width:none;
  margin:0!important;
  padding:1.4rem 1.2rem 1.4rem 0;
  border-top:1px solid var(--byben-line);
  font-size:1.08rem;
  line-height:1.28;
}
body.byben-page-diensten .wp-block-post-content>h2 + p{
  grid-column:2;
  width:100%;
  max-width:none;
  margin:0!important;
  padding:1.4rem 0 1.4rem;
  border-top:1px solid var(--byben-line);
  color:#495660;
  line-height:1.62;
}
body.byben-page-diensten .wp-block-post-content>h2 + p a{
  display:block;
  width:max-content;
  max-width:100%;
  margin-top:.45rem;
  text-decoration:none;
  font-size:.78rem;
  letter-spacing:.005em;
}
body.byben-page-diensten .wp-block-post-content>h2:nth-last-of-type(1),
body.byben-page-diensten .wp-block-post-content>h2:nth-last-of-type(1) + p{
  border-bottom:1px solid var(--byben-line);
}

/* For whom: concise boardroom audience rows. */
body.byben-page-voor-wie .byben-page-shell>.wp-block-post-content{
  display:grid;
  grid-template-columns:minmax(215px,.72fr) minmax(0,1.28fr);
  column-gap:clamp(2rem,5vw,5rem);
  align-items:start;
}
body.byben-page-voor-wie .wp-block-post-content>.byben-section-lead:first-child{
  grid-column:1 / -1;
  margin-bottom:2rem;
}
body.byben-page-voor-wie .wp-block-post-content>h2{
  grid-column:1;
  max-width:none;
  width:100%;
  margin:0!important;
  padding:1.25rem 1rem 1.25rem 0;
  border-top:1px solid var(--byben-line);
  font-size:1.04rem;
  line-height:1.28;
}
body.byben-page-voor-wie .wp-block-post-content>h2 + p{
  grid-column:2;
  max-width:none;
  width:100%;
  margin:0!important;
  padding:1.25rem 0;
  border-top:1px solid var(--byben-line);
  color:#4A5660;
}
body.byben-page-voor-wie .wp-block-post-content>p:last-child{
  grid-column:1 / -1;
  max-width:790px;
  margin:2rem 0 0!important;
  padding:1.25rem 1.35rem;
  background:var(--byben-cream);
  border-left:3px solid var(--byben-gold);
  color:#35434D;
}

/* Method: same axis, with strong numbered stage headings. */
body.byben-page-werkwijze .byben-page-shell>.wp-block-post-content{
  display:grid;
  grid-template-columns:minmax(215px,.72fr) minmax(0,1.28fr);
  column-gap:clamp(2rem,5vw,5rem);
  align-items:start;
}
body.byben-page-werkwijze .wp-block-post-content>.byben-section-lead:first-child{
  grid-column:1 / -1;
  margin-bottom:2rem;
}
body.byben-page-werkwijze .wp-block-post-content>h2{
  grid-column:1;
  width:100%;
  max-width:none!important;
  margin:0!important;
  padding:1.35rem 1rem 1.35rem 0!important;
  border-top:1px solid var(--byben-line)!important;
  font-size:1.08rem;
  line-height:1.25;
}
body.byben-page-werkwijze .wp-block-post-content>h2 + p{
  grid-column:2;
  width:100%;
  max-width:none;
  margin:0!important;
  padding:1.35rem 0!important;
  border-top:1px solid var(--byben-line);
  color:#495660;
}
body.byben-page-werkwijze .wp-block-post-content>h2:nth-last-of-type(1){
  margin-top:1.2rem!important;
  color:#765322;
}
body.byben-page-werkwijze .wp-block-post-content>h2:nth-last-of-type(1) + p{
  margin-top:1.2rem!important;
}
body.byben-page-werkwijze .wp-block-post-content>p:last-child{
  grid-column:2;
  max-width:none;
  margin:0!important;
  padding:.05rem 0 1.25rem;
  color:#253541;
  font-weight:560;
}

/* Service detail pages: clean executive reading width and a compact two-column capability list. */
body.byben-service-page .byben-page-shell>.wp-block-post-content{
  width:min(920px,calc(100% - 48px));
  max-width:920px!important;
}
body.byben-service-page .wp-block-post-content>.byben-section-lead:first-child{
  max-width:720px;
  color:var(--byben-navy);
  font-size:1.12rem;
}
body.byben-service-page .wp-block-post-content>p{max-width:760px}
body.byben-service-page .wp-block-post-content>h2{
  margin-top:2.8rem;
  padding-top:1.25rem;
  border-top:1px solid var(--byben-line);
  max-width:760px;
}
body.byben-service-page .wp-block-post-content>ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 2rem;
  max-width:820px;
  padding-left:0;
  list-style:none;
  border-top:1px solid var(--byben-line);
  margin-top:1.4rem;
}
body.byben-service-page .wp-block-post-content>ul li{
  position:relative;
  padding:.78rem .2rem .78rem 1.15rem;
  border-bottom:1px solid var(--byben-line);
}
body.byben-service-page .wp-block-post-content>ul li:before{
  content:"";
  position:absolute;
  left:0;
  top:1.16rem;
  width:.36rem;
  height:.36rem;
  border-radius:50%;
  background:var(--byben-gold);
}

/* Over BYBEN: let the image and story breathe, with a deliberate final credo. */
body.byben-over-page .byben-page-shell::before{
  width:min(1180px,calc(100% - 48px));
  aspect-ratio:16/6.2;
  margin-bottom:0;
  box-shadow:0 16px 46px rgba(10,32,52,.055);
}
body.byben-over-page .byben-page-title{
  width:min(920px,calc(100% - 48px));
  padding-top:3rem;
}
body.byben-over-page .byben-page-shell>.wp-block-post-content{
  width:min(920px,calc(100% - 48px));
}
body.byben-over-page .wp-block-post-content>h2{margin-top:2.8rem}
body.byben-over-page .wp-block-post-content>h2:last-of-type{
  margin-top:3.2rem;
  padding-top:1.5rem;
  border-top:1px solid var(--byben-line);
}
body.byben-over-page .wp-block-post-content>h2:last-of-type + p{
  color:var(--byben-navy);
  font-size:1.16rem;
  line-height:1.55;
  letter-spacing:-.012em;
}

/* Contact: a light contact panel opposite the actual form. */
body.byben-page-contact .wp-block-post-content{
  width:min(980px,calc(100% - 48px))!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.byben-page-contact .byben-contact-layout{margin-top:2.1rem!important}
body.byben-page-contact .byben-contact-layout>.wp-block-column:first-child{
  background:var(--byben-cream);
  border-top:3px solid var(--byben-gold);
  padding:1.65rem 1.6rem 1.75rem;
  min-height:240px;
}
body.byben-page-contact .byben-contact-layout>.wp-block-column:first-child h2{
  margin:.1rem 0 1.2rem;
  font-size:1.25rem;
}
body.byben-page-contact .byben-contact-layout>.wp-block-column:first-child p{
  font-size:.88rem;
  line-height:1.6;
}
body.byben-page-contact .byben-contact-layout>.wp-block-column:last-child{
  padding-left:.35rem;
}
body.byben-page-contact .byben-contact-form{max-width:none}
body.byben-page-contact .byben-contact-form p:first-of-type{margin-top:0}

/* Legal pages: deliberately quieter than marketing pages. */
body.byben-page-privacy .byben-page-shell>.wp-block-post-content,
body.byben-page-algemene-voorwaarden .byben-page-shell>.wp-block-post-content{
  max-width:820px!important;
}
body.byben-page-privacy .byben-page-title,
body.byben-page-algemene-voorwaarden .byben-page-title{
  max-width:820px!important;
}

/* Mobile/tablet: preserve hierarchy without tiny columns or oversized gaps. */
@media(max-width:900px){
  .byben-page-shell>.byben-page-title,
  .byben-page-shell>.wp-block-post-content{width:calc(100% - 40px)}
  body.byben-page-diensten .byben-page-shell>.wp-block-post-content,
  body.byben-page-voor-wie .byben-page-shell>.wp-block-post-content,
  body.byben-page-werkwijze .byben-page-shell>.wp-block-post-content{
    grid-template-columns:minmax(180px,.62fr) minmax(0,1.38fr);
    column-gap:2rem;
  }
  body.byben-service-page .wp-block-post-content>ul{gap:0 1.35rem}
  body.byben-page-contact .wp-block-post-content{width:calc(100% - 40px)!important}
}

@media(max-width:700px){
  .byben-page-shell>.byben-page-title{
    width:calc(100% - 32px);
    padding-top:2.8rem;
    padding-bottom:1.05rem;
  }
  .byben-page-shell>.wp-block-post-content{
    width:calc(100% - 32px);
    padding-top:1.25rem;
  }
  .byben-page-shell>.wp-block-post-content>.byben-section-lead:first-child{
    font-size:1rem;
    line-height:1.62;
  }
  body.byben-page-diensten .byben-page-shell>.wp-block-post-content,
  body.byben-page-voor-wie .byben-page-shell>.wp-block-post-content,
  body.byben-page-werkwijze .byben-page-shell>.wp-block-post-content{
    display:block;
  }
  body.byben-page-diensten .wp-block-post-content>.byben-section-lead:first-child + p{margin-bottom:1.65rem}
  body.byben-page-diensten .wp-block-post-content>h2,
  body.byben-page-voor-wie .wp-block-post-content>h2,
  body.byben-page-werkwijze .wp-block-post-content>h2{
    padding:1.15rem 0 .35rem!important;
    border-top:1px solid var(--byben-line)!important;
    font-size:1.02rem;
  }
  body.byben-page-diensten .wp-block-post-content>h2 + p,
  body.byben-page-voor-wie .wp-block-post-content>h2 + p,
  body.byben-page-werkwijze .wp-block-post-content>h2 + p{
    padding:0 0 1.15rem!important;
    border-top:0;
  }
  body.byben-page-diensten .wp-block-post-content>h2 + p a{margin-top:.35rem}
  body.byben-page-werkwijze .wp-block-post-content>h2:nth-last-of-type(1),
  body.byben-page-werkwijze .wp-block-post-content>h2:nth-last-of-type(1) + p{margin-top:.5rem!important}
  body.byben-page-werkwijze .wp-block-post-content>p:last-child{padding-bottom:.75rem}
  body.byben-page-voor-wie .wp-block-post-content>p:last-child{margin-top:1.3rem!important}
  body.byben-service-page .byben-page-shell>.wp-block-post-content{width:calc(100% - 32px)}
  body.byben-service-page .wp-block-post-content>ul{grid-template-columns:1fr;gap:0}
  body.byben-service-page .wp-block-post-content>h2{margin-top:2.2rem}
  body.byben-over-page .byben-page-shell::before{width:calc(100% - 32px);aspect-ratio:4/3;background-position:center 47%;box-shadow:none}
  body.byben-over-page .byben-page-title,
  body.byben-over-page .byben-page-shell>.wp-block-post-content{width:calc(100% - 32px)}
  body.byben-over-page .byben-page-title{padding-top:2.4rem}
  body.byben-page-contact .wp-block-post-content{width:calc(100% - 32px)!important}
  body.byben-page-contact .byben-contact-layout{margin-top:1.5rem!important}
  body.byben-page-contact .byben-contact-layout>.wp-block-column:first-child{min-height:0;padding:1.35rem 1.25rem}
  body.byben-page-contact .byben-contact-layout>.wp-block-column:last-child{padding-left:0}
}

@media(max-width:480px){
  .byben-page-title{font-size:clamp(1.82rem,9.2vw,2.2rem)!important;line-height:1.08!important}
  .byben-page-shell>.wp-block-post-content>h2{font-size:1.32rem}
  body.byben-page-contact .byben-contact-layout>.wp-block-column:first-child{padding:1.2rem 1.05rem}
}

/* ==========================================================
   v1.17 — Insights, articles, footer and mobile navigation finish
   Presentation only: no stored WordPress page/post content is modified.
   ========================================================== */

/* Insights landing: calm editorial grid with a clear reading hierarchy. */
.byben-insights-shell{
  padding-top:4.6rem!important;
  padding-bottom:5.2rem!important;
}
.byben-insights-shell>.byben-kicker,
.byben-insights-shell>h1,
.byben-insights-shell>.byben-section-lead,
.byben-insights-shell>.wp-block-query{
  width:min(1080px,calc(100% - 48px));
  max-width:1080px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.byben-insights-shell>h1{
  max-width:820px!important;
  margin-top:.35rem;
  margin-bottom:.8rem;
  font-size:clamp(2.25rem,4vw,3.55rem);
  line-height:1.05;
  letter-spacing:-.045em;
}
.byben-insights-shell>.byben-section-lead{
  max-width:760px!important;
  margin-left:max(calc((100% - min(1080px,calc(100% - 48px)))/2),24px)!important;
  margin-right:auto!important;
  font-size:1.03rem;
  line-height:1.68;
  color:#4A5660;
}
.byben-insight-query{margin-top:3rem!important}
.byben-insight-query .wp-block-post-template{
  counter-reset:byben-insight;
  gap:0 2.1rem!important;
}
.byben-insight-card{
  counter-increment:byben-insight;
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:285px;
  padding:1.45rem .15rem 1.7rem!important;
  border-top:1px solid var(--byben-line)!important;
  background:transparent;
}
.byben-insight-card:before{
  content:counter(byben-insight, decimal-leading-zero);
  display:block;
  margin-bottom:1.3rem;
  color:#9A7740;
  font-size:.62rem;
  line-height:1;
  font-weight:760;
  letter-spacing:.12em;
}
.byben-insight-card .byben-kicker{
  min-height:1.25rem;
  margin-bottom:.35rem!important;
  font-size:.62rem!important;
  line-height:1.25;
}
.byben-insight-card h2{
  min-height:2.8em;
  margin:.15rem 0 .75rem!important;
  font-size:1.22rem!important;
  line-height:1.24!important;
}
.byben-insight-card .wp-block-post-excerpt{
  display:flex;
  flex:1;
  flex-direction:column;
  margin:0;
  color:#4A5660;
  font-size:.84rem;
  line-height:1.62;
}
.byben-insight-card .wp-block-post-excerpt__excerpt{margin:0}
.byben-insight-card .wp-block-post-excerpt__more-text{margin-top:auto;padding-top:1rem}
.byben-insight-card .wp-block-post-excerpt__more-link{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  width:max-content;
  color:#765322;
  font-size:.77rem;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid rgba(118,83,34,.28);
}
.byben-insight-card .wp-block-post-excerpt__more-link:hover{border-bottom-color:#765322}
.byben-insight-query .wp-block-query-pagination{
  display:flex;
  justify-content:center;
  gap:1rem;
  margin-top:2.4rem;
  padding-top:1.35rem;
  border-top:1px solid var(--byben-line);
  font-size:.8rem;
}
.byben-insight-query .wp-block-query-pagination a{color:#765322;text-decoration:none;font-weight:650}

/* Article template: narrow reading measure and deliberate start/end points. */
.byben-article-shell{
  width:min(920px,calc(100% - 48px));
  max-width:920px!important;
  padding-top:4.8rem!important;
  padding-bottom:5.2rem!important;
}
.byben-article-header{max-width:800px;margin:0 auto 2rem}
.byben-article-header .byben-kicker{margin-bottom:.65rem!important}
.byben-article-title{
  max-width:800px!important;
  margin:.15rem 0 1.1rem!important;
  font-size:clamp(2.25rem,4.3vw,3.7rem)!important;
  line-height:1.045!important;
  letter-spacing:-.047em!important;
}
.byben-article-back{
  display:inline-flex;
  margin-top:.35rem;
  color:#765322;
  font-size:.76rem;
  font-weight:680;
  text-decoration:none;
  border-bottom:1px solid rgba(118,83,34,.28);
}
.byben-article-back:hover{border-bottom-color:#765322}
.byben-article-shell>.wp-block-post-content{
  width:100%;
  max-width:720px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-top:1.45rem;
  border-top:1px solid var(--byben-line);
}
.byben-article-shell .wp-block-post-content>p{
  font-size:.98rem;
  line-height:1.78;
  color:#34424D;
}
.byben-article-shell .wp-block-post-content>p:first-child{
  font-size:1.12rem;
  line-height:1.7;
  color:var(--byben-navy);
}
.byben-article-shell .wp-block-post-content h2{
  margin-top:2.8rem!important;
  padding-top:.35rem;
  font-size:1.52rem!important;
  line-height:1.18;
}
.byben-article-shell .wp-block-post-content h3{
  margin-top:2rem;
  font-size:1.12rem;
  line-height:1.3;
}
.byben-article-shell .wp-block-post-content blockquote{
  margin:2.5rem 0;
  padding:1.05rem 0 1.05rem 1.4rem;
  border-left:3px solid var(--byben-gold);
  color:var(--byben-navy);
  font-size:1.08rem;
  line-height:1.62;
}
.byben-article-cta{
  width:100%;
  max-width:720px!important;
  margin:3.35rem auto 0!important;
  padding:1.55rem 1.65rem!important;
  border-top:1px solid var(--byben-line);
  background:var(--byben-cream);
}
.byben-article-cta h2{
  margin:0 0 .45rem!important;
  font-size:1.22rem!important;
  line-height:1.25;
}
.byben-article-cta p{margin:.15rem 0 .85rem;font-size:.86rem;line-height:1.55;color:#47545E}
.byben-article-cta .wp-block-button__link{padding:.7rem 1rem;font-size:.79rem}

/* Footer: clearer utility structure without becoming visually busy. */
.byben-footer-grid{grid-template-columns:minmax(260px,1.9fr) repeat(3,minmax(135px,.7fr));gap:clamp(1.4rem,3.5vw,3.5rem)!important}
.byben-footer-grid>.wp-block-column{flex-basis:auto!important}
.byben-footer .byben-wordmark{min-width:0;width:max-content;max-width:100%;margin-bottom:1.05rem}
.byben-footer .byben-wordmark-main{font-size:1.92rem}
.byben-footer .byben-wordmark-sub{font-size:.48rem}
.byben-footer h3{margin:.15rem 0 .85rem}
.byben-footer p{margin:.25rem 0;font-size:.82rem;line-height:1.65}
.byben-footer .byben-footer-links{display:flex;flex-direction:column;gap:.38rem;margin:0}
.byben-footer .byben-footer-links a{width:max-content;max-width:100%;font-size:.8rem;text-decoration:none;color:rgba(255,255,255,.82)}
.byben-footer .byben-footer-links a:hover{color:var(--byben-gold-light)}

/* Mobile navigation: preserve a visible conversion route when header CTA is hidden. */
.byben-header .byben-mobile-nav-cta{display:none!important}
.byben-header .wp-block-navigation__responsive-container.is-menu-open .byben-mobile-nav-cta{
  display:flex!important;
  margin-top:1.15rem;
  padding-top:1.15rem;
  border-top:1px solid var(--byben-line);
}
.byben-header .wp-block-navigation__responsive-container.is-menu-open .byben-mobile-nav-cta>.wp-block-navigation-item__content{
  display:inline-flex!important;
  width:max-content;
  padding:.72rem 1rem!important;
  border-radius:3px;
  background:var(--byben-gold);
  color:#fff!important;
  font-size:.84rem!important;
  font-weight:720;
}
.byben-header .wp-block-navigation__responsive-container.is-menu-open .byben-mobile-nav-cta>.wp-block-navigation-item__content:after{display:none!important}

@media(max-width:900px){
  .byben-insight-query .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .byben-footer-grid{grid-template-columns:1.35fr 1fr 1fr!important}
  .byben-footer-grid>.wp-block-column:first-child{grid-column:1 / -1}
}

@media(max-width:700px){
  .byben-insights-shell{padding-top:3rem!important;padding-bottom:4rem!important}
  .byben-insights-shell>.byben-kicker,
  .byben-insights-shell>h1,
  .byben-insights-shell>.byben-section-lead,
  .byben-insights-shell>.wp-block-query{width:calc(100% - 32px)}
  .byben-insights-shell>.byben-section-lead{margin-left:16px!important}
  .byben-insights-shell>h1{font-size:clamp(2rem,10vw,2.65rem)}
  .byben-insight-query{margin-top:2.2rem!important}
  .byben-insight-query .wp-block-post-template{grid-template-columns:1fr!important;gap:0!important}
  .byben-insight-card{min-height:0;padding:1.25rem 0 1.4rem!important}
  .byben-insight-card h2{min-height:0}
  .byben-article-shell{width:calc(100% - 32px);padding-top:3.1rem!important;padding-bottom:4rem!important}
  .byben-article-title{font-size:clamp(2rem,10vw,2.75rem)!important}
  .byben-article-shell>.wp-block-post-content{padding-top:1.2rem}
  .byben-article-shell .wp-block-post-content>p:first-child{font-size:1.04rem}
  .byben-article-cta{padding:1.3rem 1.2rem!important;margin-top:2.7rem!important}
  .byben-footer-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1.55rem 1.25rem!important}
  .byben-footer-grid>.wp-block-column:first-child{grid-column:1 / -1}
}

@media(max-width:480px){
  .byben-footer-grid{grid-template-columns:1fr!important}
  .byben-footer-grid>.wp-block-column:first-child{grid-column:auto}
  .byben-footer .byben-wordmark-main{font-size:1.72rem}
  .byben-footer .byben-wordmark-sub{font-size:.44rem}
}


/* ==========================================================
   v1.18 — production polish
   Accessibility, overflow resilience and print behaviour only.
   ========================================================== */
html{scroll-padding-top:88px}
body{overflow-x:hidden}
.byben-page-shell,
.byben-article-shell,
.byben-hero,
.byben-footer{overflow-wrap:break-word}
.byben-header .wp-block-navigation__responsive-container.is-menu-open{
  max-height:100dvh;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.byben-contact-form input,
.byben-contact-form textarea,
.byben-contact-form button{font:inherit}
.byben-contact-form textarea{resize:vertical;min-height:9rem}
.byben-contact-form input:focus-visible,
.byben-contact-form textarea:focus-visible{
  outline:2px solid #B78A47;
  outline-offset:2px;
}
.byben-article-shell img,
.byben-page-shell img{max-width:100%;height:auto}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}

@media print{
  .byben-header,.byben-footer,.byben-article-cta,.byben-article-back{display:none!important}
  body{background:#fff!important;color:#000!important}
  .byben-article-shell,.byben-page-shell{width:100%!important;max-width:none!important;padding:0!important}
  .byben-article-shell>.wp-block-post-content{max-width:none!important;border:0!important}
  a{color:#000!important;text-decoration:underline}
}


/* ==========================================================
   v1.19 — Insights alignment correction
   Aligns the Insights landing page to the same 980px page axis
   used by Diensten, Voor wie, Werkwijze and other core pages.
   Presentation only; no stored content is modified.
   ========================================================== */
.byben-insights-shell > .byben-kicker,
.byben-insights-shell > h1,
.byben-insights-shell > .byben-section-lead,
.byben-insights-shell > .wp-block-query{
  width:min(980px,calc(100% - 48px))!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}
.byben-insights-shell > h1{
  max-width:980px!important;
  padding-right:min(16vw,160px);
}
.byben-insights-shell > .byben-section-lead{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-right:min(20vw,220px);
}
@media(max-width:700px){
  .byben-insights-shell > .byben-kicker,
  .byben-insights-shell > h1,
  .byben-insights-shell > .byben-section-lead,
  .byben-insights-shell > .wp-block-query{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .byben-insights-shell > h1,
  .byben-insights-shell > .byben-section-lead{
    padding-right:0;
  }
}

/* ==========================================================
   v1.20 — Service detail page alignment correction
   All five service detail pages now share the same 980px
   page axis as the other core pages. Internal reading widths
   remain intentionally narrower, but are left-anchored.
   Presentation only; no stored WordPress content is modified.
   ========================================================== */
body.byben-service-page .byben-page-shell > .byben-page-title,
body.byben-service-page .byben-page-shell > .wp-block-post-content{
  width:min(980px,calc(100% - 48px))!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}
body.byben-service-page .wp-block-post-content > .byben-section-lead:first-child,
body.byben-service-page .wp-block-post-content > p,
body.byben-service-page .wp-block-post-content > h2,
body.byben-service-page .wp-block-post-content > ul{
  margin-left:0!important;
  margin-right:auto!important;
}
@media(max-width:700px){
  body.byben-service-page .byben-page-shell > .byben-page-title,
  body.byben-service-page .byben-page-shell > .wp-block-post-content{
    width:calc(100% - 32px)!important;
    max-width:none!important;
  }
}


/* v1.21 — robust Insights archive rendered by BYBEN Site Core. */
.byben-insights-filters{
  display:flex;flex-wrap:wrap;gap:.55rem .7rem;margin:2.2rem 0 1rem;padding:0;
}
.byben-insights-filters a{
  display:inline-flex;align-items:center;min-height:34px;padding:.44rem .72rem;
  border:1px solid var(--byben-line);border-radius:999px;color:var(--byben-navy);
  font-size:.76rem;font-weight:650;line-height:1.2;text-decoration:none;background:#fff;
}
.byben-insights-filters a:hover,.byben-insights-filters a.is-active{
  border-color:#9B7A44;background:#F4EFE5;color:#5F451F;
}
.byben-insights-count{margin:1.1rem 0 1.5rem!important;color:#6A737A;font-size:.78rem!important}
.byben-insights-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2.1rem;
  border-bottom:1px solid var(--byben-line);
}
.byben-insights-grid .byben-insight-card{
  display:flex;flex-direction:column;min-width:0;min-height:295px;padding:1.35rem 0 1.55rem;
  border-top:1px solid var(--byben-line);
}
.byben-insights-grid .byben-insight-card .byben-kicker{margin:0 0 .55rem!important;min-height:1.2em}
.byben-insights-grid .byben-insight-card h2{
  margin:.15rem 0 .7rem!important;font-size:1.18rem!important;line-height:1.28!important;font-weight:680;
}
.byben-insights-grid .byben-insight-card h2 a{color:var(--byben-navy);text-decoration:none}
.byben-insights-grid .byben-insight-card h2 a:hover{color:#6E5125}
.byben-insight-excerpt{margin:0!important;color:#4A5660;font-size:.84rem!important;line-height:1.62!important}
.byben-insight-more{margin:auto 0 0!important;padding-top:1rem}
.byben-insight-more a{color:#765322;text-decoration:none;font-size:.79rem;font-weight:650;border-bottom:1px solid transparent}
.byben-insight-more a:hover{border-bottom-color:#765322}
.byben-insights-pagination{margin-top:2.4rem}
.byben-insights-pagination .page-numbers{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:0;align-items:center}
.byben-insights-pagination a,.byben-insights-pagination span{
  display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:.35rem .55rem;
  border:1px solid var(--byben-line);text-decoration:none;color:var(--byben-navy);font-size:.8rem
}
.byben-insights-pagination .current{background:var(--byben-navy);border-color:var(--byben-navy);color:#fff}
.byben-insights-empty{margin-top:2rem}
.byben-article-shell .byben-insight-practice{
  margin:1.15rem 0 1.7rem!important;padding:1rem 1.15rem;border-left:3px solid var(--byben-gold);
  background:#F7F3EA;color:#37434C;font-size:.98rem!important;line-height:1.7!important
}
.byben-article-shell .byben-article-byben{
  margin-top:3rem!important;padding:1.6rem 1.7rem!important;background:#F4EFE5;border-top:2px solid var(--byben-gold)
}
.byben-article-shell .byben-article-byben h2{margin-top:0!important}
.byben-article-shell .byben-article-byben p:last-child{margin-bottom:0!important}
.byben-article-shell .byben-text-link{color:#765322;font-weight:650;text-decoration:none}
@media(max-width:980px){
  .byben-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.4rem}
}
@media(max-width:700px){
  .byben-insights-filters{gap:.45rem;margin-top:1.65rem}
  .byben-insights-filters a{font-size:.72rem;padding:.4rem .62rem}
  .byben-insights-grid{grid-template-columns:1fr;gap:0}
  .byben-insights-grid .byben-insight-card{min-height:0;padding:1.25rem 0 1.4rem}
  .byben-article-shell .byben-article-byben{padding:1.3rem 1.15rem!important}
}

/* ==========================================================
   v1.22 — Insights archive + individual article axis correction
   All Insights UI and article pages use the same 980px left
   content axis as the core BYBEN pages. Reading measures stay
   intentionally narrower but are left-anchored.
   Presentation only; no stored WordPress content is modified.
   ========================================================== */

/* Archive: include the shortcode wrapper itself on the shared page axis. */
.byben-insights-shell > .byben-kicker,
.byben-insights-shell > h1,
.byben-insights-shell > .byben-section-lead,
.byben-insights-shell > .wp-block-query,
.byben-insights-shell > .wp-block-shortcode{
  width:min(980px,calc(100% - 48px))!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}
.byben-insights-shell > .wp-block-shortcode{
  margin-top:0!important;
}
.byben-insights-shell .byben-insights-filters,
.byben-insights-shell .byben-insights-count,
.byben-insights-shell .byben-insights-grid,
.byben-insights-shell .byben-insights-pagination{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}
.byben-insights-shell .byben-insights-pagination{
  margin-left:0!important;
  margin-right:0!important;
}

/* Individual insight: same 980px page axis; narrower reading column starts left. */
.byben-article-shell{
  width:min(980px,calc(100% - 48px))!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}
.byben-article-header{
  width:100%;
  max-width:820px!important;
  margin-left:0!important;
  margin-right:auto!important;
}
.byben-article-title{
  max-width:820px!important;
  margin-left:0!important;
  margin-right:auto!important;
}
.byben-article-shell > .wp-block-post-content{
  width:100%;
  max-width:720px!important;
  margin-left:0!important;
  margin-right:auto!important;
}
.byben-article-cta{
  width:100%;
  max-width:720px!important;
  margin-left:0!important;
  margin-right:auto!important;
}

@media(max-width:700px){
  .byben-insights-shell > .byben-kicker,
  .byben-insights-shell > h1,
  .byben-insights-shell > .byben-section-lead,
  .byben-insights-shell > .wp-block-query,
  .byben-insights-shell > .wp-block-shortcode,
  .byben-article-shell{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .byben-article-header,
  .byben-article-shell > .wp-block-post-content,
  .byben-article-cta{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* ==========================================================
   v1.23 — definitive Insights navigation-page axis
   The entire archive is now contained by one shared 980px
   wrapper. WordPress constrained-layout margins can no longer
   offset individual archive components independently.
   Presentation only; no stored WordPress content is modified.
   ========================================================== */
.byben-insights-shell{
  width:100%!important;
  max-width:none!important;
  padding:0 0 5rem!important;
}
.byben-insights-shell > .byben-insights-axis{
  width:min(980px,calc(100% - 48px))!important;
  max-width:980px!important;
  margin:0 auto!important;
  padding:4.4rem 0 0!important;
  box-sizing:border-box;
}
.byben-insights-axis > .byben-kicker,
.byben-insights-axis > h1,
.byben-insights-axis > .byben-section-lead,
.byben-insights-axis > .wp-block-shortcode{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box;
}
.byben-insights-axis > .byben-kicker{
  margin-top:0!important;
  margin-bottom:.72rem!important;
}
.byben-insights-axis > h1{
  padding:0!important;
  margin-top:0!important;
  margin-bottom:1.55rem!important;
  font-size:clamp(2.05rem,3.25vw,3rem)!important;
  font-weight:680!important;
}
.byben-insights-axis > .byben-section-lead{
  max-width:820px!important;
  padding:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
.byben-insights-axis > .wp-block-shortcode{
  padding-top:1.85rem!important;
  border-top:1px solid var(--byben-line);
}
.byben-insights-axis .byben-insights-filters,
.byben-insights-axis .byben-insights-count,
.byben-insights-axis .byben-insights-grid,
.byben-insights-axis .byben-insights-pagination{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.byben-insights-axis .byben-insights-pagination .page-numbers{
  justify-content:flex-start!important;
  margin-left:0!important;
  margin-right:0!important;
}
@media(max-width:700px){
  .byben-insights-shell > .byben-insights-axis{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    padding-top:3rem!important;
  }
  .byben-insights-axis > h1{
    font-size:clamp(2rem,10vw,2.65rem)!important;
  }
}

/* ==========================================================
   v1.24 — mobile viewport stability, footer containment and
   Insights pagination alignment. Presentation only.
   ========================================================== */

/* Keep horizontal overflow from creating a separate scroll container.
   `clip` preserves sticky positioning more reliably than overflow:hidden
   on mobile Safari. */
html,
body{
  max-width:100%;
  overflow-x:clip;
}
body{overflow-x:clip}

/* Insights pagination: centre the navigation as a whole and centre every
   label precisely inside its control. Target ul.page-numbers explicitly so
   the same class on individual links cannot inherit list flex rules. */
.byben-insights-pagination{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:2.5rem auto 0!important;
}
.byben-insights-pagination ul.page-numbers{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:.5rem!important;
  width:auto!important;
  max-width:100%!important;
  padding:0!important;
  margin:0 auto!important;
  list-style:none!important;
}
.byben-insights-pagination ul.page-numbers > li{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}
.byben-insights-pagination ul.page-numbers > li > a.page-numbers,
.byben-insights-pagination ul.page-numbers > li > span.page-numbers{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:36px!important;
  width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.byben-insights-pagination ul.page-numbers > li > a.prev,
.byben-insights-pagination ul.page-numbers > li > a.next{
  width:auto!important;
  min-width:36px!important;
  padding:0 .72rem!important;
}

/* Footer: use one explicit viewport-safe axis and never allow columns or
   long labels to widen the page. */
.byben-footer > .byben-footer-grid,
.byben-footer > .wp-block-separator,
.byben-footer > .has-small-font-size{
  width:min(var(--byben-max),calc(100% - 48px))!important;
  max-width:var(--byben-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.byben-footer-grid,
.byben-footer-grid > .wp-block-column{
  min-width:0!important;
  max-width:100%!important;
}
.byben-footer,
.byben-footer p,
.byben-footer h3,
.byben-footer a,
.byben-footer .byben-footer-links{
  text-align:left!important;
}
.byben-footer a,
.byben-footer p{
  overflow-wrap:anywhere;
  word-break:normal;
}
.byben-footer .byben-footer-links a{
  width:auto!important;
  max-width:100%!important;
}

@media(max-width:781px){
  /* Header + navigation overlay: remove dependence on inherited WordPress
     constrained widths and keep the menu tied to the visual viewport. */
  .byben-header{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    top:0!important;
    position:sticky!important;
    z-index:100!important;
  }
  .byben-header-inner{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    min-width:0!important;
    min-height:60px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    gap:.75rem!important;
  }
  .byben-header-inner > *{min-width:0!important}
  .byben-header .byben-wordmark{
    min-width:0!important;
    max-width:calc(100vw - 92px)!important;
    flex:0 1 auto!important;
  }
  .byben-header .byben-wordmark-main{font-size:1.48rem!important}
  .byben-header .byben-wordmark-sub{
    max-width:100%!important;
    font-size:.42rem!important;
    letter-spacing:.145em!important;
    white-space:nowrap!important;
  }
  .byben-header .wp-block-navigation{
    flex:0 0 auto!important;
    min-width:0!important;
    margin-left:auto!important;
  }
  .byben-header .wp-block-navigation__responsive-container-open{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    padding:0!important;
    margin:0!important;
  }
  .byben-header .wp-block-navigation__responsive-container.is-menu-open{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:1rem 16px max(1.5rem,env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    z-index:1000!important;
  }
  .byben-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
  .byben-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog,
  .byben-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .byben-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
    padding-top:3.5rem!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .byben-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    align-items:flex-start!important;
  }
  .byben-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
  .byben-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .byben-header .wp-block-navigation__responsive-container-close{
    position:absolute!important;
    top:max(1rem,env(safe-area-inset-top))!important;
    right:16px!important;
    margin:0!important;
  }

  /* Hero remains a full-width block; only its inner content receives the
     standard 16px mobile page margin. This prevents full-alignment blocks
     from creating horizontal scrolling. */
  .byben-hero{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .byben-hero-inner{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    min-width:0!important;
    min-height:auto!important;
    padding-top:2.65rem!important;
    padding-bottom:2.2rem!important;
  }
  .byben-hero h1,
  .byben-hero-lead,
  .byben-hero .wp-block-buttons,
  .byben-proof{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .byben-hero h1{
    font-size:clamp(2.05rem,10vw,2.65rem)!important;
    overflow-wrap:normal;
  }
  .byben-proof{margin-top:1.55rem!important}

  /* Footer follows the same 16px mobile page margin on every page. */
  .byben-footer{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .byben-footer > .byben-footer-grid,
  .byben-footer > .wp-block-separator,
  .byben-footer > .has-small-font-size{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .byben-footer-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:1.35rem!important;
  }
  .byben-footer-grid > .wp-block-column,
  .byben-footer-grid > .wp-block-column:first-child{
    grid-column:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  .byben-footer .byben-wordmark{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .byben-footer .byben-wordmark-sub{white-space:normal!important}

  /* Pagination stays centred without forcing a horizontal page scroll. */
  .byben-insights-pagination{
    overflow:visible!important;
  }
  .byben-insights-pagination ul.page-numbers{
    gap:.4rem!important;
  }
  .byben-insights-pagination ul.page-numbers > li > a.page-numbers,
  .byben-insights-pagination ul.page-numbers > li > span.page-numbers{
    min-width:34px!important;
    width:34px!important;
    height:34px!important;
    min-height:34px!important;
    font-size:.78rem!important;
  }
  .byben-insights-pagination ul.page-numbers > li > a.prev,
  .byben-insights-pagination ul.page-numbers > li > a.next{
    width:auto!important;
    padding:0 .6rem!important;
  }
}

@media(max-width:390px){
  .byben-header .byben-wordmark-sub{font-size:.39rem!important;letter-spacing:.12em!important}
  .byben-insights-pagination ul.page-numbers > li > a.prev,
  .byben-insights-pagination ul.page-numbers > li > a.next{
    font-size:0!important;
    width:34px!important;
    padding:0!important;
  }
  .byben-insights-pagination ul.page-numbers > li > a.prev::before{content:'←';font-size:.9rem}
  .byben-insights-pagination ul.page-numbers > li > a.next::before{content:'→';font-size:.9rem}
}


/* ==========================================================
   v1.25 — collaboration sections
   - Diensten: collaboration content occupies one shared full row
     inside the existing 980px editorial grid.
   - Home: compact practical collaboration overview.
   Presentation only; no other page geometry is changed.
   ========================================================== */

/* Diensten: remove the collaboration section from automatic grid placement. */
body.byben-page-diensten .wp-block-post-content > .byben-collaboration-section{
  grid-column:1 / -1;
  width:100%;
  max-width:none!important;
  margin:2.4rem 0 0!important;
  padding:2.2rem 0 0;
  border-top:1px solid var(--byben-line);
  display:grid;
  grid-template-columns:minmax(225px,.78fr) minmax(0,1.42fr);
  column-gap:clamp(2.2rem,5vw,5.5rem);
  align-items:start;
}
body.byben-page-diensten .byben-collaboration-section > h2{
  grid-column:1;
  grid-row:1 / span 3;
  width:100%;
  max-width:none!important;
  margin:0!important;
  padding:0 1.2rem 0 0;
  border:0!important;
  font-size:1.22rem;
  line-height:1.24;
}
body.byben-page-diensten .byben-collaboration-section > p,
body.byben-page-diensten .byben-collaboration-section > ul{
  grid-column:2;
  width:100%;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.byben-page-diensten .byben-collaboration-section > p:first-of-type{
  margin-top:0!important;
  margin-bottom:.9rem!important;
  color:#45535E;
}
body.byben-page-diensten .byben-collaboration-section > ul{
  margin-top:.15rem!important;
  margin-bottom:1rem!important;
  padding-left:1.2rem;
}
body.byben-page-diensten .byben-collaboration-section > ul li{
  padding:.28rem 0 .55rem .2rem;
  line-height:1.58;
}
body.byben-page-diensten .byben-collaboration-section > p:last-child{
  margin-top:.15rem!important;
  margin-bottom:0!important;
  color:#53606A;
}

/* Homepage collaboration overview: editorial rather than catalogue-like. */
.byben-collaboration-home .byben-section-lead{
  max-width:790px;
  margin-bottom:0;
}
.byben-collaboration-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:2.2rem;
  border-top:1px solid #C8C1B4;
  border-bottom:1px solid #C8C1B4;
}
.byben-collaboration-item{
  min-height:168px;
  margin:0!important;
  padding:1.35rem 1.45rem 1.35rem 0;
  border-right:1px solid #D4CEC2;
  border-bottom:1px solid #D4CEC2;
}
.byben-collaboration-item:nth-child(3n+2),
.byben-collaboration-item:nth-child(3n+3){padding-left:1.45rem}
.byben-collaboration-item:nth-child(3n){border-right:0;padding-right:0}
.byben-collaboration-item:nth-child(n+4){border-bottom:0}
.byben-collaboration-item h3{
  margin:.05rem 0 .62rem!important;
  font-size:1rem;
  line-height:1.24;
  letter-spacing:-.018em;
}
.byben-collaboration-item p{
  max-width:320px;
  margin:0;
  color:#53606A;
  font-size:.82rem;
  line-height:1.58;
}
.byben-collaboration-link{
  margin:1.15rem 0 0!important;
}
.byben-collaboration-link a{
  color:#765322;
  font-size:.82rem;
  font-weight:650;
  text-decoration:none;
  border-bottom:1px solid rgba(118,83,34,.35);
  padding-bottom:.08rem;
}

@media(max-width:900px){
  .byben-collaboration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .byben-collaboration-item,
  .byben-collaboration-item:nth-child(3n+2),
  .byben-collaboration-item:nth-child(3n+3){
    padding:1.2rem 1.25rem;
    border-right:1px solid #D4CEC2;
    border-bottom:1px solid #D4CEC2;
  }
  .byben-collaboration-item:nth-child(odd){padding-left:0}
  .byben-collaboration-item:nth-child(even){border-right:0;padding-right:0}
  .byben-collaboration-item:nth-child(n+5){border-bottom:0}
}

@media(max-width:700px){
  body.byben-page-diensten .wp-block-post-content > .byben-collaboration-section{
    display:block;
    margin-top:1.9rem!important;
    padding-top:1.7rem;
  }
  body.byben-page-diensten .byben-collaboration-section > h2{
    padding:0;
    margin:0 0 .8rem!important;
    font-size:1.32rem;
  }
  body.byben-page-diensten .byben-collaboration-section > p,
  body.byben-page-diensten .byben-collaboration-section > ul{width:100%;max-width:none!important}
  .byben-collaboration-grid{grid-template-columns:1fr;margin-top:1.6rem}
  .byben-collaboration-item,
  .byben-collaboration-item:nth-child(3n+2),
  .byben-collaboration-item:nth-child(3n+3),
  .byben-collaboration-item:nth-child(odd),
  .byben-collaboration-item:nth-child(even){
    min-height:0;
    padding:1rem 0!important;
    border-right:0!important;
    border-bottom:1px solid #D4CEC2!important;
  }
  .byben-collaboration-item:last-child{border-bottom:0!important}
  .byben-collaboration-item p{max-width:none}
}


/* ==========================================================
   v1.26 — Inzet van BYBEN
   - Align homepage call-to-action with the section content axis.
   - Present the new Inzet page as an editorial engagement-format page.
   - Keep Diensten focused on the five subject-matter propositions.
   ========================================================== */

/* Explicitly keep the homepage link on the same constrained axis. */
.byben-collaboration-home > .byben-collaboration-link{
  box-sizing:border-box;
  width:min(var(--byben-max),calc(100% - 48px))!important;
  max-width:var(--byben-max)!important;
  margin:1.15rem auto 0!important;
  padding:0!important;
  text-align:left;
}

/* Diensten: compact bridge to the dedicated engagement-format page. */
body.byben-page-diensten .wp-block-post-content > .byben-inzet-bridge{
  grid-column:1 / -1;
  width:100%;
  max-width:none!important;
  margin:2.4rem 0 0!important;
  padding:2rem 0 0;
  border-top:1px solid var(--byben-line);
  display:grid;
  grid-template-columns:minmax(225px,.78fr) minmax(0,1.42fr);
  column-gap:clamp(2.2rem,5vw,5.5rem);
  align-items:start;
}
body.byben-page-diensten .byben-inzet-bridge > h2{
  width:100%;max-width:none!important;margin:0!important;padding:0 1.2rem 0 0!important;
  border:0!important;font-size:1.14rem;line-height:1.26;
}
body.byben-page-diensten .byben-inzet-bridge > p{
  width:100%;max-width:none!important;margin:0!important;color:#495660;line-height:1.62;
}
body.byben-page-diensten .byben-inzet-bridge > p a{
  display:block;width:max-content;max-width:100%;margin-top:.55rem;text-decoration:none;
  font-size:.78rem;letter-spacing:.005em;
}

/* Dedicated Inzet page. */
body.byben-page-inzet-van-byben .byben-page-shell > .wp-block-post-content{
  width:min(980px,calc(100% - 48px));
  max-width:980px!important;
}
body.byben-page-inzet-van-byben .wp-block-post-content > .byben-section-lead:first-child{
  max-width:820px;
}
body.byben-page-inzet-van-byben .wp-block-post-content > .byben-section-lead:first-child + p{
  max-width:820px;
  margin-top:0;
  color:#4D5962;
}
.byben-inzet-grid{
  width:100%;
  margin-top:2.25rem;
  border-top:1px solid var(--byben-line);
}
.byben-inzet-item{
  display:grid;
  grid-template-columns:minmax(225px,.78fr) minmax(0,1.42fr);
  column-gap:clamp(2.2rem,5vw,5.5rem);
  align-items:start;
  margin:0!important;
  padding:1.45rem 0;
  border-bottom:1px solid var(--byben-line);
}
.byben-inzet-item > h2{
  width:100%;max-width:none!important;margin:0!important;padding:0 1rem 0 0!important;
  border:0!important;font-size:1.06rem;line-height:1.28;
}
.byben-inzet-item > p{
  width:100%;max-width:none!important;margin:0!important;color:#495660;line-height:1.64;
}
.byben-inzet-closing{
  margin:2.5rem 0 0!important;
  padding:1.45rem 1.55rem!important;
  background:var(--byben-cream);
  border-left:3px solid var(--byben-gold);
}
.byben-inzet-closing > h2{
  margin:0 0 .65rem!important;padding:0!important;border:0!important;font-size:1.08rem;
}
.byben-inzet-closing > p{margin:0!important;max-width:820px;color:#35434D;line-height:1.62}
.byben-inzet-closing a{text-decoration:none;font-weight:650}

@media(max-width:700px){
  .byben-collaboration-home > .byben-collaboration-link{
    width:min(var(--byben-max),calc(100% - 32px))!important;
  }
  body.byben-page-diensten .wp-block-post-content > .byben-inzet-bridge{
    display:block;margin-top:1.9rem!important;padding-top:1.7rem;
  }
  body.byben-page-diensten .byben-inzet-bridge > h2{
    padding:0!important;margin:0 0 .75rem!important;font-size:1.32rem;
  }
  body.byben-page-inzet-van-byben .byben-page-shell > .wp-block-post-content{
    width:calc(100% - 32px);
  }
  .byben-inzet-grid{margin-top:1.7rem}
  .byben-inzet-item{display:block;padding:1.15rem 0}
  .byben-inzet-item > h2{padding:0!important;margin:0 0 .55rem!important;font-size:1.18rem}
  .byben-inzet-closing{margin-top:2rem!important;padding:1.25rem 1.15rem!important}
}

/* ==========================================================
   v1.27 — Homepage Over BYBEN editorial alignment
   - Removes the boxed/card treatment.
   - Gives the copy a wider readable measure.
   - Reduces the photo footprint while preserving the existing image.
   ========================================================== */
.byben-about-card{
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  min-height:330px!important;
  padding:2.35rem calc(34% + 3.2rem) 2.35rem 0!important;
  justify-content:center;
}
.byben-about-card::after{
  top:1.2rem!important;
  right:0!important;
  bottom:1.2rem!important;
  width:31.5%!important;
  height:auto!important;
  background-position:center 46%!important;
  box-shadow:none!important;
}
.byben-about-card>*{
  max-width:700px!important;
}
.byben-about-card .byben-section-lead{
  max-width:700px!important;
  font-size:1rem!important;
}
.byben-about-card>p:not(.byben-kicker){
  max-width:700px!important;
}

@media(max-width:900px){
  .byben-about-card{
    min-height:320px!important;
    padding:2.15rem calc(35% + 2.25rem) 2.15rem 0!important;
  }
  .byben-about-card::after{width:33%!important}
}

@media(max-width:700px){
  .byben-about-card{
    min-height:0!important;
    padding:0 0 16.8rem!important;
  }
  .byben-about-card::after{
    top:auto!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:14.8rem!important;
    background-position:center 43%!important;
  }
  .byben-about-card>*{max-width:none!important}
}

@media(max-width:480px){
  .byben-about-card{padding-bottom:14.7rem!important}
  .byben-about-card::after{height:12.8rem!important}
}


/* ==========================================================
   v1.28 — focused Over BYBEN image framing + menu simplification
   ========================================================== */
body.byben-over-page .byben-page-shell::before{
  width:min(1040px,calc(100% - 48px));
  aspect-ratio:1400 / 820;
  background-size:contain;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#e9e5dc;
}
@media(max-width:700px){
  body.byben-over-page .byben-page-shell::before{
    width:calc(100% - 32px);
    aspect-ratio:1400 / 820;
    background-size:contain;
    background-position:center center;
  }
}

/* v1.29 — release/version reporting normalization only; no visual changes. */

/* ==========================================================
   v1.30 — restrained layout polish
   - Shared 980px axis for Over BYBEN.
   - Calm, full-width closing blocks on grid-based core pages.
   - Editorial treatment for practice provenance and related Insights.
   - Consistent text-link finishing without changing content.
   ========================================================== */

/* Over BYBEN now lands on the same 980px content axis as the other core pages. */
body.byben-over-page .byben-page-shell > .byben-page-title,
body.byben-over-page .byben-page-shell > .wp-block-post-content{
  width:min(980px,calc(100% - 48px))!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}

/* Closing conversion blocks added by Site Core v1.21. On the grid-based pages,
   force the block to occupy the complete content row rather than one grid cell. */
body.byben-page-diensten .wp-block-post-content > .byben-page-closing,
body.byben-page-voor-wie .wp-block-post-content > .byben-page-closing{
  grid-column:1 / -1;
}
.byben-page-shell .byben-page-closing{
  width:100%;
  max-width:820px!important;
  margin:2.7rem 0 0!important;
  padding:1.45rem 1.55rem!important;
  background:var(--byben-cream);
  border-left:3px solid var(--byben-gold);
  box-sizing:border-box;
}
.byben-page-shell .byben-page-closing > h2{
  width:100%!important;
  max-width:none!important;
  margin:0 0 .55rem!important;
  padding:0!important;
  border:0!important;
  font-size:1.16rem!important;
  line-height:1.28!important;
}
.byben-page-shell .byben-page-closing > p{
  max-width:760px!important;
  margin:.3rem 0 0!important;
  padding:0!important;
  border:0!important;
  color:#45535D;
  line-height:1.62;
}

/* Related practice Insights on service pages read as a deliberate editorial
   bridge rather than another generic capability list. */
body.byben-service-page .wp-block-post-content > h2:last-of-type{
  max-width:920px!important;
  margin-top:3.1rem!important;
  padding-top:1.45rem!important;
}
body.byben-service-page .wp-block-post-content > h2:last-of-type + ul{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  max-width:920px!important;
  margin:1.05rem 0 1.35rem!important;
  padding:0!important;
  border-top:1px solid var(--byben-line)!important;
  border-bottom:1px solid var(--byben-line)!important;
  list-style:none!important;
}
body.byben-service-page .wp-block-post-content > h2:last-of-type + ul > li{
  min-width:0;
  margin:0!important;
  padding:1.05rem 1.2rem!important;
  border-right:1px solid var(--byben-line);
  border-bottom:0!important;
  line-height:1.45;
}
body.byben-service-page .wp-block-post-content > h2:last-of-type + ul > li:first-child{padding-left:0!important}
body.byben-service-page .wp-block-post-content > h2:last-of-type + ul > li:last-child{padding-right:0!important;border-right:0}
body.byben-service-page .wp-block-post-content > h2:last-of-type + ul > li::before{display:none!important}
body.byben-service-page .wp-block-post-content > h2:last-of-type + ul a{
  display:block;
  color:var(--byben-navy);
  font-size:.86rem;
  font-weight:650;
  line-height:1.48;
  text-decoration:none;
}
body.byben-service-page .wp-block-post-content > h2:last-of-type + ul a:hover{color:#765322}

/* Provenance of the Insight library: visible but subordinate to the articles. */
.byben-insights-origin{
  width:100%;
  max-width:820px;
  margin:0 0 1.55rem!important;
  padding:1.05rem 1.15rem;
  border-left:3px solid var(--byben-gold);
  background:#F7F3EA;
  box-sizing:border-box;
}
.byben-insights-origin p{
  margin:0!important;
  color:#45535D;
  font-size:.84rem!important;
  line-height:1.62!important;
}
.byben-insight-origin-note{
  max-width:720px!important;
  margin:2.8rem 0 0!important;
  padding:1.05rem 0 0!important;
  border-top:1px solid var(--byben-line);
  color:#59636B!important;
  font-size:.8rem!important;
  line-height:1.62!important;
}
.byben-insight-origin-note a{
  color:#765322!important;
  font-weight:650;
  text-decoration:none;
}

/* One understated text-link language across pages and articles. */
.byben-page-shell .byben-text-link,
.byben-article-shell .byben-text-link,
.byben-collaboration-link a{
  display:inline-block;
  color:#765322!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(118,83,34,.32);
  padding-bottom:.06rem;
}
.byben-page-shell .byben-text-link:hover,
.byben-article-shell .byben-text-link:hover,
.byben-collaboration-link a:hover{border-bottom-color:#765322}

@media(max-width:700px){
  body.byben-over-page .byben-page-shell > .byben-page-title,
  body.byben-over-page .byben-page-shell > .wp-block-post-content{
    width:calc(100% - 32px)!important;
    max-width:none!important;
  }
  .byben-page-shell .byben-page-closing{
    margin-top:2rem!important;
    padding:1.2rem 1.1rem!important;
  }
  body.byben-service-page .wp-block-post-content > h2:last-of-type + ul{
    grid-template-columns:1fr!important;
  }
  body.byben-service-page .wp-block-post-content > h2:last-of-type + ul > li,
  body.byben-service-page .wp-block-post-content > h2:last-of-type + ul > li:first-child,
  body.byben-service-page .wp-block-post-content > h2:last-of-type + ul > li:last-child{
    padding:.9rem 0!important;
    border-right:0!important;
    border-bottom:1px solid var(--byben-line)!important;
  }
  body.byben-service-page .wp-block-post-content > h2:last-of-type + ul > li:last-child{border-bottom:0!important}
  .byben-insights-origin{padding:.95rem 1rem;margin-bottom:1.35rem!important}
  .byben-insight-origin-note{margin-top:2.25rem!important}
}


/* ==========================================================
   v1.31 — final production polish
   - Navigation consistency in the footer.
   - Mobile-safe contact form controls (prevents iOS focus zoom).
   - Calmer closing rhythm on Inzet van BYBEN.
   - No changes to header, hero, mobile menu or scroll behaviour.
   ========================================================== */

/* Inzet: keep the personal-involvement note and final service link on the
   same readable measure as the introduction and closing panel. */
body.byben-page-inzet-van-byben .byben-inzet-grid + p{
  max-width:820px!important;
  margin:1.7rem 0 0!important;
  color:#4D5962;
  line-height:1.64;
}
body.byben-page-inzet-van-byben .byben-inzet-closing + p{
  max-width:820px!important;
  margin:1rem 0 0!important;
  font-size:.84rem;
}

/* Contact: maintain a deliberate visual hierarchy into the form action. */
body.byben-page-contact .byben-contact-form .byben-form-submit{
  min-width:150px;
}

@media(max-width:700px){
  /* Safari on iOS zooms focused form controls below 16px. */
  body.byben-page-contact .byben-contact-form input[type="text"],
  body.byben-page-contact .byben-contact-form input[type="email"],
  body.byben-page-contact .byben-contact-form input[type="tel"],
  body.byben-page-contact .byben-contact-form textarea{
    font-size:16px!important;
  }
  body.byben-page-inzet-van-byben .byben-inzet-grid + p{
    margin-top:1.35rem!important;
  }
}

@media(max-width:480px){
  body.byben-page-contact .byben-contact-form .byben-form-submit{
    display:block;
    width:100%;
    min-width:0;
    text-align:center;
  }
}

/* ==========================================================
   v1.32 — readability, alignment, legal identity and reference polish
   ========================================================== */
body{font-size:16.25px!important;line-height:1.66}
p,li{font-weight:400}
strong,b{font-weight:650}
.byben-page-shell>.wp-block-post-content li{line-height:1.62}
.byben-page-shell>.wp-block-post-content>p,
body.byben-service-page .wp-block-post-content>p{font-size:1rem}
.byben-insight-card .wp-block-post-excerpt,
.byben-insight-excerpt{font-size:.9rem!important;line-height:1.62!important}
.byben-collaboration-item p{font-size:.9rem!important;line-height:1.6!important}
.byben-inzet-item>p{font-size:.98rem}
.byben-footer p{font-size:.88rem!important}
.byben-footer .byben-footer-links a{font-size:.86rem!important}

.byben-kicker{font-size:.79rem!important;line-height:1.25!important;letter-spacing:.16em!important;font-weight:620!important}
body.byben-page-diensten .byben-page-title:before,
body.byben-page-voor-wie .byben-page-title:before,
body.byben-page-werkwijze .byben-page-title:before,
body.byben-page-over-byben .byben-page-title:before,
body.byben-page-contact .byben-page-title:before,
body.byben-page-boardroom-governance .byben-page-title:before,
body.byben-page-executive-advisory-leadership .byben-page-title:before,
body.byben-page-strategie-transformatie-herstel .byben-page-title:before,
body.byben-page-bedrijfsvoering-organisatie .byben-page-title:before,
body.byben-page-digitalisering-ai .byben-page-title:before,
body.byben-page-ervaring-referenties .byben-page-title:before{font-size:.76rem!important;line-height:1.2!important;letter-spacing:.16em!important;font-weight:620!important}
body.byben-page-ervaring-referenties .byben-page-title:before{content:"Ervaring & referenties";display:block;margin:0 0 .72rem;color:var(--byben-gold);text-transform:uppercase}

.byben-wordmark-sub{font-size:.61rem!important;font-weight:560!important;letter-spacing:.155em!important}
.byben-footer .byben-wordmark-sub{font-size:.58rem!important;font-weight:540!important}

@media(min-width:782px){.byben-hero .byben-kicker{width:625px!important;max-width:625px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;text-align:left}}
@media(min-width:782px) and (max-width:960px){.byben-hero .byben-kicker{width:min(625px,100%)!important;max-width:625px!important}}

.byben-audience .wp-block-column{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding-left:1.2rem!important;padding-right:1.2rem!important}
.byben-audience .wp-block-column:first-child{padding-left:1.2rem!important}
.byben-audience .wp-block-column:last-child{padding-right:1.2rem!important}
.byben-audience h3{width:100%;text-align:center!important}

body.byben-page-diensten .wp-block-post-content>.byben-inzet-bridge{border-top:0!important;padding-top:1.65rem!important}

body.byben-page-voor-wie .wp-block-post-content>.byben-audience-summary{grid-column:1 / -1!important;width:100%!important;max-width:820px!important;margin:2.1rem 0 .4rem!important;padding:1.2rem 1.35rem!important;background:var(--byben-cream);border-left:3px solid var(--byben-gold);box-sizing:border-box}
body.byben-page-voor-wie .byben-audience-summary p{margin:0!important;max-width:780px!important;color:#35434D}

body.byben-page-werkwijze .wp-block-post-content>p:not(.byben-section-lead){grid-column:2!important;width:100%!important;max-width:none!important}
body.byben-page-werkwijze .wp-block-post-content>h2 + p{font-size:1rem}

body.byben-over-page .byben-page-shell::before{width:min(840px,calc(100% - 48px))!important;max-width:840px!important}

body.byben-page-ervaring-referenties .byben-page-shell>.wp-block-post-content{width:min(980px,calc(100% - 48px))!important;max-width:980px!important}
.byben-reference-intro{max-width:820px!important}
.byben-reference-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:2rem 0 2.6rem!important;border-top:1px solid var(--byben-line);border-bottom:1px solid var(--byben-line)}
.byben-reference-fact{margin:0!important;padding:1.15rem 1.2rem!important;border-right:1px solid var(--byben-line)}
.byben-reference-fact:last-child{border-right:0}
.byben-reference-fact strong{display:block;font-size:1.12rem;color:var(--byben-navy);margin-bottom:.25rem}
.byben-reference-fact span{display:block;font-size:.88rem;line-height:1.5;color:#52606A}
.byben-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:1.35rem 0 2.4rem!important}
.byben-reference-group{margin:0!important;padding:1.35rem 1.45rem!important;border-top:3px solid var(--byben-gold);background:var(--byben-cream)}
.byben-reference-group h3{margin:.05rem 0 .8rem!important;font-size:1.05rem!important}
.byben-reference-group h4{margin:1.1rem 0 .35rem!important;font-size:.91rem!important}
.byben-reference-group ul{columns:2;column-gap:1.4rem;margin:.45rem 0 0!important;padding-left:1.1rem!important}
.byben-reference-group li{break-inside:avoid;padding:.14rem 0!important;font-size:.9rem;line-height:1.5!important}
.byben-reference-note{max-width:820px;color:#58636B;font-size:.9rem;line-height:1.62}

.byben-insight-card:before{display:none!important;content:none!important}
.byben-insight-query .wp-block-post-template{counter-reset:none!important}
.byben-insight-card{counter-increment:none!important}
.byben-insight-reference{margin:0 0 .8rem!important;color:#8A692F!important;font-size:.72rem!important;line-height:1.1!important;font-weight:620!important;letter-spacing:.12em!important;text-transform:uppercase}
.byben-article-shell .byben-insight-reference{max-width:720px;margin:0 0 1rem!important}

.byben-footer-legal-line{width:min(var(--byben-max),calc(100% - 48px));max-width:var(--byben-max);margin:.85rem auto 0!important;color:rgba(255,255,255,.66);font-size:.78rem!important;line-height:1.55!important}
.byben-footer .byben-legal-nowrap{white-space:nowrap!important}
.byben-footer .byben-footer-copyright{white-space:nowrap}

@media(max-width:900px){.byben-reference-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.byben-reference-fact:nth-child(2){border-right:0}.byben-reference-fact:nth-child(-n+2){border-bottom:1px solid var(--byben-line)}}
@media(max-width:700px){
  body{font-size:16px!important;line-height:1.64}
  .byben-header .byben-wordmark-sub{font-size:.49rem!important;font-weight:540!important;letter-spacing:.135em!important}
  .byben-footer .byben-wordmark-sub{font-size:.5rem!important}
  .byben-hero .byben-kicker{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;text-align:left!important}
  body.byben-page-voor-wie .wp-block-post-content>.byben-audience-summary{margin-top:1.4rem!important;padding:1.05rem 1rem!important}
  body.byben-page-werkwijze .wp-block-post-content>p:not(.byben-section-lead){width:100%!important;max-width:none!important}
  body.byben-over-page .byben-page-shell::before{width:calc(100% - 32px)!important;max-width:none!important}
  body.byben-page-ervaring-referenties .byben-page-shell>.wp-block-post-content{width:calc(100% - 32px)!important;max-width:none!important}
  .byben-reference-facts{grid-template-columns:1fr}
  .byben-reference-fact,.byben-reference-fact:nth-child(2){border-right:0;border-bottom:1px solid var(--byben-line)}
  .byben-reference-fact:last-child{border-bottom:0}
  .byben-reference-grid{grid-template-columns:1fr}
  .byben-reference-group ul{columns:1}
  .byben-footer-legal-line{width:calc(100% - 32px);max-width:none}
}

/* Final readability exceptions for components that had more-specific legacy rules. */
.byben-insight-card .byben-kicker{font-size:.73rem!important;font-weight:620!important;line-height:1.25!important}
.byben-insights-origin p{font-size:.92rem!important;line-height:1.64!important}
.byben-insight-origin-note{font-size:.88rem!important;line-height:1.64!important}
.byben-footer h3{font-size:.78rem!important;font-weight:620!important}
.byben-contact-form label{font-size:.85rem!important;font-weight:620!important}
.byben-form-notice{font-size:.9rem!important}
.byben-collaboration-link a{font-size:.88rem!important;font-weight:620!important}
body.byben-page-diensten .byben-inzet-bridge>p a{font-size:.86rem!important}


/* ==========================================================
   v1.33 — Contact alignment correction
   - Aligns the left contact panel heading with the first form row on desktop.
   - Resets the alignment offset when the columns stack on mobile.
   - Contact page only; no other layout changes.
   ========================================================== */

@media(min-width:701px){
  body.byben-page-contact .byben-contact-layout>.wp-block-column:last-child{
    padding-top:1.65rem;
  }
}

@media(max-width:700px){
  body.byben-page-contact .byben-contact-layout>.wp-block-column:last-child{
    padding-top:0;
  }
}

/* ==========================================================
   v1.34 — Contact panel top alignment
   The v1.33 correction aligned the inner heading by pushing the
   form down. The intended alignment is the visible panel itself:
   the gold top edge of the left contact panel and the first form
   row on the right share the same column start.
   ========================================================== */
@media(min-width:701px){
  body.byben-page-contact .byben-contact-layout>.wp-block-column:last-child{
    padding-top:0!important;
  }
  body.byben-page-contact .byben-contact-layout>.wp-block-column:first-child{
    margin-top:0!important;
  }
  body.byben-page-contact .byben-contact-form{
    margin-top:0!important;
  }
}

/* ==========================================================
   v1.35 — Contact form first-row field alignment
   WordPress form markup wraps each field in a <p>. A legacy
   :first-of-type rule removed the top margin only from the Name
   field, leaving E-mailadres .75rem lower. Normalize all fields
   inside the two-column form grid so paired labels/inputs share
   the exact same baseline and row start.
   ========================================================== */
body.byben-page-contact .byben-contact-form .byben-form-grid > p{
  margin-top:0!important;
}

/* v1.36 Gutenberg editor repair: keep editable reference fact copy visually unchanged. */
.byben-reference-fact > p{margin:0!important}


/* ==========================================================
   v1.37 — Homepage Over BYBEN final geometry correction
   - Wider editorial copy measure; removes inherited narrow-column feel.
   - Reduces the dead space between copy and portrait.
   - Aligns portrait top with the copy block.
   - Shows the complete portrait instead of cover-cropping it.
   - Homepage component only.
   ========================================================== */
@media(min-width:901px){
  .byben-about-card{
    min-height:0!important;
    padding:2.35rem 36% 2.35rem 0!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
  }
  .byben-about-card::after{
    top:2.35rem!important;
    right:0!important;
    bottom:2.35rem!important;
    left:auto!important;
    width:30.5%!important;
    height:auto!important;
    background-color:transparent!important;
    background-image:url('../images/byben-ben-desk-v106.jpg')!important;
    background-repeat:no-repeat!important;
    background-size:contain!important;
    background-position:center top!important;
  }
  .byben-about-card>*{
    width:100%!important;
    max-width:760px!important;
  }
  .byben-about-card h2,
  .byben-about-card .byben-section-lead,
  .byben-about-card>p:not(.byben-kicker){
    width:100%!important;
    max-width:760px!important;
  }
}

@media(min-width:701px) and (max-width:900px){
  .byben-about-card{
    min-height:0!important;
    padding:2.15rem 38% 2.15rem 0!important;
    justify-content:flex-start!important;
  }
  .byben-about-card::after{
    top:2.15rem!important;
    right:0!important;
    bottom:2.15rem!important;
    width:33%!important;
    height:auto!important;
    background-size:contain!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    background-color:transparent!important;
  }
  .byben-about-card>*{
    width:100%!important;
    max-width:640px!important;
  }
  .byben-about-card h2,
  .byben-about-card .byben-section-lead,
  .byben-about-card>p:not(.byben-kicker){
    width:100%!important;
    max-width:640px!important;
  }
}


/* ==========================================================
   v1.38 — Homepage Over BYBEN: true two-column layout
   Replaces all previous desktop geometry for this section.
   ========================================================== */
@media (min-width: 901px) {
  .byben-about-card{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important;
    column-gap:4.5rem!important;
    align-items:start!important;
    min-height:0!important;
    padding:2.6rem 0!important;
  }

  .byben-about-card > *{
    grid-column:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  .byben-about-card h2{
    max-width:680px!important;
  }

  .byben-about-card .byben-section-lead,
  .byben-about-card > p:not(.byben-kicker){
    max-width:700px!important;
  }

  .byben-about-card::after{
    content:""!important;
    position:relative!important;
    inset:auto!important;
    grid-column:2!important;
    grid-row:1 / span 8!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:520px!important;
    align-self:start!important;
    background-image:url('../images/byben-ben-desk-v106.jpg')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:cover!important;
    background-color:transparent!important;
  }
}

@media (min-width: 1200px) {
  .byben-about-card{
    grid-template-columns:minmax(0,1fr) minmax(500px,.95fr)!important;
    column-gap:5.5rem!important;
  }

  .byben-about-card::after{
    min-height:560px!important;
  }
}

@media (min-width: 701px) and (max-width: 900px) {
  .byben-about-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)!important;
    column-gap:2.5rem!important;
    align-items:start!important;
    min-height:0!important;
    padding:2.2rem 0!important;
  }

  .byben-about-card > *{
    grid-column:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  .byben-about-card::after{
    content:""!important;
    position:relative!important;
    inset:auto!important;
    grid-column:2!important;
    grid-row:1 / span 8!important;
    width:100%!important;
    min-height:420px!important;
    background-image:url('../images/byben-ben-desk-v106.jpg')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:cover!important;
    background-color:transparent!important;
  }
}