.explanatory-diagram[data-astro-cid-spdhs2tm]{margin:0;min-width:0;color:var(--color-platinum);position:relative}.explanatory-diagram[data-astro-cid-spdhs2tm] svg{width:100%;height:auto;display:block;border-radius:1rem}.diagram-legend[data-astro-cid-spdhs2tm]{list-style:none;display:flex;flex-wrap:wrap;gap:.55rem .95rem;margin:.9rem 0 0;padding:0}.diagram-legend[data-astro-cid-spdhs2tm] li[data-astro-cid-spdhs2tm]{font-size:.72rem;line-height:1.45;color:var(--color-cool);display:inline-flex;flex-direction:column;gap:.15rem}.diagram-legend[data-astro-cid-spdhs2tm] li[data-astro-cid-spdhs2tm]:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--color-teal);display:inline-block;margin-bottom:.15rem}.diagram-note[data-astro-cid-spdhs2tm]{color:color-mix(in srgb,var(--color-cool) 80%,transparent);font-size:.65rem}.diagram-flow[data-astro-cid-spdhs2tm]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.explanatory-diagram[data-astro-cid-spdhs2tm] figcaption[data-astro-cid-spdhs2tm]{font-size:.7rem;line-height:1.65;color:var(--color-cool);padding:.75rem 0 0;max-width:62ch}.explanatory-diagram[data-astro-cid-spdhs2tm] .diagram-narrow{display:none}@media(max-width:640px){.explanatory-diagram[data-astro-cid-spdhs2tm] .diagram-wide{display:none}.explanatory-diagram[data-astro-cid-spdhs2tm] .diagram-narrow{display:block}.explanatory-diagram[data-astro-cid-spdhs2tm] .diagram-detail{display:none}.diagram-legend[data-astro-cid-spdhs2tm]{gap:.45rem .7rem}}html.diagram-motion [data-diagram-motion]{--diagram-ease: cubic-bezier(.23, 1, .32, 1)}html.diagram-motion [data-motion-pending] [data-draw],html.diagram-motion [data-motion-pending] [data-diagram-node],html.diagram-motion [data-motion-pending] [data-lane]{will-change:opacity,transform,stroke-dashoffset}html.diagram-motion [data-diagram-motion]:not(.is-drawn) [data-draw],html.diagram-motion [data-diagram-motion]:not(.is-drawn) [data-diagram-node],html.diagram-motion [data-diagram-motion]:not(.is-drawn) [data-lane]{transition:none}html.diagram-motion [data-diagram-motion=path-draw] [data-draw]{stroke-dasharray:1;stroke-dashoffset:1}html.diagram-motion [data-diagram-motion=path-draw].is-drawn [data-draw]{stroke-dashoffset:0;transition:stroke-dashoffset 1.05s var(--diagram-ease);transition-delay:calc(var(--i, 0) * 90ms)}html.diagram-motion [data-diagram-motion=path-draw] [data-diagram-node]{opacity:.4}html.diagram-motion [data-diagram-motion=path-draw].is-drawn [data-diagram-node]{opacity:1;transition:opacity .4s ease;transition-delay:calc(.28s + var(--i, 0) * 70ms)}html.diagram-motion [data-diagram-motion=staged-flow] [data-diagram-node]{opacity:.28;transform:translateY(10px)}html.diagram-motion [data-diagram-motion=staged-flow].is-drawn [data-diagram-node]{opacity:1;transform:translateY(0);transition:opacity .42s var(--diagram-ease),transform .5s var(--diagram-ease);transition-delay:calc(var(--i, 0) * .14s)}html.diagram-motion [data-diagram-motion=staged-flow] [data-draw]{stroke-dasharray:1;stroke-dashoffset:1}html.diagram-motion [data-diagram-motion=staged-flow].is-drawn [data-draw]{stroke-dashoffset:0;transition:stroke-dashoffset .65s var(--diagram-ease);transition-delay:calc(90ms + var(--i, 0) * .14s)}html.diagram-motion [data-diagram-motion=lane-reveal] [data-lane]{opacity:.22;transform:translate(-14px)}html.diagram-motion [data-diagram-motion=lane-reveal].is-drawn [data-lane]{opacity:1;transform:translate(0);transition:opacity .45s var(--diagram-ease),transform .55s var(--diagram-ease);transition-delay:calc(var(--lane, 0) * .22s)}html.diagram-motion [data-diagram-motion=lane-reveal]:not(:has([data-lane])) [data-diagram-node]{opacity:.28;transform:translate(-10px)}html.diagram-motion [data-diagram-motion=lane-reveal]:not(:has([data-lane])).is-drawn [data-diagram-node]{opacity:1;transform:translate(0);transition:opacity .4s var(--diagram-ease),transform .5s var(--diagram-ease);transition-delay:calc(var(--i, 0) * .12s)}html.diagram-motion [data-diagram-motion=lane-reveal] [data-draw]{stroke-dasharray:1;stroke-dashoffset:1}html.diagram-motion [data-diagram-motion=lane-reveal].is-drawn [data-draw]{stroke-dashoffset:0;transition:stroke-dashoffset .8s var(--diagram-ease);transition-delay:calc(var(--lane, var(--i, 0)) * .18s)}@media(prefers-reduced-motion:reduce){html.diagram-motion [data-draw],html.diagram-motion [data-diagram-node],html.diagram-motion [data-lane]{opacity:1!important;transform:none!important;stroke-dashoffset:0!important;transition:none!important}}
