.project-content{max-width:1600px}.project-content h1{font-size:clamp(2rem,3.3vw,3.3rem);max-width:920px;line-height:1.1}.project-content .page-subtitle{max-width:800px;font-size:1rem;line-height:1.6;margin-top:18px}.project-decision{display:grid;grid-template-columns:1.5fr 1fr;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:28px 0}.project-decision>div{padding:30px}.project-decision h2{font-size:1.6rem;margin:12px 0 16px;line-height:1.3;max-width:640px}.project-decision p{font-size:1rem;color:var(--muted)}.project-decision-side{background:#e3f0ea;border-left:1px solid #cee0d7}.project-decision-side ul{padding-left:20px;margin:20px 0;line-height:1.7;font-size:1rem}.project-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.project-summary-grid article{background:white;border:1px solid var(--line);border-radius:9px;padding:25px;display:flex;flex-direction:column;gap:16px}.project-summary-grid article>span{font-size:.875rem;color:var(--green)}.project-summary-grid h2{font-size:1.2rem}.project-summary-grid p{font-size:1rem;color:var(--muted)}.project-summary-grid button{margin-top:auto;padding:6px 0;text-align:left;color:var(--green);font-weight:600;font-size:.875rem}.project-caption{font-size:.875rem;color:var(--muted);line-height:1.6}.project-layout .sidebar .layer-switch button span{font-size:.8rem}.project-layout .sidebar .layer-switch button b{font-size:.875rem}@media(max-width:900px){.project-decision{grid-template-columns:1fr}.project-decision-side{border-left:0;border-top:1px solid #cee0d7}.project-summary-grid{grid-template-columns:1fr}.project-decision>div{padding:24px}.project-content h1{max-width:100%}}
/* Navigation by purpose; reporting layers appear only inside the dashboard. */
.purpose-nav{display:flex;flex-direction:column;gap:5px;margin:22px 0;padding-bottom:20px;border-bottom:1px solid #ffffff26}.purpose-nav button{text-align:left;padding:11px 13px;border-radius:6px;font-size:14px;line-height:1.4;color:#e1f0e9}.purpose-nav button:hover{background:#ffffff12}.purpose-nav button[aria-current=page]{background:#ffffff1c;color:white;font-weight:700;border-left:3px solid #9bdfb2}.compact-layer-switch{margin-top:-8px}.compact-layer-switch button{min-width:0}.compact-layer-switch button span{font-size:12px}.project-content p{line-height:1.65}.project-content h2{font-size:1.35rem;line-height:1.35}.project-content h3{font-size:1rem;line-height:1.45}.project-content button,.project-content input,.project-content select{font-size:14px}.project-content .eyebrow{font-size:12px;letter-spacing:.08em}.project-content .page-head{gap:20px}.project-content .page-head>button{align-self:flex-start;flex-shrink:0}.project-panel{border:1px solid var(--line);background:#fff;border-radius:10px;padding:25px;margin:22px 0;min-width:0}.project-panel h2{margin-bottom:16px}.project-panel>p{margin:12px 0;color:var(--muted)}.project-two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.project-two-col>.project-panel{margin:0 0 22px}.project-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.project-actions button{white-space:normal;text-align:left}.project-list{padding-left:20px;margin:18px 0;font-size:15px;line-height:1.6}.project-list li{padding-left:3px;margin:12px 0}.project-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 14px}.project-stat{border:1px solid var(--line);border-radius:9px;background:white;padding:23px;display:flex;flex-direction:column;gap:13px;min-width:0}.project-stat>span{font-size:13px;color:var(--muted);font-weight:600}.project-stat>strong{font-size:1.6rem;line-height:1.25;letter-spacing:-.035em}.project-stat p{font-size:14px;color:var(--muted)}.project-risk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-risk-grid strong{font-size:15px}.project-risk-grid p{font-size:14px;color:var(--muted);margin-top:12px}.project-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;background:#eaf1ed;border:1px solid #d5e2da;border-radius:10px;padding:22px}.project-controls label,.audit-controls label,.capacity-grid label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:14px}.project-controls input,.project-controls select,.audit-controls select,.capacity-grid input{background:white;border:1px solid #b8c9c0;padding:10px 12px;border-radius:6px;color:var(--ink);width:100%;min-height:42px}.project-controls>div{align-self:end;display:flex;flex-direction:column;gap:9px;align-items:flex-start}.project-controls small,.capacity-grid small{display:block;font-size:12px;color:var(--muted);font-weight:400}.project-plan-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}.project-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.project-panel-head h2{margin-bottom:0}.project-timeline{padding:24px 20px}.timeline-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:26px 4px 12px}.timeline-row{display:flex;flex-direction:column;width:100%;gap:10px;text-align:left;padding:15px 12px;border:1px solid transparent;border-top-color:var(--line);border-radius:5px}.timeline-row:hover{background:#f4f8f5}.timeline-row.selected{background:#e8f3ed;border-color:#afcfbc}.timeline-label{display:grid;grid-template-columns:38px 1fr;gap:5px 8px;align-items:baseline;width:100%}.timeline-label>b{font-size:12px;color:var(--green)}.timeline-label>span{font-weight:600;font-size:14px;line-height:1.4}.timeline-label small{grid-column:2;font-size:12px;color:var(--muted)}.timeline-track{position:relative;height:10px;border-radius:3px;background:#f0f4f1;display:block;width:100%;overflow:hidden}.timeline-bar{position:absolute;height:10px;background:var(--green);border-radius:3px;min-width:3px}.observation .timeline-bar{background:#c18b31}.timeline-blocked{font-size:10px;color:#91621c;position:absolute;line-height:10px}.timeline-legend{display:flex;gap:18px;font-size:12px;color:var(--muted);flex-wrap:wrap;margin-top:22px}.timeline-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--green);margin-right:5px}.timeline-legend i.observation{background:#c18b31}.milestone-detail{border-top:3px solid var(--green)}.milestone-detail h2{margin:12px 0}.milestone-date{display:block;color:var(--green);font-size:1.25rem;margin-bottom:18px}.project-kv{display:grid;grid-template-columns:1fr 1.4fr;gap:12px 20px;font-size:14px;line-height:1.5;margin:22px 0}.project-kv dt{color:var(--muted)}.project-kv dd{margin:0;overflow-wrap:anywhere}.project-kv dd button{text-align:left;line-height:1.5;margin:0 0 7px}.project-disclosure{background:white;border:1px solid var(--line);border-radius:8px;margin:18px 0;padding:18px 20px;min-width:0}.project-disclosure>summary{font-size:15px;font-weight:600;cursor:pointer;line-height:1.5}.project-disclosure>p,.project-disclosure>h3{margin:18px 0 12px}.project-disclosure[open]>summary{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px}.project-disclosure .project-list{font-size:14px}.milestone-detail .project-disclosure{padding:15px;background:#f7f9f7}.capacity-panel{margin:4px 0 24px}.capacity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:25px 0}.capacity-grid span{font-weight:400}.capacity-grid input{max-width:100px;margin-right:10px}.project-two-col>.project-disclosure{margin-top:0}.value-domain-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.value-domain-links button{border:1px solid #bad1c5;background:#ecf5ef;border-radius:6px;padding:14px;color:var(--green);font-weight:600}.project-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0}.project-chain article{background:#f1f6f2;border:1px solid #d9e5dd;border-radius:8px;padding:22px 18px;min-width:0}.project-chain article>span{font-size:12px;color:var(--green);font-weight:600}.project-chain h3{margin:16px 0}.project-chain p{font-size:14px;color:var(--muted);margin:12px 0 20px}.project-chain button{font-size:13px;text-align:left;line-height:1.5;white-space:normal}.project-review-loop{display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:#def0e5;padding:20px;border-radius:6px;font-size:14px}.audit-controls{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin:24px 0}.audit-family{border-top:1px solid var(--line)}.audit-family>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:22px 4px}.audit-family>summary::-webkit-details-marker{display:none}.audit-family>summary strong{display:block;font-size:15px}.audit-family>summary small{display:block;margin-top:9px;font-size:13px;color:var(--muted)}.audit-family>summary>span:last-child{white-space:nowrap;font-size:12px;color:var(--muted)}.audit-family>summary b{font-size:20px;padding-left:12px}.audit-family[open]>summary b{display:inline-block;transform:rotate(45deg)}.audit-family-body{padding:0 4px 22px}.audit-family-body>p{font-size:14px;color:var(--muted)}.audit-component{border:1px solid var(--line);border-radius:6px;padding:15px 18px;margin-top:12px;background:#f9fbf9}.audit-component summary{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;cursor:pointer}.audit-component summary .badge{font-size:11px}.audit-component>p{margin:16px 0;font-size:14px}.audit-component button{font-size:13px}.audit-finding{border-bottom:1px solid var(--line);padding:14px 0}.audit-finding p{font-size:14px;margin:10px 0}.kpi-detail-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-bottom:1px solid var(--line);padding-bottom:15px;margin:20px 0}.kpi-detail-nav button{padding:12px 10px;background:#f2f6f3;border:1px solid var(--line);border-radius:5px;font-size:13px;text-align:center}.kpi-detail-nav button[aria-pressed=true]{background:#e3f0e8;border-color:var(--green);color:var(--green);font-weight:700}.kpi-definition{font-size:16px;line-height:1.65;margin:15px 0 22px}.kpi-detail-section[hidden]{display:none!important}.kpi-detail-section .tracking-contract{margin-top:0}.kpi-next{display:flex;flex-direction:column;gap:10px;margin-top:22px}.kpi-detail-section .detail-kv{font-size:14px}.kpi-detail-section .detail-kv dd{overflow-wrap:anywhere}.project-content :focus-visible,.kpi-detail-nav :focus-visible{outline:3px solid #b97818;outline-offset:3px}
@media(min-width:1500px){.timeline-label{grid-template-columns:38px 1fr auto}.timeline-label small{grid-column:3}}
@media(max-width:1150px){.project-plan-layout{grid-template-columns:1fr}.project-chain{grid-template-columns:1fr 1fr}.project-content .page-head{flex-wrap:wrap}}
@media(max-width:980px){.purpose-nav{flex-direction:row;flex-wrap:wrap;margin:12px 0;padding-bottom:10px;gap:6px}.purpose-nav button{flex:1 1 auto;text-align:center;font-size:13px}.purpose-nav button[aria-current=page]{border-left:0;border-bottom:2px solid #9bdfb2}.compact-layer-switch{margin:0 0 12px}.project-layout .sidebar>nav[aria-label=Projectvoorstel]{display:flex;flex-wrap:wrap;gap:5px}.project-layout .sidebar>nav .nav-btn{width:auto}.project-layout .sidebar .nav-heading{margin-top:8px}.project-stats{gap:12px}.project-stat{padding:20px}.project-stat>strong{font-size:1.4rem}}
@media(max-width:760px){.project-two-col,.project-risk-grid,.project-stats,.project-controls{grid-template-columns:1fr}.project-chain,.capacity-grid{grid-template-columns:1fr 1fr}.project-content{padding:22px 16px}.project-panel{padding:22px 18px}.project-content h1{font-size:2.1rem}.project-stat{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-stat>strong{grid-column:2;grid-row:1/3;align-self:center}.project-stat>p{grid-column:1}.audit-controls{grid-template-columns:1fr}.audit-family>summary{align-items:flex-start}.audit-family>summary>span:last-child{white-space:normal;text-align:right}.audit-component summary{align-items:flex-start;flex-wrap:wrap}.project-kv{grid-template-columns:1fr}.project-kv dd{margin-top:-8px}.project-controls>div{align-self:start}.project-content .page-head>button{margin-top:4px}.project-panel-head{align-items:flex-start}}
@media(max-width:460px){.project-chain,.capacity-grid{grid-template-columns:1fr}.project-decision>div{padding:22px}.project-stat{display:flex}.project-stat>strong{font-size:1.5rem}.kpi-detail-nav button{font-size:12px}.project-layout .sidebar .brand{margin-bottom:6px}}
.sidebar{overflow-x:hidden}.project-layout .nav-heading{white-space:normal;overflow-wrap:anywhere}.project-content,.project-content *{min-width:0}.project-content p,.project-caption{overflow-wrap:anywhere}
.preparation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:25px 0 10px}.preparation-grid article{border-top:3px solid #afd5bd;padding-top:17px}.preparation-grid article>span{font-size:13px;color:var(--green);font-weight:700}.preparation-grid h3{margin:16px 0 10px}.preparation-grid p{font-size:14px;color:var(--muted)}.preparation-grid small{display:block;margin-top:14px;font-size:12px;color:var(--green)}.project-section-heading{margin:35px 0 22px}.project-section-heading h2{margin:10px 0}.project-section-heading p{font-size:15px;color:var(--muted);max-width:850px}@media(max-width:1150px){.preparation-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.preparation-grid{grid-template-columns:1fr}}
