#integrale-bouwmatrix-v4{font-family:Arial,Helvetica,sans-serif;color:var(--foreground);max-width:1100px;margin:auto}
#integrale-bouwmatrix-v4 *{box-sizing:border-box}
#integrale-bouwmatrix-v4 .im-top{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
#integrale-bouwmatrix-v4 h2{margin:0 0 4px}
#integrale-bouwmatrix-v4 .im-sub{color:var(--muted-foreground);margin:0}
#integrale-bouwmatrix-v4 .im-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
#integrale-bouwmatrix-v4 .im-controls label{display:grid;gap:5px;min-width:260px}
#integrale-bouwmatrix-v4 .im-flow{display:flex;gap:4px;overflow-x:auto;padding:5px 0 12px;scrollbar-width:thin}
#integrale-bouwmatrix-v4 .im-flow button{font:inherit;background:transparent;color:var(--foreground);border:0;border-bottom:3px solid var(--border);padding:8px 10px;white-space:nowrap;cursor:pointer}
#integrale-bouwmatrix-v4 .im-flow button[aria-pressed=true]{border-color:var(--orange);color:var(--foreground);font-weight:500}
#integrale-bouwmatrix-v4 .im-flow button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
#integrale-bouwmatrix-v4 .im-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted-foreground);margin:2px 0 12px}
#integrale-bouwmatrix-v4 .im-human-note{border-left:4px solid var(--green);padding:8px 12px;margin:0 0 12px;background:color-mix(in srgb,var(--green) 9%,transparent)}
#integrale-bouwmatrix-v4 .im-scroll{max-height:590px;overflow:auto;scrollbar-width:thin}
#integrale-bouwmatrix-v4 table{width:100%;min-width:735px;border-collapse:collapse}
#integrale-bouwmatrix-v4 th{position:sticky;top:0;background:var(--card);color:var(--card-foreground);text-align:left;border-bottom:2px solid var(--border);padding:10px;z-index:2}
#integrale-bouwmatrix-v4 td{padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:top}
#integrale-bouwmatrix-v4 tr.im-stage td{background:var(--secondary);color:var(--secondary-foreground);font-weight:500;position:sticky;top:40px;z-index:1}
#integrale-bouwmatrix-v4 tr.im-task{cursor:pointer}
#integrale-bouwmatrix-v4 tr.im-task:hover,#integrale-bouwmatrix-v4 tr.im-task:focus-within{background:var(--accent);color:var(--accent-foreground)}
#integrale-bouwmatrix-v4 tr.im-task[aria-selected=true]{background:color-mix(in srgb,var(--orange) 12%,transparent)}
#integrale-bouwmatrix-v4 .im-taskbtn{font:inherit;color:inherit;background:transparent;border:0;padding:0;text-align:left;cursor:pointer;font-weight:500}
#integrale-bouwmatrix-v4 .im-taskbtn:focus-visible{outline:2px solid var(--ring)}
#integrale-bouwmatrix-v4 .im-roles{display:block;color:var(--muted-foreground);margin-top:3px}
#integrale-bouwmatrix-v4 .im-human{color:var(--foreground);background:color-mix(in srgb,var(--green) 8%,transparent)}
#integrale-bouwmatrix-v4 .im-level{white-space:nowrap}
#integrale-bouwmatrix-v4 .im-badge{display:inline-block;background:var(--secondary);color:var(--secondary-foreground);padding:3px 7px;border-radius:4px}
#integrale-bouwmatrix-v4 .im-custom{color:var(--muted-foreground)}
#integrale-bouwmatrix-v4 .im-detail{border-left:4px solid var(--orange);padding:10px 14px;margin-top:12px;background:var(--card);color:var(--card-foreground)}
#integrale-bouwmatrix-v4 .im-detail h3{margin:0 0 5px}
#integrale-bouwmatrix-v4 .im-detail p{margin:5px 0}
#integrale-bouwmatrix-v4 .im-caveat{color:var(--muted-foreground);margin:11px 0 0}
@media(max-width:700px){#integrale-bouwmatrix-v4 .im-controls,#integrale-bouwmatrix-v4 .im-controls label{width:100%}#integrale-bouwmatrix-v4 table{min-width:0}#integrale-bouwmatrix-v4 thead{display:none}#integrale-bouwmatrix-v4 tr.im-stage td{position:static}#integrale-bouwmatrix-v4 tr.im-task{display:grid;grid-template-columns:1fr auto;gap:4px;border-bottom:1px solid var(--border);padding:9px 0}#integrale-bouwmatrix-v4 tr.im-task td{border:0;padding:2px 6px}#integrale-bouwmatrix-v4 tr.im-task td:first-child,#integrale-bouwmatrix-v4 tr.im-task td:nth-child(2){grid-column:1/-1}#integrale-bouwmatrix-v4 tr.im-task .im-roles{display:none}#integrale-bouwmatrix-v4 tr.im-task td:nth-child(2):before{content:'Mens: ';font-weight:500}#integrale-bouwmatrix-v4 tr.im-task td:nth-child(3):before{content:'AI: ';font-weight:500}#integrale-bouwmatrix-v4 tr.im-task td:nth-child(4):before{content:'Maatwerk: ';font-weight:500}}
#integrale-bouwmatrix-v4{--im-navy:#10233f;--im-orange:#f07823;--im-ink:#14263b;--im-muted:#52687c;--im-line:#dbe4ed;--im-green:#345c43;max-width:none;margin:0;background:#f6f9fc;color:var(--im-ink);border:1px solid var(--im-line);border-radius:14px;overflow:hidden}
#integrale-bouwmatrix-v4 .im-hero{padding:24px;background:linear-gradient(135deg,#10233f,#214d73);color:#fff}
#integrale-bouwmatrix-v4 .im-kicker{color:#ffab66;text-transform:uppercase;letter-spacing:.12em;margin:0 0 7px;font-weight:500}
#integrale-bouwmatrix-v4 .im-hero h1{margin:0;color:#fff}
#integrale-bouwmatrix-v4 .im-hero .im-sub{color:#e5eef6;margin:7px 0 18px}
#integrale-bouwmatrix-v4 .im-body{padding:20px 22px 24px}
#integrale-bouwmatrix-v4 .im-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;overflow:visible;padding:0}
#integrale-bouwmatrix-v4 .im-flow button{white-space:normal;display:flex;align-items:center;gap:9px;text-align:left;min-height:62px;padding:9px 10px;background:#ffffff17;color:#fff;border:1px solid #ffffff38;border-radius:7px;line-height:1.2}
#integrale-bouwmatrix-v4 .im-flow button[aria-pressed=true]{background:#fff;color:#10233f;border-color:#fff;box-shadow:inset 0 -4px var(--im-orange)}
#integrale-bouwmatrix-v4 .im-flow button:hover{background:#ffffff30}
#integrale-bouwmatrix-v4 .im-flow button[aria-pressed=true]:hover{background:#fff}
#integrale-bouwmatrix-v4 .im-flow .im-tileicon{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#ffffff1c;color:#ffab66}
#integrale-bouwmatrix-v4 .im-flow button[aria-pressed=true] .im-tileicon{background:#fff0e4;color:#a5480d}
#integrale-bouwmatrix-v4 .im-flow svg{width:19px;height:19px}
#integrale-bouwmatrix-v4 .im-flow .im-tiletext{display:grid;gap:2px}
#integrale-bouwmatrix-v4 .im-flow small{color:#d1e0ed}
#integrale-bouwmatrix-v4 .im-flow button[aria-pressed=true] small{color:#52687c}
#integrale-bouwmatrix-v4 .im-controls{margin-bottom:11px}
#integrale-bouwmatrix-v4 .im-controls label{min-width:270px;color:var(--im-ink)}
#integrale-bouwmatrix-v4 .im-controls select{border:1px solid #adc0d0;border-radius:6px;padding:9px 32px 9px 10px;background:#fff;color:var(--im-ink);font:inherit}
#integrale-bouwmatrix-v4 .im-meta{margin:0 0 11px;color:var(--im-muted)}
#integrale-bouwmatrix-v4 .im-legend{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 13px}
#integrale-bouwmatrix-v4 .im-legend span{background:#fff;border:1px solid var(--im-line);border-radius:99px;padding:5px 9px;display:inline-flex;align-items:center;gap:5px}
#integrale-bouwmatrix-v4 .im-mark{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:5px;color:#fff;font-weight:500}
#integrale-bouwmatrix-v4 .im-mark.a{background:#447394}#integrale-bouwmatrix-v4 .im-mark.e{background:#238184}#integrale-bouwmatrix-v4 .im-mark.v{background:#d36b18}#integrale-bouwmatrix-v4 .im-mark.m{background:#74539a}#integrale-bouwmatrix-v4 .im-mark.h{background:#445b49}
#integrale-bouwmatrix-v4 .im-human-note{background:#e8f2ea;border:1px solid #bad4c0;border-left:5px solid var(--im-green);border-radius:7px;color:#264432;margin:0 0 13px}
#integrale-bouwmatrix-v4 .im-scroll{max-height:635px;overflow:auto;background:#fff;border:1px solid var(--im-line);border-radius:9px}
#integrale-bouwmatrix-v4 table{min-width:790px}
#integrale-bouwmatrix-v4 th{background:#e9f0f6;color:#223e56;border-bottom:2px solid #9eb6c9;text-align:center;padding:9px 7px}
#integrale-bouwmatrix-v4 th:first-child,#integrale-bouwmatrix-v4 th:nth-child(2){text-align:left}
#integrale-bouwmatrix-v4 td{padding:9px 8px;border-bottom:1px solid #e5ebf0;vertical-align:middle}
#integrale-bouwmatrix-v4 tr.im-stage td{background:#f5f8fb;color:#9a4b0d;position:sticky;top:39px;text-transform:uppercase;letter-spacing:.05em}
#integrale-bouwmatrix-v4 tr.im-task:hover{background:#f1f7fb;color:var(--im-ink)}
#integrale-bouwmatrix-v4 tr.im-task[aria-selected=true]{background:#fff7ef}
#integrale-bouwmatrix-v4 .im-human{background:#f0f7f1;color:#264432}
#integrale-bouwmatrix-v4 .im-human-inner{display:flex;gap:7px;align-items:center}
#integrale-bouwmatrix-v4 .im-center{text-align:center}
#integrale-bouwmatrix-v4 .im-taskbtn{color:var(--im-ink)}
#integrale-bouwmatrix-v4 .im-roles{color:#647a8d}
#integrale-bouwmatrix-v4 .im-detail{background:#fff;color:var(--im-ink);border:1px solid var(--im-line);border-left:5px solid var(--im-orange);border-radius:7px;padding:15px 18px}
#integrale-bouwmatrix-v4 .im-caveat{color:var(--im-muted)}
@media(max-width:720px){#integrale-bouwmatrix-v4 .im-hero{padding:20px 16px}#integrale-bouwmatrix-v4 .im-body{padding:15px}#integrale-bouwmatrix-v4 .im-flow{grid-template-columns:repeat(2,minmax(0,1fr))}#integrale-bouwmatrix-v4 .im-flow button{min-height:56px}#integrale-bouwmatrix-v4 table{min-width:0}#integrale-bouwmatrix-v4 thead{display:none}#integrale-bouwmatrix-v4 tr.im-stage td{position:static}#integrale-bouwmatrix-v4 tr.im-task{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px}#integrale-bouwmatrix-v4 tr.im-task td{border:0;padding:5px}#integrale-bouwmatrix-v4 tr.im-task td:first-child,#integrale-bouwmatrix-v4 tr.im-task td:nth-child(2){grid-column:1/-1}#integrale-bouwmatrix-v4 tr.im-task td:nth-child(2):before,#integrale-bouwmatrix-v4 tr.im-task td:nth-child(3):before,#integrale-bouwmatrix-v4 tr.im-task td:nth-child(4):before{content:none}#integrale-bouwmatrix-v4 .im-center{display:grid;justify-items:center;gap:3px}#integrale-bouwmatrix-v4 .im-center:before{color:var(--im-muted)}#integrale-bouwmatrix-v4 .im-center:nth-child(3):before{content:'AI-hulp'}#integrale-bouwmatrix-v4 .im-center:nth-child(4):before{content:'Eenvoudig'}#integrale-bouwmatrix-v4 .im-center:nth-child(5):before{content:'Volledig'}#integrale-bouwmatrix-v4 .im-center:nth-child(6):before{content:'Maatwerk'}}
#integrale-bouwmatrix-v4 .im-path-note{margin:0 0 12px;color:#405a70;line-height:1.45}
#integrale-bouwmatrix-v4 .im-connect{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:4px;background:#f0eaf7;color:#60417e}
#integrale-bouwmatrix-v4 table{min-width:760px}
#integrale-bouwmatrix-v4 th:nth-child(2),#integrale-bouwmatrix-v4 th:nth-child(3),#integrale-bouwmatrix-v4 th:nth-child(4){text-align:center}
#integrale-bouwmatrix-v4 .im-human{background:#f0f7f1;color:#264432}
#integrale-bouwmatrix-v4 tr.im-stage td{top:39px}
@media(max-width:720px){#integrale-bouwmatrix-v4 table{min-width:0}#integrale-bouwmatrix-v4 tr.im-task{grid-template-columns:repeat(3,minmax(0,1fr))}#integrale-bouwmatrix-v4 tr.im-task td:first-child,#integrale-bouwmatrix-v4 tr.im-task td:nth-child(5){grid-column:1/-1}#integrale-bouwmatrix-v4 tr.im-task td:nth-child(2),#integrale-bouwmatrix-v4 tr.im-task td:nth-child(3),#integrale-bouwmatrix-v4 tr.im-task td:nth-child(4){grid-column:auto}#integrale-bouwmatrix-v4 tr.im-task td:nth-child(2):before,#integrale-bouwmatrix-v4 tr.im-task td:nth-child(3):before,#integrale-bouwmatrix-v4 tr.im-task td:nth-child(4):before{content:none}#integrale-bouwmatrix-v4 tr.im-task td:nth-child(5):before{content:'Menselijke rol';display:block;color:#264432;margin-bottom:5px;font-weight:500}#integrale-bouwmatrix-v4 .im-center:nth-child(2):before{content:'Zelf met AI'}#integrale-bouwmatrix-v4 .im-center:nth-child(3):before{content:'Auto. voorwerk'}#integrale-bouwmatrix-v4 .im-center:nth-child(4):before{content:'Auto. afhandelen'}}
@media(max-width:720px){#integrale-bouwmatrix-v4 tr.im-task td.im-center:nth-child(2):before{content:'Zelf met AI';font-size:12px}#integrale-bouwmatrix-v4 tr.im-task td.im-center:nth-child(3):before{content:'Auto. voorwerk';font-size:12px}#integrale-bouwmatrix-v4 tr.im-task td.im-center:nth-child(4):before{content:'Auto. afronden';font-size:12px}}
#integrale-bouwmatrix-v4{font-size:1rem;line-height:1.45}
#integrale-bouwmatrix-v4 .im-hero h1{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.12;letter-spacing:-.025em}
#integrale-bouwmatrix-v4 .im-phase-mobile{display:none}
.matrix-shell{padding:112px 0 64px}
#integrale-bouwmatrix-v4 .im-explain{display:none}
@media(max-width:720px){.matrix-shell{padding:88px 0 44px}#integrale-bouwmatrix-v4 .im-flow button:not([data-phase="all"]):not([data-phase="Dagelijks werk"]){display:none}#integrale-bouwmatrix-v4 .im-phase-mobile{display:grid}#integrale-bouwmatrix-v4 .im-controls{display:grid;grid-template-columns:1fr;gap:10px}#integrale-bouwmatrix-v4 .im-controls label{min-width:0}#integrale-bouwmatrix-v4 .im-meta{margin:0}#integrale-bouwmatrix-v4 .im-hero{padding:16px}#integrale-bouwmatrix-v4 .im-hero .im-sub{margin:5px 0 12px}#integrale-bouwmatrix-v4 .im-legend,#integrale-bouwmatrix-v4 .im-path-note,#integrale-bouwmatrix-v4 .im-human-note{display:none}#integrale-bouwmatrix-v4 .im-explain{display:block;margin:8px 0 12px;background:#fff;border:1px solid var(--im-line);border-radius:6px;padding:8px 10px}#integrale-bouwmatrix-v4 .im-explain summary{cursor:pointer;font-weight:700}#integrale-bouwmatrix-v4 .im-explain p{margin:8px 0 0}#integrale-bouwmatrix-v4 tr.im-task td.im-center:nth-child(2):before,#integrale-bouwmatrix-v4 tr.im-task td.im-center:nth-child(3):before,#integrale-bouwmatrix-v4 tr.im-task td.im-center:nth-child(4):before{font-size:.82rem}}
.matrix-intro{padding:54px 0 12px}
.matrix-intro .site-wrap{max-width:1140px}
.matrix-intro h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:0 0 12px}
.matrix-intro p:last-child{max-width:800px;color:#405b73;font-size:1.06rem;margin:0}
.matrix-shell{padding-top:28px;scroll-margin-top:16px}
#integrale-bouwmatrix-v4 .im-hero h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.12;letter-spacing:-.025em;margin:0;color:#fff}
@media(max-width:720px){.matrix-intro{padding:32px 0 6px}.matrix-intro p:last-child{font-size:1rem}.matrix-shell{padding-top:18px}}
/* K staat alleen in de matrix als een zichtbare taak een koppeling of maatwerk vraagt. */
#integrale-bouwmatrix-v4 .im-k-head[hidden]{display:none}
#integrale-bouwmatrix-v4 .im-k{background:#f7f2fa}
#integrale-bouwmatrix-v4 .im-k-mobile{display:none}
@media(max-width:720px){
  #integrale-bouwmatrix-v4 .im-legend{display:flex;margin:0 0 12px}
  #integrale-bouwmatrix-v4 .im-legend span{font-size:.82rem}
  #integrale-bouwmatrix-v4.im-has-k tr.im-task td.im-k{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f7f2fa;border-radius:5px}
  #integrale-bouwmatrix-v4.im-has-k tr.im-task td.im-k[data-required="false"]{display:none}
  #integrale-bouwmatrix-v4.im-has-k tr.im-task td.im-k:before{content:none}
  #integrale-bouwmatrix-v4.im-has-k tr.im-task td.im-k .im-k-mobile{display:inline;color:#60417e;font-size:.88rem}
  #integrale-bouwmatrix-v4.im-has-k tr.im-task td:nth-child(6){grid-column:1/-1}
  #integrale-bouwmatrix-v4.im-has-k tr.im-task td:nth-child(6):before{content:'Menselijke rol';display:block;color:#264432;margin-bottom:5px;font-weight:500}
}