.sflow{margin:2.5rem 0}.sflow-title{font-family:var(--font-label,ui-monospace, monospace);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin-bottom:12px;font-size:11px;font-weight:600}.sflow-frame{position:relative}.sflow-frame--scrolls:after{content:"";pointer-events:none;background:linear-gradient(to right, transparent, var(--color-background));width:64px;position:absolute;top:0;bottom:8px;right:0}.sflow-track{scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;grid-auto-columns:minmax(216px,280px);grid-auto-flow:column;gap:16px;margin:0;padding:0 0 8px;list-style:none;display:grid;overflow:auto hidden}.sflow-step{scroll-snap-align:start;margin:0;padding:0}.sflow-shot{border:1px solid var(--color-border);background:var(--color-background-alt);border-radius:20px;width:100%;height:auto;display:block}.sflow-step-caption{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.02em;color:var(--color-text-secondary,var(--color-muted));margin:10px 0 0;font-size:11px;line-height:1.55}.sflow-step-n{color:var(--color-accent);margin-right:8px;font-weight:600;display:inline-block}.sflow-caption{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.02em;color:var(--color-text-secondary,var(--color-muted));margin-top:12px;font-size:12px;line-height:1.6}