/* .183: redactionele, verticale secties direct op de pagina; geen dashboardkaarten. */
.wbf-case-jobs{max-width:1120px}
.wbf-case-vacancy{max-width:940px}
.wbf-case-strategy{margin:46px 0 14px;max-width:1120px;color:#1f2a44}
.wbf-case-strategy__heading{max-width:900px;margin:0 0 12px;padding:0 0 10px}
.wbf-case-strategy__heading h3{font:900 clamp(30px,3.3vw,42px)/1.16 'Archivo Black',Inter,sans-serif;letter-spacing:-.042em;color:#1f2a44;margin:10px 0 12px}
.wbf-case-strategy__heading p{font-size:16px;line-height:1.8;color:#607087;max-width:720px;margin:0}
.wbf-case-strategy__sections{display:block}
.wbf-case-strategycard{display:block;min-width:0;max-width:1120px;padding:41px 0 45px;margin:0;background:transparent!important;border:0!important;border-bottom:1px solid #dce4ed!important;border-radius:0!important;box-shadow:none!important}
.wbf-case-strategycard:last-child{border-bottom:0!important}
.wbf-case-strategycard h4{font:900 clamp(22px,2.7vw,32px)/1.19 'Archivo Black',Inter,sans-serif;color:#1f2a44;letter-spacing:-.035em;margin:9px 0 22px}
.wbf-case-strategycard__text{font:400 16px/1.88 Inter,'Segoe UI',sans-serif;color:#516079;max-width:810px;margin:20px 0 0}
.wbf-case-strategycard__text p:last-child{margin-bottom:0}
.wbf-case-strategycard--solution .wbf-case-strategycard__text{margin-top:0;font-size:17px;line-height:1.9}
.wbf-case-map{display:block;width:100%;max-width:1120px}
.wbf-case-map__art{position:relative;display:block;overflow:hidden;width:100%;height:420px;min-height:420px;padding:0!important;background:#eaf0f7;border:1px solid #dce3eb;border-radius:12px;isolation:isolate}
.wbf-case-map__loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#506079;font-size:14px;text-align:center;padding:20px;background:linear-gradient(145deg,#eef3f9,#dfe9f4)}
.wbf-case-map__loading a{color:#1f2a44;text-underline-offset:3px;font-weight:800}
.wbf-case-map__art.is-loaded .wbf-case-map__loading{display:none}
.wbf-case-map__art .leaflet-container{height:100%;width:100%;background:#eaf0f7;font:13px Inter,Arial,sans-serif}
.wbf-case-map__art .leaflet-control-attribution{font-size:10px}
.wbf-case-map__art .leaflet-control-zoom{border:0;box-shadow:0 3px 14px rgba(18,32,55,.14)}
.wbf-case-map__art .leaflet-control-zoom a{color:#1f2a44}
.wbf-case-map__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:16px 0 0}
.wbf-case-map__meta>div{display:flex;flex-direction:column;gap:3px}
.wbf-case-map__meta strong{font:800 16px/1.3 Inter,Arial,sans-serif;color:#1f2a44}
.wbf-case-map__meta span{font-size:13px;color:#67768c}
.wbf-case-map__meta-note{font-size:12px!important}
.wbf-case-difficulty{max-width:1000px;display:block;margin:12px 0 16px}
.wbf-case-difficulty__bar{height:17px;overflow:hidden;border-radius:999px;background:#e5eaf1;box-shadow:inset 0 1px 2px rgba(18,32,55,.07)}
.wbf-case-difficulty__bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(to right,#319e68,#9dbb53 30%,#f59e0b 59%,#ee8b43 78%,#d95454 100%)}
.wbf-case-difficulty__meta{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin:13px 0 0}
.wbf-case-difficulty__meta strong{font:850 17px Inter,Arial,sans-serif;color:#1f2a44}
.wbf-case-difficulty__meta span{font:800 13px Inter,Arial,sans-serif;color:#687791}
.wbf-case-tiplist{max-width:860px;list-style:none;padding:0;margin:0;display:grid;gap:0}
.wbf-case-tiplist li{position:relative;margin:0;padding:16px 0 16px 24px;border-bottom:1px solid #e2e8ef;color:#4b5b74;font-size:16px;line-height:1.75}
.wbf-case-tiplist li:last-child{border-bottom:0}
.wbf-case-tiplist li::before{content:'';position:absolute;top:28px;left:0;width:8px;height:8px;border-radius:50%;background:#f59e0b}
@media(max-width:720px){
 .wbf-case-strategy{margin-top:36px}
 .wbf-case-strategycard{padding:30px 0 34px}
 .wbf-case-map__art{height:330px;min-height:330px}
 .wbf-case-strategycard__text,.wbf-case-tiplist li{font-size:15px}
 .wbf-case-strategy__heading h3{font-size:30px}
 .wbf-case-strategycard h4{font-size:24px}
 .wbf-case-map__meta{align-items:flex-start;flex-direction:column;gap:8px}
}
@media(max-width:480px){.wbf-case-map__art{height:290px;min-height:290px}.wbf-case-strategy__heading h3{font-size:27px}}
/* De kleur verwijst naar het GEHELE moeilijkheidsspectrum; het grijze stuk maskeert het nog niet gevulde deel. */
.wbf-case-difficulty__bar{position:relative;background:linear-gradient(to right,#319e68 0%,#9dbb53 30%,#f59e0b 59%,#ee8b43 78%,#d95454 100%)}
.wbf-case-difficulty__bar::after{content:'';position:absolute;top:0;bottom:0;right:0;width:calc(100% - var(--wbf-progress,50%));background:#e5eaf1}
.wbf-case-difficulty__bar span{display:none}

/* .184: Google Maps direct in iframe; geen losse Leaflet/OSM-tegels of laad-overlay. */
.wbf-case-map--google .wbf-case-map__art{background:#e8eef5;isolation:auto;padding:0!important;overflow:hidden;border-radius:12px;border:1px solid #dce3eb}
.wbf-case-map--google .wbf-case-map__iframe{display:block;width:100%;height:100%;min-height:420px;border:0;margin:0;background:#e8eef5}
.wbf-case-map__external{color:#1f2a44!important;font-size:13px;font-weight:750;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.wbf-case-map--google .wbf-case-map__meta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:16px}
@media(max-width:720px){.wbf-case-map--google .wbf-case-map__iframe{min-height:330px}}
@media(max-width:480px){.wbf-case-map--google .wbf-case-map__iframe{min-height:290px}.wbf-case-map__external{white-space:normal}}