/* Complete by default. Native chapter progress only changes decorative artwork. */
.as-workflow-composition{min-width:0;width:100%;margin:0;position:relative;justify-self:end}
.as-workflow-art{position:relative;background:radial-gradient(ellipse at 55% 47%,#5a273530,transparent 65%)}
.as-workflow-art svg{display:block;width:100%;height:auto;overflow:visible}
.as-workflow-display{font-family:var(--display);font-weight:600}
.as-workflow-mono{font-family:var(--mono)}
.as-workflow-grid{opacity:.32}
.as-workflow-readout{display:flex;justify-content:space-between;gap:15px;font:9px/1.7 var(--mono);letter-spacing:.06em;color:#cdb4c0;padding:0 0 12px;border-bottom:1px solid #60404e}
.as-workflow-readout>span:last-child{color:var(--pink)}
.as-workflow-wire,.as-workflow-retry{stroke-dasharray:1;stroke-dashoffset:0}
.as-workflow-wire-0{stroke-dashoffset:var(--workflow-wire-0,0)}
.as-workflow-wire-1{stroke-dashoffset:var(--workflow-wire-1,0)}
.as-workflow-retry{stroke-dashoffset:var(--workflow-retry,0);opacity:.65}
.as-workflow-node{transform-box:fill-box;transform-origin:center}
.as-workflow-node-0{transform:translateY(var(--workflow-node-0-y,0px));opacity:var(--workflow-node-0,1)}
.as-workflow-node-1{transform:translateY(var(--workflow-node-1-y,0px));opacity:var(--workflow-node-1,1)}
.as-workflow-node-2{transform:translateY(var(--workflow-node-2-y,0px));opacity:var(--workflow-node-2,1)}
.as-workflow-halo{stroke-width:2;opacity:0}
.as-workflow-node-0 .as-workflow-halo{opacity:var(--workflow-halo-0,0)}
.as-workflow-node-1 .as-workflow-halo{opacity:var(--workflow-halo-1,0)}
.as-workflow-node-2 .as-workflow-halo{opacity:var(--workflow-halo-2,0)}
.as-workflow-checks{opacity:var(--workflow-checks,1)}
.as-workflow-packet{opacity:0}
.as-workflow-packet-0{transform:translate(var(--workflow-packet-0-x,385px),var(--workflow-packet-0-y,385px));opacity:var(--workflow-packet-0,0)}
.as-workflow-packet-1{transform:translate(var(--workflow-packet-1-x,665px),var(--workflow-packet-1-y,610px));opacity:var(--workflow-packet-1,0)}
.as-workflow-composition figcaption{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #704555;padding:15px 0;font:8px/1.7 var(--mono);color:#d4bdc8;letter-spacing:.03em}
.as-workflow-composition figcaption>span:first-child{color:var(--pink)}
.as-motion .as-workflow-composition{max-width:940px;max-height:100%}
.as-motion .as-workflow-art svg{max-height:calc(100svh - 330px)}
@media(max-width:1100px){.as-workflow-composition figcaption{font-size:7px;display:block;padding-top:11px}.as-workflow-composition figcaption>span{display:block}.as-workflow-composition figcaption>span+span{margin-top:4px}.as-workflow-readout{font-size:8px}}
@media(max-width:760px){.as-workflow-composition{justify-self:center;max-width:530px}.as-motion .as-workflow-composition{max-width:450px}.as-motion .as-workflow-art svg{max-height:250px}.as-workflow-composition figcaption{font-size:6px;padding:8px 0;line-height:1.7}.as-workflow-composition figcaption>span+span{margin-top:3px}.as-workflow-readout{font-size:6px;padding-bottom:7px}}
@media(max-width:380px){.as-motion .as-workflow-art svg{max-height:230px}.as-workflow-composition figcaption{font-size:5px}.as-workflow-readout{font-size:5px}}