.reference-board{background:transparent;border:0;box-shadow:none;padding:0;overflow:visible}.reference-graphic{width:100%}.reference-map{width:100%;height:auto;display:block;font-family:'DM Sans',Arial,sans-serif;overflow:visible}.ref-top-title{fill:#76d3e0;font-size:18px;font-weight:700}.ref-orchestration{fill:#1a4b5f;stroke:#5896aa;stroke-width:1.4}.ref-orchestration-title{fill:#f3f8fc;font-size:24px;font-weight:750}.ref-orchestration-copy{fill:#c0dce5;font-size:18px;font-weight:500}.ref-agent-box{fill:#132f3e;stroke:#315568;stroke-width:1.4;transition:stroke .25s,fill .25s;animation:ref-agent-activity 14s ease-in-out infinite;animation-delay:var(--agent-delay,0s)}.ref-agent-id{fill:#78d6e3;font-size:17px;font-weight:700}.ref-agent-title{fill:#f7fbfe;font-size:25px;font-weight:750;letter-spacing:-.4px}.ref-agent-copy{fill:#b8cfd9;font-size:19px;letter-spacing:-.4px}.ref-chip{color:#63d8e7}.ref-layer-title{fill:#e8f5fc;font-size:20px;font-weight:750;letter-spacing:-.2px}.ref-layer-copy{fill:#bdd8e1;font-size:18px;font-weight:450;letter-spacing:-.3px}.ref-route-copy{fill:#aad9e4;font-size:17px;font-weight:450}.ref-support-lines{stroke:#4f7d8d;stroke-width:1.5}.ref-human-title{fill:#25525e;font-size:15px;letter-spacing:.5px;font-weight:650}.ref-agent:hover .ref-agent-box,.ref-agent:focus-visible .ref-agent-box{stroke:#a1edf3;fill:#1d4352;animation:none}.ref-agent.active .ref-agent-box{stroke-width:1.8}.ref-agent-0{--agent-delay:1s}.ref-agent-1,.ref-agent-2,.ref-agent-3{--agent-delay:3s}.ref-agent-4{--agent-delay:7s}.ref-agent-5{--agent-delay:9s}.ref-signal{fill:none;stroke:#d1fbff;stroke-width:3.1;stroke-linecap:round;stroke-dasharray:8 100;animation:ref-work-signal 14s linear infinite;animation-delay:var(--delay,0s);opacity:0}.ref-rework-signal{fill:none;stroke:#ffe2a4;stroke-width:3;stroke-linecap:round;stroke-dasharray:4 100;animation:ref-work-signal 14s linear 10s infinite;opacity:0}.reference-board .role-insight{background:#edf6f4;border:1px solid #d3e5e0;margin:22px 0 0;min-height:95px}.reference-board .diagram-caption{margin-top:17px;font-size:7px}.reference-mobile{display:none}.offscreen .ref-signal,.offscreen .ref-rework-signal,.offscreen .ref-agent-box{animation-play-state:paused}@keyframes ref-work-signal{0%{stroke-dashoffset:105;opacity:0}1%{opacity:1}16%{stroke-dashoffset:-105;opacity:1}18%,100%{stroke-dashoffset:-105;opacity:0}}@keyframes ref-agent-activity{0%,15%,100%{stroke:#315568;fill:#132f3e}3%,10%{stroke:#70d6e3;fill:#1c4151}}
@media(max-width:760px){.reference-graphic{display:none}.reference-board{padding:0 2%}.reference-mobile{display:block;background:#071f2b;border-radius:12px;padding:22px 17px;color:#edf7fa}.ref-mobile-heading{font-size:10px;color:#76d3e0;font-weight:650;letter-spacing:.3px;margin-bottom:19px}.ref-mobile-orchestration{padding:18px 16px;background:#1a4b5f;border:1px solid #5896aa;border-radius:9px}.ref-mobile-orchestration strong{font-size:13px;font-weight:700;display:block;color:#eff7fc}.ref-mobile-orchestration p{font-size:10px;color:#bedce5;margin-top:8px;line-height:1.7}.ref-mobile-arrow{display:block;text-align:center;color:#62d6e5;font-size:22px;line-height:1.2;padding:6px 0;animation:ref-arrow-pulse 3s ease-in-out infinite}.ref-mobile-agent{background:#132f3e;border:1px solid #315568;border-radius:9px;padding:18px 16px;width:100%;display:flex;flex-direction:column;gap:9px;text-align:left;transition:background .3s,border-color .3s;color:#f7fbfe}.ref-mobile-agent .ref-agent-id{font-size:10px;color:#78d6e3}.ref-mobile-agent strong{font:700 16px/1.4 'DM Sans',Arial,sans-serif;color:#f7fbfe}.ref-mobile-agent>span:last-child{font-size:11px;color:#b8cfd9;line-height:1.7}.ref-mobile-agent.active{border-color:#70d6e3;background:#1b3d4d}.ref-mobile-builders{margin-top:19px;padding-top:19px;border-top:1px solid #62d6e566;display:grid;gap:10px}.ref-mobile-builders .ref-mobile-agent{position:relative}.ref-mobile-builders .ref-mobile-agent:before{content:'';height:10px;width:1px;background:#62d6e5;position:absolute;top:-11px;left:50%}.ref-mobile-builders .ref-mobile-agent:first-child:before{height:19px;top:-20px}.ref-mobile-transfer{font-size:10px;color:#aad9e4;padding:12px 0;text-align:center;letter-spacing:.2px}.ref-mobile-checks{display:grid;gap:12px}.ref-mobile-rework{color:#dfbc77;font-size:9px;padding:12px 0 15px;border-bottom:1px solid #55788a55}.ref-mobile-foundation{display:grid;gap:10px;margin:16px 0}.ref-mobile-foundation>div{background:#193d4d;padding:17px 16px;border-radius:8px}.ref-mobile-foundation strong{font-size:11px;font-weight:650;color:#e8f5fc;display:block;line-height:1.5}.ref-mobile-foundation p{font-size:10px;color:#bdd8e1;line-height:1.7;margin-top:7px}.ref-mobile-infrastructure strong{font-size:11px;line-height:1.6}.ref-mobile-human{background:#e8f5f5;border:1px solid #b7dce0;color:#25525e;padding:13px 10px;text-align:center;font-size:9px;font-weight:650;border-radius:6px}.reference-board .role-insight{padding:17px 13px;margin-top:18px;gap:12px}.reference-board .role-insight h3{font-size:14px}.reference-board .role-insight p{font-size:10px}.reference-board .diagram-caption{font-size:6px;line-height:1.9;letter-spacing:.6px}}@keyframes ref-arrow-pulse{0%,100%{opacity:.5}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.ref-signal,.ref-rework-signal{display:none}.ref-agent-box,.ref-mobile-arrow{animation:none!important}}
/* Larger, persistent work packets with a clearly visible returning rework path. */
.reference-board{max-width:960px!important;margin-inline:auto}.diagram-status{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 15px;font-size:10px;color:#315e70;min-height:32px}.motion-legend{display:flex;align-items:center;gap:8px;font-size:8px;color:#5d7b89}.motion-legend i,.motion-legend b{display:block;width:7px;height:7px;border-radius:50%;background:#28a9c4;box-shadow:0 0 0 3px #55cfe61a;flex-shrink:0}.motion-legend b{background:#c99a43;box-shadow:0 0 0 3px #d5b2681a;margin-left:10px}.diagram-status>span:last-child{font-size:10px;font-weight:550;color:#1a566b;text-align:right}.ref-signal,.ref-rework-signal{animation:none!important;stroke-width:4;filter:drop-shadow(0 0 3px #66e0ee60)}.ref-rework-signal{stroke-width:4.3;filter:drop-shadow(0 0 4px #ffcf6e66)}.ref-agent-box{animation:none!important}.ref-flow-active .ref-agent-box{stroke:#83e7f1!important;stroke-width:2.8!important;fill:#205265!important}.ref-mobile-agent.ref-flow-active{border-color:#83e7f1;background:#205265;box-shadow:0 0 0 2px #62d6e522}.work-packet{pointer-events:none}.ref-rework-base{stroke:#dfb764;stroke-width:2.3}.ref-work-paths{stroke-opacity:.7}.reference-board .role-insight{margin-top:14px;min-height:80px;padding:18px 22px}.reference-board .diagram-caption{margin-top:12px}.reference-board .role-insight h3{font-size:15px}.reference-board .role-insight p{font-size:11px}
@media(max-width:760px){.diagram-status{display:block;margin-bottom:14px;min-height:0}.motion-legend{font-size:6px;gap:6px;line-height:1.7;flex-wrap:wrap}.motion-legend i,.motion-legend b{width:5px;height:5px;box-shadow:none}.motion-legend b{margin-left:6px}.diagram-status>span:last-child{display:block;text-align:left;margin-top:10px;font-size:10px}.reference-board .role-insight{padding:15px 12px;min-height:90px}.ref-mobile-agent{padding:15px 14px}.ref-mobile-agent strong{font-size:15px}.ref-mobile-agent>span:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){.work-packet{display:none!important}.ref-signal,.ref-rework-signal{display:none!important}}
.motion-legend{font-size:10px}.diagram-status>span:last-child{font-size:11px}@media(max-width:760px){.motion-legend{font-size:8px}.diagram-status>span:last-child{font-size:10px}}
@media(max-width:760px){.ref-mobile-rework{position:relative;transition:background .25s,color .25s;padding-left:8px;padding-right:8px}.rework-running .ref-mobile-rework{background:#644e27;color:#ffe1a2;border-radius:4px}.rework-running .ref-mobile-rework:after{content:'';position:absolute;bottom:-3px;right:var(--rework-progress,0%);width:7px;height:7px;border-radius:50%;background:#ffe1a2;box-shadow:0 0 0 4px #e9bd6433}}
/* One proportional SVG for desktop, tablet and phone. No alternate stacked version. */
.reference-board .reference-graphic{display:block!important;width:100%;min-width:0}.reference-map{width:100%;height:auto;min-width:0;max-width:100%;aspect-ratio:1142/1060}.reference-mobile{display:none!important}.diagram-view-actions{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;gap:14px;color:#55798d;font-size:10px}.diagram-view-actions>button{border:1px solid #a9cbdc;background:#edf5fa;border-radius:5px;padding:8px 12px;color:#235d78;font:550 11px var(--font);display:flex;align-items:center;gap:16px}.diagram-view-actions>button:hover{background:#d7eaf5}.diagram-view-actions>button>span{font-size:15px}.diagram-viewer-open{overflow:hidden}#diagram-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#e4eef4;color:#153c4e;z-index:100;border-radius:0;overflow:hidden}#diagram-viewer::backdrop{background:#061c2be6}.diagram-viewer-toolbar{min-height:75px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #bad0de;background:#edf5fa}.diagram-viewer-toolbar h2{font-size:18px;font-weight:600;letter-spacing:-.4px;line-height:1.3}.diagram-zoom-controls{display:flex;align-items:center;gap:8px}.diagram-zoom-controls>button{border:1px solid #a5c3d4;background:#e0edf5;color:#1a4f68;padding:7px 12px;min-height:36px;border-radius:4px;font-size:12px}.diagram-zoom-controls>button:disabled{opacity:.35;cursor:default}#diagram-zoom-level{font-size:11px;color:#4a7187;min-width:42px;text-align:center}.diagram-viewer-help{height:35px;padding:8px 24px;color:#63849a;font-size:10px}.diagram-viewer-viewport{height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;padding:12px;touch-action:pan-x pan-y pinch-zoom}.diagram-viewer-canvas{margin:0 auto;min-width:200px}.diagram-viewer-canvas .reference-graphic{display:block!important;width:100%}.diagram-viewer-canvas .reference-map{width:100%;height:auto}.diagram-viewer-canvas .ref-flow-active .ref-agent-box{stroke:#83e7f1!important;fill:#205265!important}@media(max-width:760px){.reference-board{padding:0!important}.diagram-view-actions{margin:0 0 11px;font-size:9px}.diagram-view-actions>button{padding:8px 11px;font-size:10px}.reference-board .reference-graphic{display:block!important}.reference-board .reference-map{display:block!important;width:100%;height:auto;aspect-ratio:1142/1060}.reference-mobile{display:none!important}.diagram-status{margin-bottom:12px}.diagram-viewer-toolbar{padding:13px 12px;flex-wrap:wrap;min-height:112px}.diagram-viewer-toolbar h2{font-size:15px;width:100%}.diagram-zoom-controls{width:100%;gap:7px}.diagram-zoom-controls>button{min-height:34px;font-size:11px;padding:6px 11px}#close-diagram{margin-left:auto}.diagram-viewer-help{height:42px;padding:8px 12px;font-size:9px}.diagram-viewer-viewport{height:calc(100dvh - 154px);padding:8px}.reference-board .role-insight{margin-top:12px}}
/* Explicit arrowheads remain crisp on small screens and in the zoom viewer. */
.ref-work-paths{stroke-opacity:1}.ref-support-lines{stroke-opacity:.85}.diagram-arrowhead{opacity:1}.ref-signal,.ref-rework-signal{filter:none!important}.reference-map{overflow:visible!important}