.flow:where(.astro-qie7emh6){border:1px solid var(--xt-line);border-radius:var(--xt-radius-md);background:linear-gradient(to right, #7f7f7f0f 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(to bottom, #7f7f7f0f 1px, transparent 1px) 0 0 / 24px 24px, var(--xt-bg-raised);margin:0;padding:1.25rem}.flow__title:where(.astro-qie7emh6){font-family:var(--xt-font-mono);font-size:var(--xt-text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--xt-fg-muted);margin:0 0 1rem}.flow__steps:where(.astro-qie7emh6){gap:.75rem;margin:0;padding:0;display:grid}@media (width>=900px){.flow__steps:where(.astro-qie7emh6){grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}}.flow__step:where(.astro-qie7emh6){border:1.5px solid var(--xt-line-strong);border-radius:var(--xt-radius-sm);background:var(--xt-bg);align-content:start;gap:.35rem;min-height:5.5rem;padding:.85rem .9rem;display:grid;position:relative}.flow__step:where(.astro-qie7emh6):after{content:"";background:var(--xt-line-strong);width:1.5px;height:.75rem;position:absolute;bottom:-.8rem;left:50%}@media (width>=900px){.flow__step:where(.astro-qie7emh6):after{width:.75rem;height:1.5px;bottom:50%;left:auto;right:-.8rem}}.flow__step--last:where(.astro-qie7emh6){border-color:var(--xt-tick)}.flow__step--last:where(.astro-qie7emh6):after{display:none}.flow__index:where(.astro-qie7emh6){font-family:var(--xt-font-mono);color:var(--xt-fg-muted);font-size:.6875rem}.flow__label:where(.astro-qie7emh6){font-weight:600;line-height:1.3}.flow__tick:where(.astro-qie7emh6){fill:none;stroke:var(--xt-tick);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;position:absolute;top:.75rem;right:.75rem}