: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;
  }
}