/* Optional editorial diagram enhancement. Static lines, icons and labels are always visible. */
.agent-diagram{max-width:960px;margin:28px auto 38px;isolation:isolate}
.agent-diagram .ad-layout-mobile{display:none}
.agent-diagram .editorial-svg{display:block;width:100%;height:auto;border-radius:20px}
.agent-diagram figcaption{margin-top:10px;font-size:12px;line-height:1.5;color:#b6a9c9}
.agent-diagram .flow-pulse{opacity:0}
.agent-diagram.is-running .flow-pulse{animation:agent-route 1800ms ease-out both;animation-delay:calc(var(--step,0)*160ms)}
.agent-diagram.is-running .node-halo{animation:agent-halo 1100ms ease-in-out both;animation-delay:calc(var(--step,0)*160ms)}
.agent-diagram[data-motion-paused="true"] .flow-pulse,.agent-diagram[data-motion-paused="true"] .node-halo{animation-play-state:paused}
@keyframes agent-route{0%{stroke-dasharray:16 480;stroke-dashoffset:480;opacity:0}15%{opacity:.85}85%{opacity:.65}100%{stroke-dasharray:16 480;stroke-dashoffset:-480;opacity:0}}
@keyframes agent-halo{0%,100%{stroke-opacity:.45;stroke-width:1.5}45%{stroke-opacity:1;stroke-width:2.5}}
.experience[data-motion="off"] .agent-diagram .flow-pulse,.experience[data-motion="off"] .agent-diagram .node-halo{animation:none!important}
.experience[data-motion="off"] .agent-diagram .flow-pulse{opacity:0!important}
@media(max-width:520px){.agent-diagram{max-width:360px}.agent-diagram .ad-layout-desktop{display:none}.agent-diagram .ad-layout-mobile{display:block}}
@media(prefers-reduced-motion:reduce){.agent-diagram .flow-pulse,.agent-diagram .node-halo{animation:none!important}.agent-diagram .flow-pulse{opacity:0!important}}