.membranes67 .ro-flow-layout{grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:36px}.membranes67 .flow-drawing{min-width:0}.membranes67 .flow-drawing svg text{font-size:13px;letter-spacing:.035em}.membranes67 .flow-drawing svg .diagram-caption{font-size:10px}.membranes67 .membrane-cross297{fill:none;stroke:#7fa4c8;stroke-width:3;stroke-linecap:round}.membranes67 .flow-drawing[data-current=permeate] .membrane-cross297{stroke:#f8fbfd;stroke-width:4}.membranes67 .flow-controls button{border-radius:8px}.membranes67 .flow-controls button:focus-visible{outline:3px solid #badbfa;outline-offset:4px}@media(max-width:700px){.membranes67 .ro-flow-layout{grid-template-columns:1fr;gap:18px}.membranes67 .flow-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.membranes67 .flow-controls button{padding:14px 9px;min-width:0}.membranes67 .flow-controls button strong{font-size:13px}.membranes67 .flow-controls button small{font-size:10px;line-height:1.5}.membranes67 .flow-drawing svg text{font-size:15px}.membranes67 .flow-drawing svg .diagram-caption{font-size:12px}}@media(prefers-reduced-motion:reduce){.membranes67 .flow-path,.membranes67 .stream-node{transition:none}}

@media(max-width:600px){#ro-flow .flow-drawing svg text:not(.diagram-caption){font-size:26px;letter-spacing:0}#ro-flow .flow-drawing svg text.diagram-caption{font-size:18px}}

#ro-flow .membrane-layer433{stroke:#d5e8f7;stroke-width:2.5}#ro-flow .flow-drawing svg>rect:first-of-type{stroke:#92b6d5;stroke-width:2}