/* Motion belongs to the diagrams and selection, not the reading surface. */
.hybrid-stages{position:relative}
.hybrid-stop button{padding-right:0}
.hybrid-stop button::after{content:none}
.hybrid-stop button .hybrid-icon{width:34px;height:34px;justify-self:center;box-shadow:none!important;transform:none!important;transition:background .2s,border-color .2s,color .2s}
.hybrid-stop button .hybrid-icon svg{width:21px;height:21px}
.hybrid-stop button[aria-pressed=true] .hybrid-icon{box-shadow:0 0 0 3px #f6f3eb,0 0 0 4px #8fb99c!important}
.hybrid-stop button:hover .hybrid-icon{border-color:#2f7a52;background:#e5ecdf}
.hybrid-stop button[aria-pressed=true]:hover .hybrid-icon{background:#205f3f}
.journey-selection{position:absolute;width:42px;height:42px;border:1px solid #8fb99c;border-radius:50%;pointer-events:none;z-index:2}
.hybrid-stages.has-selection-ring button[aria-pressed=true] .hybrid-icon{box-shadow:none!important}
.hybrid-process.is-tracing li:not(:last-child)::after{transform-origin:left;animation:journey-trace 480ms cubic-bezier(.22,.61,.36,1) backwards;animation-delay:180ms}
.hybrid-process.is-tracing li:nth-child(2)::after{animation-delay:430ms}
@keyframes journey-trace{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:781px){.hybrid-stop:not(:last-of-type)::after{top:43px;bottom:-7px}}
@media(max-width:780px){
 .hybrid-stop button .hybrid-icon{width:38px;height:38px}
 .hybrid-stop:not(:last-of-type)::after{top:56px;height:22px}
 .journey-selection{display:none}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .hybrid-process.is-tracing li::after{animation:none!important}
 .hybrid-icon{transition:none!important}
}
/* The advisor delegates a task; the agent returns a response. */
.map-node{font-family:inherit;color:var(--paper);text-align:left;cursor:default;border-radius:0;transition:border-color .35s,background .35s,box-shadow .35s}
.map-node:hover,.map-node.is-working{border-color:var(--gold);background:#2a4030;box-shadow:0 0 25px rgba(224,180,106,.09)}
.map-lines .connector{transition:stroke .35s,stroke-width .35s}
.map-lines .connector.is-working{stroke:rgba(224,180,106,.8);stroke-width:1.4}
.map-signal{fill:#f0c984;filter:drop-shadow(0 0 4px rgba(224,180,106,.8))}
.advisor{transition:box-shadow .45s,border-color .45s}
.advisor.is-receiving{border-color:#f0c984;box-shadow:0 0 0 10px rgba(224,180,106,.07),0 0 44px rgba(224,180,106,.15)}
.team-map{margin-bottom:24px}
@media(prefers-reduced-motion:reduce){.map-node,.map-lines .connector,.advisor{transition:none}}

.hybrid-icon{position:relative}
.journey-hint-glint{position:absolute;inset:0;border-radius:50%;pointer-events:none}