/* .189 | Cases use the existing public-employer sidebar shell and quiet editorial rhythm.
 * Scoped to the cases routes. The employer hub navigation and shared assets stay untouched.
 */
html:has(body.wbf-cases-public){margin:0!important;padding:0!important;background:#f6f8fb}
body.wbf-cases-public{margin:0!important;--wbf-ep-gutter:clamp(18px,3.5vw,44px);background:#f6f8fb!important;color:#1f2a44}
body.wbf-cases-public .wbf-case-app{min-height:100vh;background:#f6f8fb}
body.wbf-cases-public .wbf-case-app__content{width:100%;min-height:100vh;background:#f6f8fb;overflow:clip}
body.wbf-cases-public .wbf-case-container{width:min(1160px,calc(100% - 72px));max-width:1160px;margin-inline:auto;padding-inline:0}
body.wbf-cases-public .wbf-case-app__content :where(h1,h2,h3,h4){color:#1f2a44}
body.wbf-cases-public .wbf-portal-scrim[hidden]{display:none!important}
body.wbf-cases-public .wbf-case-siteheader{display:none!important}
body.wbf-cases-public .wbf-case-footer{background:#fff}
/* Case hero: employer identity, result proof and media are one composition. */
body.wbf-cases-public .wbf-case-detailhero{background:#f5f7fa!important;padding:22px 0 58px!important;border-bottom:1px solid #e2e7ef!important}
body.wbf-cases-public .wbf-case-detailhero .wbf-case-crumb{margin-bottom:26px!important;color:#7b8799!important}
body.wbf-cases-public .wbf-case-detailhero__grid{display:grid!important;grid-template-columns:minmax(0,1.22fr) minmax(238px,.78fr)!important;gap:clamp(24px,4.5vw,74px)!important;align-items:center!important}
body.wbf-cases-public .wbf-case-detailhero__copy{padding:0!important;min-width:0!important}
body.wbf-cases-public .wbf-case-detailhero__eyebrow{margin-bottom:17px;color:#8794a7}
body.wbf-cases-public .wbf-case-detailhero__identityrow{display:flex;align-items:center;gap:15px;min-width:0;margin-bottom:16px}
body.wbf-cases-public .wbf-case-detailhero__identity{display:flex;align-items:center;justify-content:center;flex:0 0 64px;width:64px;height:64px;min-height:64px;max-width:64px;max-height:64px;border:1px solid #e3e8ef;border-radius:12px;background:#fff;margin:0!important;padding:6px!important}
body.wbf-cases-public .wbf-case-detailhero__identity img{width:100%;height:100%;max-width:52px;max-height:52px;object-fit:contain;object-position:center}
body.wbf-cases-public .wbf-case-detailhero__identitylabel{display:block;color:#718098;letter-spacing:.08em;font-size:10px;font-weight:850;margin-bottom:6px}
body.wbf-cases-public .wbf-case-detailhero h1{margin:0!important;max-width:none!important;font-size:clamp(29px,3vw,47px)!important;line-height:1.08!important;letter-spacing:-.048em!important;overflow-wrap:normal!important;word-break:normal!important}
body.wbf-cases-public .wbf-case-detailhero__copy>p{margin:0 0 22px!important;max-width:570px!important;font-size:clamp(15px,1.15vw,17px)!important;line-height:1.7!important;color:#52627b!important}
body.wbf-cases-public .wbf-case-hero-results{margin:0 0 17px!important;padding:16px 0 0!important;max-width:600px;border-top:1px solid #dce3ed}
body.wbf-cases-public .wbf-case-hero-results__row{display:flex;gap:0;align-items:center;margin-top:8px}
body.wbf-cases-public .wbf-case-hero-results__item{flex:0 1 auto;min-width:125px;padding:3px 22px 3px 0}
body.wbf-cases-public .wbf-case-hero-results__item+.wbf-case-hero-results__item{border-left:1px solid #dbe2ec;padding-left:22px}
body.wbf-cases-public .wbf-case-hero-results__item strong{font-size:clamp(29px,2.4vw,39px);line-height:1.05}
body.wbf-cases-public .wbf-case-hero-results__item span{font-size:12px;margin-top:3px}
body.wbf-cases-public .wbf-case-detailhero__link{display:inline-flex;margin:1px 0 0;padding:10px 14px;border:1px solid #1f2a44;border-radius:10px;background:#1f2a44;color:white;text-decoration:none;font-size:12px;font-weight:800;min-height:40px;gap:16px;align-items:center}
body.wbf-cases-public .wbf-case-detailhero__link:hover{background:#172138;color:#fff}
body.wbf-cases-public .wbf-case-detailhero__visual{width:min(100%,354px)!important;justify-self:center!important;min-height:0!important;border:0!important;box-shadow:none!important;border-radius:16px!important;overflow:hidden!important;aspect-ratio:9/13!important;background:#e6ecf3!important}
body.wbf-cases-public .wbf-case-detailhero__visual--video{width:min(100%,310px)!important;aspect-ratio:9/15.2!important;background:transparent!important}
body.wbf-cases-public .wbf-case-detailhero__video-stage{min-height:0!important;height:100%!important;padding:0!important;background:transparent!important}
body.wbf-cases-public .wbf-case-detailhero__video-stage video{display:block!important;width:100%!important;height:100%!important;max-height:none!important;max-width:none!important;aspect-ratio:9/16!important;border-radius:14px!important;box-shadow:0 16px 36px rgba(31,42,68,.13)!important;background:#111827!important}
body.wbf-cases-public .wbf-case-detailhero__image{height:100%;width:100%;object-fit:cover}
body.wbf-cases-public .wbf-case-detailhero__graphic{min-height:0;height:100%;padding:28px}
/* One editorial storyline below the hero. */
body.wbf-cases-public .wbf-case-feature{padding:64px 0!important;background:#fff}
body.wbf-cases-public .wbf-case-section--jobs{padding:65px 0 76px!important;background:#f6f8fb!important}
body.wbf-cases-public .wbf-case-section--jobs .wbf-case-section__heading{margin-bottom:25px!important}
body.wbf-cases-public .wbf-case-section__heading h2{font-size:clamp(26px,3vw,38px)!important}
body.wbf-cases-public .wbf-case-strategy{margin-top:44px!important}
body.wbf-cases-public .wbf-case-section--video,body.wbf-cases-public .wbf-case-section--photos,body.wbf-cases-public .wbf-case-section--review{background:#fff;padding:50px 0!important}
body.wbf-cases-public .wbf-case-cta{background:#fff!important;border-top:1px solid #e3e8ef!important}
body.wbf-cases-public .wbf-case-cta__inner{padding-top:54px!important;padding-bottom:54px!important}
body.wbf-cases-public .wbf-case-back{background:#f6f8fb}
/* Archive index shares the same sidebar and sensible content width, not a separate site header. */
body.wbf-cases-public .wbf-case-hero--index{background:#f4f6f9;padding:28px 0 68px!important}
body.wbf-cases-public .wbf-case-hero--index .wbf-case-crumb{margin-bottom:38px!important}
body.wbf-cases-public .wbf-case-hero h1{font-size:clamp(32px,4vw,58px)!important}
body.wbf-cases-public .wbf-case-list{gap:16px}
body.wbf-cases-public .wbf-case-card{box-shadow:none!important}
@media(max-width:1100px){
 body.wbf-cases-public .wbf-case-container{width:min(1060px,calc(100% - 56px))}
 body.wbf-cases-public .wbf-case-detailhero__grid{grid-template-columns:minmax(0,1fr) minmax(210px,.68fr)!important;gap:28px!important}
 body.wbf-cases-public .wbf-case-detailhero h1{font-size:clamp(28px,3.2vw,39px)!important}
}
@media(max-width:900px){
 body.wbf-cases-public{padding-left:0!important;padding-top:58px!important}
 body.wbf-cases-public .wbf-case-app__content{min-width:0}
 body.wbf-cases-public .wbf-case-detailhero__grid{grid-template-columns:minmax(0,1.1fr) minmax(185px,.7fr)!important}
 body.wbf-cases-public .wbf-case-detailhero__visual--video{max-width:240px!important}
 body.wbf-cases-public .wbf-case-detailhero h1{font-size:clamp(27px,3.5vw,37px)!important}
}
@media(max-width:680px){
 body.wbf-cases-public .wbf-case-container{width:calc(100% - 36px)}
 body.wbf-cases-public .wbf-case-detailhero{padding:20px 0 38px!important}
 body.wbf-cases-public .wbf-case-detailhero .wbf-case-crumb{margin-bottom:25px!important}
 body.wbf-cases-public .wbf-case-detailhero__grid{grid-template-columns:1fr!important;gap:27px!important}
 body.wbf-cases-public .wbf-case-detailhero__identityrow{gap:12px}
 body.wbf-cases-public .wbf-case-detailhero__identity{flex-basis:50px;width:50px;height:50px;min-height:50px;max-height:50px}
 body.wbf-cases-public .wbf-case-detailhero__identity img{max-width:39px;max-height:39px}
 body.wbf-cases-public .wbf-case-detailhero h1{font-size:clamp(27px,7vw,38px)!important}
 body.wbf-cases-public .wbf-case-detailhero__copy>p{font-size:15px!important}
 body.wbf-cases-public .wbf-case-detailhero__visual--video{width:min(100%,250px)!important;max-width:250px!important;aspect-ratio:9/15.5!important}
 body.wbf-cases-public .wbf-case-detailhero__visual{width:min(100%,360px)!important;aspect-ratio:4/3!important}
 body.wbf-cases-public .wbf-case-hero-results__item{min-width:0;flex:1 1 0;padding:2px 10px 2px 0!important}
 body.wbf-cases-public .wbf-case-hero-results__item+.wbf-case-hero-results__item{padding-left:12px!important}
 body.wbf-cases-public .wbf-case-hero-results__item strong{font-size:30px}
 body.wbf-cases-public .wbf-case-section--jobs{padding:49px 0 60px!important}
 body.wbf-cases-public .wbf-case-feature{padding:49px 0!important}
 body.wbf-cases-public .wbf-case-section__heading{gap:12px}
}
/* Refinement: the vertical video is a deliberate companion, never a giant blank canvas. */
@media(min-width:901px){
 body.wbf-cases-public .wbf-case-detailhero__visual--video{width:min(100%,264px)!important;aspect-ratio:9/15.6!important}
 body.wbf-cases-public .wbf-case-detailhero{padding-bottom:42px!important}
}

/* .190 | Typografie herstel, uitsluitend op openbare casepagina's.
 * De globale werkgeverssidebar wordt niet aangepast.
 * Archivo Black is op een standalone casepagina expliciet geladen in de head.
 */
body.wbf-cases-public .wbf-case-app .wbf-employer-portal-sidebar .wbf-portal-navitem,
body.wbf-cases-public .wbf-case-app .wbf-employer-portal-sidebar .wbf-portal-utility .wbf-portal-navitem{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-weight:600!important;
}
body.wbf-cases-public .wbf-case-detailhero h1,
body.wbf-cases-public .wbf-case-section__heading h2,
body.wbf-cases-public .wbf-case-hero h1{
  font-family:"Archivo Black","Arial Black",Inter,Arial,sans-serif!important;
  font-weight:400!important;
  font-synthesis:weight;
}