.flow-card{margin:0;display:grid;gap:var(--ds-space-4);padding:var(--ds-space-6);background:var(--ds-surface);color:var(--ds-text);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-2)}.flow-card-caption{font:var(--ds-weight-medium) var(--ds-text-meta)/1.3 var(--ds-font-mono);letter-spacing:var(--ds-tracking-meta);text-transform:uppercase;color:var(--ds-text-muted)}.flow-card ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-3);margin:0;padding:0;list-style:none}.flow-card li{position:relative;display:grid;place-items:center;min-height:64px;margin:0;padding:var(--ds-space-2);border:1.5px solid var(--ds-accent);border-radius:var(--ds-radius-md);background:color-mix(in srgb,var(--ds-color-signal) 14%,var(--ds-surface));font:var(--ds-weight-medium) 16px/1.2 var(--ds-font-sans);color:var(--ds-text);text-align:center;overflow-wrap:anywhere}.flow-card li+li:before{content:""/"";position:absolute;left:calc(-1 * var(--ds-space-3));top:50%;width:var(--ds-space-3);border-top:1.5px solid var(--ds-accent)}.flow-card-loop{margin:0;color:var(--ds-text-muted);font-size:var(--ds-text-sm)}@media (max-width:860px){.flow-card ol{grid-template-columns:minmax(0,1fr)}.flow-card li{min-height:52px}.flow-card li+li:before{left:50%;top:calc(-1 * var(--ds-space-3));width:0;height:var(--ds-space-3);border-top:0;border-left:1.5px solid var(--ds-accent)}}