.membranes67 .detail-art{margin:0;border:1px solid #e1e8ed;border-radius:12px;background:#f5f7f9;padding:12px}.membranes67 .detail-art img{width:100%;height:100%;max-height:none;object-fit:contain;transform:none}.membranes67 .detail-art figcaption{position:absolute;bottom:14px;left:20px;font-size:8px;color:#52697b}.ro-context67{padding-block:30px 45px}.ro-bento67{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;margin-top:28px}.ro-plant67{position:relative;grid-row:span 2;min-width:0;border-radius:12px;overflow:hidden;background:#e1edf6;display:flex;flex-direction:column;text-decoration:none}.ro-plant67>img{width:100%;height:300px;object-fit:cover;flex:1;min-height:0}.ro-plant67>span{display:flex;align-items:center;justify-content:space-between;padding:24px;gap:20px}.ro-plant67 strong{font-weight:500;font-size:27px;line-height:1.12;letter-spacing:-.7px}.ro-plant67 b{font-size:30px;font-weight:300}.ro-plant67>small{font-size:8px;padding:0 24px 20px;color:#52697b}.ro-info67{padding:26px;background:#edf3f7;border-radius:12px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.ro-info67>svg{width:32px;height:32px;margin-bottom:22px}.ro-info67 h3{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:0 0 10px;line-height:1.1}.ro-info67 p{font-size:12px;line-height:1.7;margin:0}.ro-info67 small{font-size:9px;line-height:1.6;color:#52697b;margin-top:18px}.ro-target67{grid-column:2/4;display:grid;grid-template-columns:40px 1fr auto;column-gap:20px;align-items:center;background:#e1edf6}.ro-target67>svg{grid-row:span 2;margin:0}.ro-target67 h3{margin-bottom:4px}.ro-target67 p{grid-column:2}.ro-target67 a{grid-column:3;grid-row:1/3;font-size:11px;display:flex;align-items:center;gap:25px;text-decoration:none}.ro-target67 a span{font-size:24px}.ro-flow67{padding:45px 0 30px;background:#164f90;color:#f8fbfd}.ro-flow67 .eyebrow{color:#bed4e9}.ro-flow67 .detail-heading63 h2{margin-bottom:0}.ro-flow67 .ro-flow-layout{margin-top:25px;align-items:center}.ro-flow67 .flow-controls button{padding:20px 0;text-align:left}.ro-flow67 .flow-controls strong{font-size:23px;font-weight:500;letter-spacing:-.5px}.ro-flow67 .flow-controls small{font-size:11px}.ro-flow67 .flow-reading{margin-top:15px}.ro-flow67 .flow-reading>p{font-size:12px}.ro-flow67 .flow-reading>small{font-size:9px}.ro-flow67 .flow-drawing svg text{font-size:12px;fill:#e1edf6}.ro-flow67 .flow-drawing svg .diagram-caption{font-size:10px;letter-spacing:1px}.ro-flow67 button:focus-visible{outline:2px solid white;outline-offset:4px}.membranes67 .detail-bottom{padding-top:40px}@media(max-width:900px){.ro-bento67{grid-template-columns:1fr 1fr}.ro-plant67{grid-row:span 2}.ro-target67{grid-column:1/3}.ro-target67>svg{margin:0}.ro-target67 h3{margin-bottom:5px}}@media(max-width:760px){.membranes67 h1{font-size:48px}.membranes67 .detail-art{height:300px;padding:10px}.membranes67 .detail-art figcaption{left:15px;font-size:7px}.ro-context67{padding-block:20px 30px}.ro-bento67{gap:12px}.ro-plant67{grid-column:1/3;grid-row:auto}.ro-plant67>img{height:250px;flex:none}.ro-plant67>span{padding:20px}.ro-plant67>small{padding:0 20px 18px}.ro-info67{padding:20px}.ro-info67 h3{font-size:23px}.ro-info67 p{font-size:11px}.ro-info67 small{font-size:8px}.ro-target67{display:flex;gap:0}.ro-target67>svg{margin-bottom:20px}.ro-target67 a{margin-top:20px;width:100%;justify-content:space-between}.ro-flow67{padding:30px 0 25px}.ro-flow67 .flow-drawing svg text{font-size:14px}.ro-flow67 .flow-drawing svg .diagram-caption{font-size:12px;letter-spacing:0}.ro-flow67 .flow-controls button{padding:15px 0}.ro-flow67 .flow-controls strong{font-size:22px}.membranes67 .detail-bottom{padding-top:30px}}@media(max-width:370px){.ro-info67:not(.ro-target67){grid-column:1/3}.ro-plant67>img{height:220px}}
.ro-flow67 .flow-controls button{padding:18px 20px;border:1px solid #6f96bd;border-radius:9px;margin-bottom:8px}.ro-flow67 .flow-controls button[aria-pressed=true]{background:#f8fbfd}.ro-flow67 .flow-controls strong{line-height:1.2}.ro-flow67 .flow-controls small{line-height:1.5;margin-top:7px}
@media(max-width:760px){.ro-target67{align-items:flex-start}.ro-target67 h3,.ro-target67 p{align-self:auto;text-align:left}.ro-target67>svg{align-self:flex-start}}
