.designer-live-graph{margin:16px 0}
.designer-live-graph h2{margin-bottom:4px}
.designer-live-graph p{margin:0}
.designer-graph svg.edges{pointer-events:auto}
.designer-graph .node{z-index:2}
.transition-visible{stroke:#52766a;stroke-width:2}
.transition-hit{stroke:transparent;stroke-width:18;cursor:pointer}
.transition-label-bg{fill:#fff;stroke:#bfd0c9;pointer-events:none}
.transition-label{fill:#1d6b57;font-size:11px;font-weight:800;pointer-events:none}
.transition-edge:hover .transition-visible{stroke:#159477;stroke-width:4}
.transition-edge:hover .transition-label-bg{fill:#e9f7f2;stroke:#159477}
.editable-graph .node{cursor:grab;user-select:none;touch-action:none}
.editable-graph .node.dragging{cursor:grabbing;box-shadow:0 10px 28px #173b3140;border-color:#159477}
.transition-details{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.transition-details section{border:1px solid var(--line);border-radius:11px;padding:14px}
.transition-details .wide{grid-column:1/-1}
.transition-details h3{margin-top:0}
.transition-deliverable{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid var(--line);padding:11px 0}
.transition-deliverable small{display:block;color:var(--muted);margin-top:4px}
@media(max-width:850px){.transition-details{grid-template-columns:1fr}.transition-details .wide{grid-column:auto}}