/* V12: a one-time sequence, triggered only when the step diagram is in view. */
.process-connector{position:absolute;z-index:1;left:40px;right:0;top:18.5px;height:3px;background:#9F6038;transform:scaleX(0);transform-origin:left center;pointer-events:none}
.process-route[data-motion-state="complete"] .process-connector{transform:none}
.process-halo{position:absolute;left:-24px;top:-24px;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle,rgba(203,117,53,.58) 0%,rgba(218,141,79,.42) 32%,rgba(230,164,108,.2) 53%,transparent 72%);opacity:0;pointer-events:none;z-index:-1}
.process-halo::after{content:'';position:absolute;inset:22px;border:2px solid rgba(169,93,40,.8);border-radius:50%}
.process-route-steps .process-node{isolation:isolate}
@media(max-width:700px){.process-connector{left:18.5px;right:auto;top:40px;bottom:-20px;width:3px;height:auto;transform:scaleY(0);transform-origin:center top}}
@media(prefers-reduced-motion:reduce){.process-connector{transform:none!important}.process-halo{display:none}}

.process-motion-toggle{align-self:flex-start;margin-top:16px;padding:6px 0;background:none;border:0;color:var(--process-muted,#685D54);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:32px}.process-motion-toggle:focus-visible{outline:2px solid var(--dt-color-focus-on-light);outline-offset:4px}.process-motion-toggle[hidden]{display:none}

/* V13 independent resource-loop pause control */
.resources-motion-toggle{margin:0 0 20px}