.lab-flow{border:1px solid var(--rule);padding:clamp(16px,3vw,40px);margin-bottom:64px}.lab-flow-heading{font-size:1.5rem}.lab-flow-graph{max-width:900px;margin:36px auto}.lab-flow-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.lab-node{width:90%;justify-self:center;padding:24px 16px;border:1px solid var(--rule);background:var(--bg);text-align:center}.lab-node-environment{display:block;margin-bottom:18px;font:.6875rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.lab-node-name{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px}.lab-node-name img{width:40px;height:32px;object-fit:contain;filter:brightness(0)invert(.9)}.lab-node-name .lab-node-wordmark{width:64px;height:38px}.lab-node-name h3{font-size:1.6rem}.lab-node p{margin-top:16px;font:.8125rem/1.6 var(--mono);color:var(--muted)}.lab-node-destination{width:min(100%,320px);margin-inline:auto;padding:28px 20px;border-color:var(--muted)}.lab-node-destination .lab-node-name h3{font-size:2rem}.lab-flow-lines{display:block;width:100%;height:120px;overflow:visible;color:var(--muted)}.lab-flow-lines-mobile{display:none}.lab-flow-track,.lab-flow-pulse{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke}.lab-flow-track{stroke:var(--rule)}.lab-flow-pulse{stroke:var(--fg);stroke-dasharray:5 95;stroke-dashoffset:100;opacity:0}.lab-flow figcaption{max-width:60ch;margin-inline:auto;text-align:center;color:var(--muted);font:.75rem/1.7 var(--mono)}.lab-notes{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,2fr);gap:36px 64px;padding-bottom:64px}.lab-notes h2{font-size:1.4rem;line-height:1.3}.lab-notes p{color:var(--muted);line-height:1.8;max-width:65ch}@keyframes lab-log-flow{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:no-preference){.lab-flow-pulse{opacity:.85;animation:lab-log-flow 4.8s linear infinite}.lab-flow-pulse-linux{animation-delay:-1.6s}.lab-flow-pulse-cloudflare{animation-delay:-3.2s}}@media(min-width:641px) and (max-width:1000px){.lab-flow-sources .lab-node-name{flex-direction:column;gap:10px;min-height:78px}.lab-flow-sources .lab-node-name h3{font-size:1.25rem}}@media(max-width:640px){.lab-flow{margin-bottom:40px}.lab-flow-heading{font-size:1.25rem}.lab-flow-graph{margin:24px auto}.lab-flow-sources{grid-template-columns:minmax(0,1fr);gap:16px;padding-left:24px}.lab-flow-sources .lab-node{position:relative;width:100%;padding:18px 12px}.lab-flow-sources .lab-node::before{content:"";position:absolute;left:-25px;top:-17px;bottom:-17px;border-left:1px solid var(--rule)}.lab-flow-sources .lab-node:first-child::before{top:50%}.lab-flow-sources .lab-node:last-child::before{bottom:-1px}.lab-flow-sources .lab-node::after{content:"";position:absolute;left:-25px;top:50%;width:24px;border-top:1px solid var(--rule)}.lab-node-environment{font-size:.625rem;margin-bottom:10px}.lab-node-name{gap:10px}.lab-node-name h3{font-size:1.25rem}.lab-node p{font-size:.6875rem;margin-top:10px}.lab-node-destination{width:min(100%,240px);padding:22px 12px}.lab-node-destination .lab-node-name{flex-direction:row}.lab-node-destination .lab-node-name h3{font-size:1.65rem}.lab-node-destination p{font-size:.75rem}.lab-flow-lines{height:96px}.lab-flow-lines-wide{display:none}.lab-flow-lines-mobile{display:block}.lab-notes{display:block;padding-bottom:40px}.lab-notes h2{margin-bottom:14px}.lab-notes p+h2{margin-top:32px}}