.liquidity-section{padding:0 0 12vh;scroll-margin-top:100px}
.liquidity-section h2{font-family:var(--logswap-font-display);font-size:clamp(28px,4vw,46px);line-height:1.1;margin-bottom:20px}
.liquidity-section .intro{color:var(--logswap-grey);font-size:13px;line-height:1.8;max-width:62em;margin-bottom:28px}
#live-flow{--foreground:var(--logswap-ink);--background:var(--logswap-black);--muted:var(--logswap-line);--muted-foreground:var(--logswap-grey);--border:var(--logswap-line);--yellow:var(--logswap-accent);--green:var(--logswap-viz-quote);--viz-series-1:var(--logswap-ink);--viz-series-2:var(--logswap-grey);--viz-series-3:var(--logswap-grey);--font-size-base:12px;font-size:12px;line-height:1.7}
#live-flow .viz-row{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap}
#live-flow .text-small{font-size:11px}#live-flow .text-muted{color:var(--logswap-grey)}
#live-flow .tabular-nums{font-variant-numeric:tabular-nums}
#live-flow button{font:inherit;background:var(--logswap-accent);color:var(--logswap-black);border:0;padding:8px 16px;cursor:pointer}
#live-flow button:focus-visible{outline:2px solid var(--logswap-ink);outline-offset:4px}
#bf-status{min-height:3.4em;color:var(--logswap-grey)}

#live-flow {color:var(--foreground)}
#live-flow #bf-scene {display:block;width:100%;margin:8px 0}
#live-flow #bf-scene text {font-family:inherit;font-size:var(--font-size-base);fill:var(--foreground);font-weight:400}
#live-flow #bf-scene .muted {fill:var(--muted-foreground)}
#live-flow .viz-row {margin-bottom:10px}


@media(max-width:520px){#live-flow{--font-size-base:10px}}