:root{--green:#175744;--lime:#d6ee8c;--ink:#203d33;--muted:#68786d;--line:#dde5d8}*{box-sizing:border-box}body{margin:0;background:#f5f7ef;color:var(--ink);font:14px/1.5 Inter,Arial,sans-serif}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#fbfcf7}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:18px;text-decoration:none;color:var(--green)}.mark{background:var(--green);color:var(--lime);border-radius:10px;padding:5px 12px}nav{display:flex;gap:25px}a{color:var(--green)}nav a{text-decoration:none;color:#69786b;font-size:13px}.active{color:var(--green);font-weight:700}main{max-width:1500px;margin:auto;padding:35px 4vw}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#75846b;font-weight:700}h1{font-size:36px;letter-spacing:-1.4px;margin:8px 0}h2{font-size:19px;letter-spacing:-.4px;margin:5px 0}.intro p{color:var(--muted);max-width:650px;margin:0}.controls{display:flex;align-items:flex-end;gap:10px}label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600;color:var(--muted)}button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#fbfdf8;color:var(--green);padding:11px 15px}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #80a83e;outline-offset:3px}.flow-panel{background:#fcfdf8;border:1px solid var(--line);border-radius:20px;overflow:hidden}.flow-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;border-bottom:1px solid var(--line)}.flow-toolbar select{width:310px;max-width:100%}#flowCanvas{position:relative;padding:20px 26px 24px;background:radial-gradient(ellipse at top,#edf4e5,transparent 65%)}#connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.stage{position:relative;z-index:1;text-align:center}.stage-label{font-size:9px;letter-spacing:1.8px;color:#7b8a71;display:block;margin-bottom:13px}.root-stage{margin-bottom:35px}.agency-stage{margin-bottom:42px}.icon-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 20px;max-width:850px;margin:auto}.icon-node{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border-radius:50%;color:var(--node,#175744);background:#f8fbf2;border:1px solid color-mix(in srgb,var(--node,#175744) 28%,#fff);box-shadow:0 2px 6px #203d3306;transition:transform .15s,box-shadow .15s}.icon-node .budgetIcon{width:21px;height:21px;margin:0}.icon-node:hover,.icon-node:focus-visible{transform:translateY(-3px);box-shadow:0 5px 12px #17574417}.icon-node[aria-pressed=true]{background:var(--node);color:#fff;border-color:var(--node);box-shadow:0 0 0 4px #e4eddb}.root-node{width:66px;height:66px;margin:auto;background:var(--green);color:var(--lime);border:0}.root-node .budgetIcon{width:28px;height:28px}.programme-node{width:40px;height:40px;background:#fff}.programme-node .budgetIcon{width:18px;height:18px}.service-stage .icon-grid{max-width:730px;gap:12px 15px}.service-stage{padding-top:8px;min-height:100px}.water{fill:none;stroke:#fff;stroke-dasharray:2 20;stroke-opacity:.7;animation:water 5s linear infinite}.paused .water{animation-play-state:paused}.flow-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:13px 22px;font-size:11px;color:var(--muted)}.flow-bottom #total{font-weight:700;color:var(--green)}.flow-bottom button{padding:5px 9px;font-size:11px;border:0;background:transparent}.method{padding:0 22px 15px;color:var(--muted);font-size:10px}.method summary{cursor:pointer}.method p{max-width:900px}#hoverInfo{position:fixed;z-index:50;pointer-events:none;background:#153e31;color:#fff;max-width:290px;padding:11px 14px;border-radius:11px;box-shadow:0 8px 25px #183f3126;font-size:12px}#hoverInfo strong{display:block;color:var(--lime);margin-top:4px}dialog{border:1px solid var(--line);border-radius:18px;padding:30px;width:440px;max-width:calc(100vw - 32px);max-height:80vh;color:var(--ink);background:#fcfdf8;box-shadow:0 20px 80px #173d3133}dialog::backdrop{background:#153e3133;backdrop-filter:blur(3px)}#closeInfo{position:absolute;right:12px;top:10px;border:0;padding:2px 9px;font-size:23px;background:transparent}#inspectorTitle{font-size:23px;line-height:1.3;margin:8px 0 14px}.info-amount{font-size:27px;font-weight:700;color:var(--green)}.info-meta{font-size:11px;color:var(--muted);margin:7px 0 17px}.costs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.costs span{font-size:11px;color:var(--muted)}.costs b{display:block;color:var(--ink);font-size:13px}.info-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.info-links a{font-size:12px;background:#edf4e3;padding:8px 10px;border-radius:8px;text-decoration:none}.empty{font-size:12px;color:var(--muted)}footer{font-size:11px;color:var(--muted);padding:25px 0}#error{color:#8d301d}@keyframes water{to{stroke-dashoffset:-88}}@media(prefers-reduced-motion:reduce){.water{animation:none}.icon-node{transition:none}}@media(max-width:800px){header{flex-wrap:wrap;gap:15px}nav{gap:14px}.intro{align-items:start}.icon-grid{gap:14px}.flow-toolbar select{width:250px}}@media(max-width:600px){h1{font-size:28px}.intro{flex-direction:column}.controls{width:100%}.controls label{flex:1}.flow-toolbar{flex-direction:column;align-items:stretch}.flow-toolbar select{width:100%}#flowCanvas{padding:20px 15px}.icon-grid{gap:12px}.icon-node{width:42px;height:42px}.root-node{width:60px;height:60px}.programme-node{width:38px;height:38px}.flow-bottom{flex-wrap:wrap}nav{flex-wrap:wrap}.agency-stage{margin-bottom:30px}} 
/* Give each icon and each downstream stage room to read. */
#flowCanvas{padding:28px 38px 36px}.root-stage{margin-bottom:76px}.agency-stage{margin-bottom:96px}.stage-label{margin-bottom:23px}.icon-grid{max-width:1040px;gap:30px 36px}.icon-node{width:52px;height:52px;outline:7px solid #fcfdf8;outline-offset:0;box-shadow:0 3px 10px #203d3308}.root-node{width:72px;height:72px}.icon-node[aria-pressed=true]{box-shadow:0 0 0 4px #d8e8c9;outline-offset:4px}.icon-node:focus-visible{outline:3px solid #80a83e;outline-offset:5px}.service-stage{padding-top:12px;min-height:155px}.service-stage .icon-grid{max-width:1000px;gap:28px 34px}.programme-node{width:44px;height:44px}.stage-label{background:#fcfdf8e6;width:fit-content;max-width:100%;padding:4px 12px;border-radius:12px;margin-left:auto;margin-right:auto}.water{stroke-dasharray:3 20;animation-duration:6s}@media(max-width:800px){#flowCanvas{padding:25px 25px 32px}.icon-grid{gap:26px 30px}.root-stage{margin-bottom:65px}.agency-stage{margin-bottom:80px}.service-stage .icon-grid{gap:24px 28px}}@media(max-width:600px){#flowCanvas{padding:24px 22px 30px}.icon-grid{gap:26px 25px}.icon-node{width:44px;height:44px}.root-node{width:64px;height:64px}.programme-node{width:40px;height:40px}.service-stage .icon-grid{gap:24px}.root-stage{margin-bottom:62px}.agency-stage{margin-bottom:76px}.stage-label{font-size:8px;letter-spacing:1.3px}.icon-node{outline-width:5px}}
.icon-node.is-preview:not([aria-pressed=true]){background:color-mix(in srgb,var(--node) 15%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--node) 35%,#fff)}#count{max-width:42%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-bottom #selectionDetails{border:1px solid #d8e4cf;background:#f0f6e8;border-radius:8px}.flow-bottom{flex-wrap:wrap}.flow-bottom #count{flex:1;min-width:150px}
/* Use the available page width rather than leaving wide side gutters. */
main{max-width:none;width:100%;padding:28px clamp(16px,2vw,42px)}.icon-grid{max-width:none;width:100%;justify-content:space-evenly;gap:36px 42px}.service-stage .icon-grid{max-width:none;width:100%;justify-content:space-evenly;gap:32px 40px}#flowCanvas{padding-left:clamp(24px,3vw,65px);padding-right:clamp(24px,3vw,65px)}.root-stage{margin-bottom:90px}.agency-stage{margin-bottom:110px}.flow-locked .icon-node[aria-disabled=true]{cursor:default}.flow-locked .icon-node[aria-disabled=true]:hover{transform:none;box-shadow:0 3px 10px #203d3308}.flow-bottom #unlockFlow{border:1px solid #b4c89e;border-radius:8px;background:#e9f1de;color:#214e3d}.flow-toolbar>.eyebrow{line-height:1.8}.flow-bottom button[hidden]{display:none}@media(max-width:800px){.icon-grid{gap:32px}.service-stage .icon-grid{gap:28px}.root-stage{margin-bottom:75px}.agency-stage{margin-bottom:90px}}@media(max-width:600px){main{padding:22px 12px}.icon-grid{gap:28px 24px}.service-stage .icon-grid{gap:26px}#flowCanvas{padding-left:20px;padding-right:20px}.root-stage{margin-bottom:68px}.agency-stage{margin-bottom:80px}.flow-toolbar>.eyebrow{font-size:9px}}