.blog-prose .blog-flow{margin:1.75rem 0}.blog-prose .blog-flow-list{display:grid;gap:0;list-style:none;margin:0;padding:0}.blog-prose .blog-flow-item{display:grid;gap:.875rem;grid-template-columns:2rem 1fr;margin:0;opacity:0;padding:0 0 1.125rem;position:relative;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;transition-delay:var(--blog-flow-delay,0s)}.blog-prose .blog-flow-item:before{background-color:var(--color-border-muted);bottom:0;content:"";left:calc(1rem - 1px);position:absolute;top:2rem;transform:scaleY(0);transform-origin:top;transition:transform .5s ease;transition-delay:calc(var(--blog-flow-delay, 0s) + .16s);width:2px}.blog-prose .blog-flow-item:last-child{padding-bottom:0}.blog-prose .blog-flow-item:last-child:before{display:none}.blog-prose .blog-flow.is-shown .blog-flow-item{opacity:1;transform:none}.blog-prose .blog-flow.is-shown .blog-flow-item:before{transform:scaleY(1)}.blog-prose .blog-flow-dot{align-items:center;background-color:var(--color-accent-muted);border-radius:var(--radius-full);color:var(--color-accent);display:flex;font-size:.875rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.blog-prose .blog-flow-title{color:var(--color-text-primary);font-weight:600;line-height:1.4;margin:.3125rem 0 0}.blog-prose .blog-flow-badge{background-color:var(--color-accent-alpha-10);border-radius:var(--radius-full);color:var(--color-accent);display:inline-block;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.0625rem .4375rem;vertical-align:middle}.blog-prose .blog-flow-text{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;margin:.25rem 0 0}.blog-prose .blog-flow-caption{color:var(--color-text-secondary);font-size:.8125rem;margin-top:.75rem}@media(prefers-reduced-motion:reduce){.blog-prose .blog-flow-item,.blog-prose .blog-flow-item:before{opacity:1;transform:none;transition:none}}
