.topic-diagram{margin:42px 0;background:#dff5ec;border-radius:18px;padding:30px;overflow:hidden}.topic-diagram figcaption{font:600 27px/1.2 Barlow,sans-serif;margin-bottom:24px;color:#132e40}.topic-diagram>div{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.topic-piece{padding:20px 16px;background:white;border-radius:12px;border-top:4px solid #4285f4;position:relative}.topic-piece:nth-child(2){border-color:#fbbc05}.topic-piece:nth-child(3){border-color:#34a853}.topic-piece>span{display:grid;place-items:center;background:#edf3ff;color:#1967d2;border-radius:50%;width:30px;height:30px;font-size:13px;margin-bottom:20px}.topic-piece strong{font:600 21px/1.15 Barlow,sans-serif;display:block}.topic-piece p{font-size:15px;line-height:1.55;margin:12px 0 0}.diagram-17{background:#fff0cb}.diagram-17>div{grid-template-columns:1fr}.diagram-17 .topic-piece{display:grid;grid-template-columns:38px 1fr;gap:0 15px;border-top:0;border-left:4px solid #4285f4}.diagram-17 .topic-piece:nth-child(2){margin-left:20px;border-color:#fbbc05}.diagram-17 .topic-piece:nth-child(3){margin-left:40px;border-color:#34a853}.diagram-17 .topic-piece>span{grid-row:1/3;margin:0}.diagram-17 .topic-piece>p{grid-column:2;margin-top:7px}.diagram-19{background:#e3edff}.topic-diagram.kb-enter .topic-piece{animation:piece-arrive .6s both}.topic-diagram.kb-enter .topic-piece:nth-child(2){animation-delay:.13s}.topic-diagram.kb-enter .topic-piece:nth-child(3){animation-delay:.26s}
.working-checklist{background:#fff;padding:30px;border:1px solid #c8ddcf;border-radius:15px}.check-status{font:600 24px Barlow,sans-serif;margin-bottom:15px!important}.check-track{height:7px;background:#dcece2;border-radius:5px;overflow:hidden;margin-bottom:22px}.check-track>span{width:0;display:block;height:100%;background:#18854b;transition:width .3s}.check-items label{display:flex;align-items:flex-start;gap:13px;padding:14px 0;border-bottom:1px solid #e0eae4;cursor:pointer;font-size:17px;line-height:1.5}.check-items input{flex-shrink:0;width:21px;height:21px;margin:3px 0 0;accent-color:#18854b;cursor:pointer}.check-items input:checked+span{color:#36604b}.check-storage{font-size:14px!important;color:#526d74;line-height:1.5;margin-top:20px}.check-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.check-actions .button{font-size:15px}.check-reset{font:inherit;font-size:15px;color:#385761;background:none;border:0;padding:9px 0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.route-hero{background:#dff5ec;padding:38px 0 65px;overflow:hidden}.route-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:65px;align-items:center}.route-hero h1{font-size:clamp(2.8rem,4.2vw,4.3rem)}.route-hero h1 span{color:#1967d2;font-weight:400}.route-hero p:not(.eyebrow){font-size:20px;color:#385761;max-width:650px;margin:25px 0}.route-compass{position:relative;padding:10px 0 10px 30px;display:grid;gap:15px}.route-compass:before{content:'';position:absolute;left:48px;top:20px;bottom:20px;border-left:2px dashed #6cbaa0}.route-compass>span{position:relative;background:#fff;border:1px solid #bfd9ce;border-radius:12px;padding:15px 22px;box-shadow:5px 7px 0 #173d4a08;font:600 23px Barlow,sans-serif;animation:piece-arrive .7s both}.route-compass>span:nth-child(2){margin-left:25px;border-left:5px solid #fbbc05;animation-delay:.1s}.route-compass>span:nth-child(3){margin-left:50px;border-left:5px solid #ea4335;animation-delay:.2s}.route-compass>span:nth-child(4){margin-left:25px;border-left:5px solid #34a853;animation-delay:.3s}.route-compass>span:nth-child(5){background:#173d4a;color:#fff;animation-delay:.4s}.reading-route{padding-block:60px 75px;scroll-margin-top:120px}.route-heading{margin-bottom:35px}.route-heading h2{font-size:2.7rem}.route-row{display:grid;grid-template-columns:65px 1fr 300px;align-items:center;gap:30px;padding:28px;background:#fff;border:1px solid #d1e1d7;border-radius:17px;margin-bottom:22px;text-decoration:none;transition:transform .25s,box-shadow .25s}.route-row:nth-of-type(even){background:#fff4dd}.route-number{font:500 40px Barlow,sans-serif;color:#1967d2;align-self:start}.route-row img{width:100%;height:200px;object-fit:cover;object-position:center 35%;border-radius:12px}.route-copy .eyebrow{display:block;color:#1967d2;font-size:12px;margin-bottom:12px}.route-copy h3{font-size:1.9rem;line-height:1.2;margin-bottom:12px}.route-copy p{color:#526d74;margin:0 0 16px;font-size:17px}.route-row:hover{transform:translateY(-4px);box-shadow:0 15px 30px #132e4010}.route-related{background:#173d4a;color:#fff;padding:60px 0}.route-related>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:65px}.route-related h2{font-size:2.6rem;max-width:440px}.route-related .eyebrow{color:#adddc6}.route-related a{display:block;color:#fff;padding:17px 0;border-bottom:1px solid #ffffff30;text-decoration:none}.route-related a:hover{text-decoration:underline}
@media(max-width:1000px){.route-row{grid-template-columns:45px 1fr 230px;gap:20px}.route-hero-grid{gap:30px}.topic-diagram{padding:25px}.topic-piece{padding:17px 12px}.topic-piece strong{font-size:19px}}
@media(max-width:700px){.topic-diagram>div{grid-template-columns:1fr}.topic-piece{padding:20px}.topic-piece>span{margin-bottom:12px}.diagram-17 .topic-piece:nth-child(2){margin-left:10px}.diagram-17 .topic-piece:nth-child(3){margin-left:20px}.topic-diagram figcaption{font-size:24px}.working-checklist{padding:22px}.check-items label{font-size:16px}.check-actions{gap:12px}.check-actions .button{padding:14px 16px;font-size:14px}.route-hero-grid{grid-template-columns:1fr;gap:30px}.route-hero h1{font-size:2.7rem}.route-hero p:not(.eyebrow){font-size:18px}.route-compass{max-width:390px;width:100%;padding-left:0;margin:0 auto}.route-compass>span{font-size:21px;padding:12px 20px}.route-hero{padding:25px 0 40px}.route-row{grid-template-columns:35px 1fr;padding:22px;gap:14px}.route-row img{grid-column:1/3;height:200px;grid-row:1}.route-number{font-size:28px}.route-copy h3{font-size:1.65rem}.route-copy .eyebrow{margin-bottom:9px}.route-copy p{font-size:16px}.route-related>.wrap{grid-template-columns:1fr;gap:25px}.route-related h2,.route-heading h2{font-size:2.2rem}.reading-route{padding-block:40px}.route-related{padding-block:40px}}
@media(prefers-reduced-motion:reduce){.topic-diagram *,.route-compass>span{animation:none!important}.check-track>span,.route-row{transition:none}}
.website-route-hero{background:#fff0d7}.website-route-hero .route-compass>span:nth-child(1){border-left:5px solid #4285f4}.diagram-34{background:#e3edff}.diagram-34 .topic-piece{border-radius:14px 14px 4px 4px;padding-top:24px}.diagram-34 .topic-piece>span{border-radius:8px;background:#1967d2;color:#fff}.diagram-34 .topic-piece:nth-child(2)>span{background:#fbbc05;color:#132e40}.diagram-34 .topic-piece:nth-child(3)>span{background:#18854b;color:#fff}.diagram-35{background:#fff0cb}.diagram-35>div{grid-template-columns:1fr}.diagram-35 .topic-piece{display:grid;grid-template-columns:35px 1fr;gap:0 17px;border-top:0;border-left:4px solid #4285f4}.diagram-35 .topic-piece>span{grid-row:1/3;margin:0}.diagram-35 .topic-piece p{grid-column:2;margin-top:8px}.diagram-35 .topic-piece:nth-child(2){margin-left:20px;border-color:#fbbc05}.diagram-35 .topic-piece:nth-child(3){margin-left:40px;border-color:#34a853}
@media(max-width:700px){.diagram-35 .topic-piece:nth-child(2){margin-left:8px}.diagram-35 .topic-piece:nth-child(3){margin-left:16px}}

/* Werkgebied en vestigingen: twee eigen inhoudelijke vergelijkingen. */
.diagram-25{background:#112f3c;color:#fff;position:relative;overflow:hidden}
.diagram-25>div{display:grid;grid-template-columns:1fr;gap:14px}
.diagram-25 .topic-piece{display:grid;grid-template-columns:46px 1fr;gap:4px 16px;background:#1c4250;border:1px solid #45616a;border-left:4px solid #4285f4;color:#fff;position:relative}
.diagram-25 .topic-piece:nth-child(2){border-left-color:#fbbc05}
.diagram-25 .topic-piece:nth-child(3){border-left-color:#34a853}
.diagram-25 .topic-piece p{grid-column:2;color:#d1e9e5}
.diagram-25 .topic-piece span{grid-row:span 2;align-self:center;color:#9dd8cd}
.diagram-25 .topic-piece strong{color:white}
.diagram-26{background:#fff0d6}
.diagram-26>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.diagram-26 .topic-piece{border-top:4px solid #4285f4;position:relative;background:white}
.diagram-26 .topic-piece:nth-child(2){border-color:#ea4335}
.diagram-26 .topic-piece:last-child{grid-column:1/-1;background:#d9f3eb;border-color:#34a853}
.diagram-25.kb-enter .topic-piece,.diagram-26.kb-enter .topic-piece{animation:location-settle .8s both}
.diagram-25.kb-enter .topic-piece:nth-child(2),.diagram-26.kb-enter .topic-piece:nth-child(2){animation-delay:.16s}
.diagram-25.kb-enter .topic-piece:nth-child(3),.diagram-26.kb-enter .topic-piece:nth-child(3){animation-delay:.32s}
@keyframes location-settle{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:560px){.diagram-26>div{grid-template-columns:1fr}.diagram-25 .topic-piece{grid-template-columns:30px 1fr;gap:4px 10px}}
@media(prefers-reduced-motion:reduce){.diagram-25 .topic-piece,.diagram-26 .topic-piece{animation:none!important}}

/* Herstelroute en reviewkeuze: proces en afweging herkenbaar onderscheiden. */
.diagram-25 figcaption{color:#fff}.diagram-25 .topic-piece span{background:#d9f3eb;color:#164d41}
.diagram-27{background:#112f3c}.diagram-27 figcaption{color:#fff}
.diagram-27>div{grid-template-columns:1fr;gap:18px;border-left:2px dashed #7caea8;padding-left:22px;margin-left:14px}
.diagram-27 .topic-piece{border-top:0;border-left:5px solid #4285f4;display:grid;grid-template-columns:38px 1fr;gap:4px 15px}
.diagram-27 .topic-piece:nth-child(2){border-left-color:#fbbc05}.diagram-27 .topic-piece:nth-child(3){border-left-color:#34a853}
.diagram-27 .topic-piece span{grid-row:span 2;margin:0;align-self:center}.diagram-27 .topic-piece p{grid-column:2;margin:0}
.diagram-31{background:#e5efff}.diagram-31 .topic-piece{border-radius:16px 16px 16px 3px;box-shadow:0 7px 0 #cedff5}
.diagram-31 .topic-piece:nth-child(2){background:#fff0d7}.diagram-31 .topic-piece:nth-child(3){background:#d9f3eb}
@media(max-width:560px){.diagram-27>div{padding-left:12px;margin-left:0}.diagram-27 .topic-piece{grid-template-columns:28px 1fr;gap:6px 10px}.diagram-31>div{grid-template-columns:1fr}}