.flow[data-astro-cid-mb5gojzx]{--node:34px;--rail:calc(var(--node) / 2);--wire:color-mix(in srgb, var(--accent) 60%, transparent);max-width:560px}ol[data-astro-cid-mb5gojzx]{gap:14px;display:grid;padding:0!important;list-style:none!important}.step[data-astro-cid-mb5gojzx]{grid-template-columns:var(--node) minmax(0, 1fr);align-items:start;column-gap:16px;display:grid;position:relative;margin:0!important;padding:0!important;&::marker{content:none}&:not(:last-child):after,& .wire:after{top:calc(8px + var(--node));bottom:-14px;left:calc(var(--rail) - .75px);background:repeating-linear-gradient(to bottom, var(--wire) 0 4px, transparent 4px 9px);content:"";width:1.5px;position:absolute;@media (prefers-reduced-motion:no-preference){animation:.9s linear infinite flow}}& .wire{grid-area:1/1;align-self:stretch;position:relative;&:after{left:calc(var(--rail) - .75px);bottom:-15px}}}@keyframes flow{to{background-position:0 9px}}.node[data-astro-cid-mb5gojzx]{z-index:1;width:var(--node);height:var(--node);font:500 12px/1 var(--font-mono);color:var(--accent);background:var(--paper);border:1.5px solid color-mix(in srgb, var(--accent) 55%, transparent);transition:background-color .3s ease, color .3s ease, scale .4s var(--spring);border-radius:50%;grid-area:1/1;place-items:center;margin-top:8px;display:grid;position:relative;.step[data-astro-cid-mb5gojzx]:hover &{color:var(--on-accent);background:var(--accent);scale:1.1}}.step[data-astro-cid-mb5gojzx]>.card[data-astro-cid-mb5gojzx]{grid-area:1/2}.flow[data-astro-cid-mb5gojzx] .card[data-astro-cid-mb5gojzx]{background:var(--surface);border:1px solid var(--line);transition:border-color .3s ease, translate .4s var(--ease);border-radius:14px;gap:3px;padding:13px 18px;line-height:1.45;display:grid;.step[data-astro-cid-mb5gojzx]:hover>&{border-color:color-mix(in srgb, var(--accent) 55%, transparent);translate:4px}& strong{letter-spacing:-.01em;color:var(--ink);font-size:15.5px;font-weight:600}& strong.mono{font:500 14px/1.4 var(--font-mono);letter-spacing:0}& span{color:var(--muted);font-size:14px}& span.lone{color:var(--ink);font-size:15.5px}}.flow[data-astro-cid-mb5gojzx] .dashed[data-astro-cid-mb5gojzx]{border-style:dashed;border-color:color-mix(in srgb, var(--muted) 55%, transparent);background:0 0;& strong{color:var(--muted)}}.branch[data-astro-cid-mb5gojzx]{grid-area:2/2;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid;position:relative;margin:30px 0 0!important;padding:0!important;list-style:none!important;&:before{top:-15px;right:25%;left:calc(-16px - var(--rail) - .75px);background:repeating-linear-gradient(to right, var(--wire) 0 4px, transparent 4px 9px);content:"";height:1.5px;position:absolute}& li{position:relative;margin:0!important;&::marker{content:none}&:after{background:var(--wire);content:"";width:1.5px;height:15px;position:absolute;top:-15px;left:50%}&:before{background:var(--good);width:7px;height:7px;box-shadow:0 0 8px var(--good);content:"";border-radius:50%;position:absolute;top:15px;right:14px}&.dashed:before{background:var(--muted);box-shadow:none}}@media (width<=420px){grid-template-columns:1fr;&:before,& li:after{display:none}}}figcaption[data-astro-cid-mb5gojzx]{max-width:52ch;padding-left:calc(var(--node) + 16px);font:13px/1.6 var(--font-mono);color:var(--muted);margin-top:16px}