.flow-review-bar{background:#e5eff3;color:#143a50;padding:14px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid #8caebb44}.flow-review-title{font-size:11px;letter-spacing:.08em}.flow-review-controls{display:flex;gap:8px;flex-wrap:wrap}.flow-review-controls button{font:inherit;font-size:12px;cursor:pointer;border:1px solid #8caebb77;background:transparent;color:#365d70;padding:9px 13px;border-radius:20px}.flow-review-controls button[aria-pressed=true]{background:#143e55;color:#eff8fa;border-color:#143e55}.flow-review-controls button:focus-visible{outline:2px solid #417f94;outline-offset:3px}.flow-review-layout{font-size:11px;border-bottom:1px solid #8caebb;padding-bottom:4px}.flow-review-note{font-size:11px;line-height:1.6;color:#5b7c8c;padding:9px var(--pad);background:#eaf2f5;margin:0}
.flow-art-frame{display:block;position:relative;min-width:0}.flow-art-frame>svg{display:block;width:100%;height:100%;overflow:visible}.flow-art-frame>img.flow-art-source{display:none!important}
.dossier-art>.flow-art-frame{width:100%;height:350px}.dossier-art{background:radial-gradient(ellipse,#2c607455,transparent 75%),#0a2b3e;padding:20px}.dossier-art .sp-caption{margin-top:13px}.focus-plant>.flow-art-frame{width:100%;height:430px}.focus-thumbnails .flow-art-frame{width:100%;height:67px}.focus-thumbnails .flow-art-frame svg{opacity:.6}.focus-thumbnails button[aria-pressed=true] .flow-art-frame svg{opacity:1}
.flow-legend{display:flex;justify-content:center;align-items:center;gap:12px;font-size:10px;color:#b5d3df;line-height:1.6;flex-wrap:wrap;width:100%;margin:12px 0 4px}.flow-legend span{display:inline-flex;align-items:center;gap:6px}.flow-legend i{width:9px;height:9px;border-radius:50%;background:var(--inlet,#9b9e9c)}.flow-legend .flow-out i{background:#58bdf4}.flow-legend .flow-direction{color:#789fb2}.focus-plant .flow-legend{margin:2px 0 16px}.focus-thumbnails .flow-legend{display:none}
@media(min-width:1400px){.focus-plant>.flow-art-frame{height:470px}.dossier-art>.flow-art-frame{height:390px}}
@media(max-width:900px){.focus-plant>.flow-art-frame{height:350px}.dossier-art>.flow-art-frame{height:300px}.focus-thumbnails .flow-art-frame{height:58px}}
@media(max-width:650px){.flow-review-bar{gap:12px;padding-block:12px}.flow-review-controls button{font-size:11px;padding:8px 10px}.flow-review-note{font-size:10px}.focus-plant>.flow-art-frame{height:290px}.dossier-art>.flow-art-frame{height:270px}.focus-thumbnails .flow-art-frame{height:60px}}