/* The shared guide CSS handles typography, layout and breakpoints. */
.workspace-flow{padding:clamp(20px,3.4vw,42px);margin:0;list-style:none;display:grid;gap:12px;background:linear-gradient(145deg,#192732,#0d161d)}
.workspace-flow li{position:relative;display:grid;gap:5px;padding:clamp(12px,2vw,21px);border:1px solid #9aafbb40;border-radius:12px;background:#8aa1b015;min-width:0}
.workspace-flow li+li:before{content:"";position:absolute;top:-13px;left:28px;height:12px;width:1px;background:#b69a87}
.workspace-flow span{font:10px var(--font-mono);letter-spacing:.08em;color:#e2aa8a}
.workspace-flow strong{font:500 clamp(12px,1.6vw,19px)/1.4 var(--font-mono);color:#f2f5f4;overflow-wrap:anywhere}
.workspace-flow small{font:12px/1.5 var(--font-sans);color:#c3d1d7}