/* D49 — accepted balanced graph; all component styles stay within this section. */
#koordinaciya{background:#0b100e}
#koordinaciya .coordination-grid{grid-template-columns:.9fr 1.25fr;gap:4%;align-items:center}
.coordination-visual{min-width:0;container-type:inline-size;color:#e8ece4}
.coordination-visual button{cursor:pointer;-webkit-tap-highlight-color:transparent}
.coordination-visual [hidden]{display:none!important}
.coordination-visual .graph{position:relative;isolation:isolate;width:100%;height:540px;touch-action:pan-y;user-select:none;cursor:grab;overflow:hidden}
.coordination-visual .graph.dragging{cursor:grabbing}
.coordination-visual .graph canvas,.coordination-visual .graph>svg{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}
.coordination-visual .graph canvas{opacity:0}
.coordination-visual .graph[data-renderer=webgl] canvas{opacity:1}
.coordination-visual .graph[data-renderer=webgl]>svg{display:none}
.coordination-visual .hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-95%);text-align:center;padding:7px 13px 14px;pointer-events:none;white-space:nowrap;background:none;text-shadow:0 1px 2px #0b100e}
.coordination-visual .hub>span{display:block;font-size:30px;font-weight:750;letter-spacing:-.045em;line-height:1.2}
.coordination-visual .hub small{display:block;font-size:8px;letter-spacing:.24em;color:#e39a71;padding-top:6px}
.coordination-visual .stage-label{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-110%);display:flex;align-items:center;gap:7px;color:#d5e0d0;background:none;border:0;border-radius:0;padding:6px 8px 8px;font-size:12px;font-weight:450;white-space:nowrap;min-height:35px;transition:opacity 240ms;text-shadow:0 1px 2px #0b100e}
.coordination-visual .stage-label span{font-size:8px;color:#a2b39c;letter-spacing:.07em}
.coordination-visual .stage-label:focus-visible{outline:1px solid #b6c6b0;outline-offset:2px}
.coordination-visual .stage-label:hover,.coordination-visual .stage-label[aria-pressed=true]{background:none;color:#d5e0d0;box-shadow:none}
.coordination-visual .task-label{position:absolute;left:0;top:0;transform:translate(8px,-50%);font-size:9px;line-height:1.2;color:#8eaa95;pointer-events:none;white-space:nowrap;text-shadow:0 1px 3px #071009;opacity:0;transition:opacity 240ms}
.coordination-visual .drag-hint{position:absolute;bottom:8px;left:0;font-size:9px;letter-spacing:.02em;color:#7f9681;pointer-events:none;margin:0}
.coordination-visual .drag-hint span{color:#bcd0b5;margin-left:8px;font-size:14px}
.coordination-visual .graph-bottom{border-top:1px solid #2b3c30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0 16px}
.coordination-visual .legend{display:flex;align-items:center;gap:16px;font-size:9px;color:#9eaf97}
.coordination-visual .legend>span{display:flex;align-items:center;gap:7px}
.coordination-visual .legend i{display:block;width:15px;height:1px;background:#829b83}
.coordination-visual .legend .legend-center{background:#ed8b50;box-shadow:0 0 7px #ed6c3266}
.coordination-visual .controls{display:flex;gap:18px}
.coordination-visual .controls button{border:0;background:none;color:#b5c5ad;font-size:11px;min-height:36px;padding:5px 0;white-space:nowrap}
.coordination-visual .controls button:focus-visible{outline:1px solid #b6c6b0;outline-offset:3px}
.coordination-visual .controls button[aria-pressed=true],.coordination-visual .controls button:hover{color:#ffa46f}
.coordination-visual .controls button span{color:#ed8b50;margin-left:6px}
.coordination-visual .detail-panel{border-top:1px solid #26372b;padding:18px 0 0;min-height:176px}
.coordination-visual .detail-kicker{font-size:8px;letter-spacing:.16em;color:#b79a7a}
.coordination-visual .detail-panel h3{font-size:20px;line-height:1.3;letter-spacing:-.02em;font-weight:450;margin:7px 0 12px}
.coordination-visual .detail-panel p{font-size:12px;color:#a9baa1;margin:0;max-width:560px}
.coordination-visual .detail-panel a{display:inline-flex;font-size:11px;color:#d6decb;gap:25px;align-items:center;margin-top:10px;padding:6px 0;border-bottom:1px solid #486044;text-decoration:none}
.coordination-visual .detail-panel a span{color:#ef945b}
.coordination-visual .network-caption{font-size:10px;margin:20px 0 0;color:#81977e;text-align:left}
.coordination-visual .static-links{display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:15px;font-size:12px}
.coordination-visual .static-links a{color:#c4d2bd}
.coordination-visual:has(.graph[data-renderer=webgl]) .static-links{display:none}
@media(max-width:1000px){#koordinaciya .coordination-grid{grid-template-columns:1fr;gap:30px}.coordination-visual .graph{height:540px}}
@container(max-width:600px){.coordination-visual .graph{height:490px}.coordination-visual .hub>span{font-size:25px}.coordination-visual .stage-label{font-size:11px}.coordination-visual .task-label{font-size:8px}.coordination-visual .graph-bottom{flex-wrap:wrap;gap:10px}}
@container(max-width:480px){.coordination-visual .graph{height:445px;margin-bottom:112px;overflow:visible}.coordination-visual .stage-labels{position:absolute;left:0;right:0;top:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.coordination-visual .stage-label{position:static;transform:none!important;min-height:44px;justify-content:center;font-size:9px;padding:7px 3px;gap:3px;white-space:normal;flex-direction:column;line-height:1.2}.coordination-visual .stage-label span{font-size:7px}.coordination-visual .stage-label:last-child{grid-column:span 2}.coordination-visual .hub>span{font-size:23px}.coordination-visual .hub small{font-size:7px}.coordination-visual .task-label{font-size:7px}.coordination-visual .task-label.mobile-primary{font-size:10px;color:#d0ddc7}.coordination-visual .drag-hint{display:none!important}.coordination-visual .legend{font-size:8px}.coordination-visual .controls button{font-size:10px}.coordination-visual .detail-panel{min-height:200px}}
@container(max-width:340px){.coordination-visual .graph{height:402px}.coordination-visual .stage-label{font-size:8px}.coordination-visual .hub>span{font-size:20px}}