.pipeB-wrap {
  margin-top: 12px;
  text-align: center;
}

.pipeB-shell {
  position: relative;
  width: 100%;
  max-width: 720px;
  height: 120px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 200'>\
<!-- PIPE BODY -->\
<path d='\
M40 60 \
H260 \
C300 60 330 75 360 90 \
H440 \
C470 75 500 60 540 60 \
H760 \
C790 60 790 140 760 140 \
H540 \
C500 140 470 125 440 110 \
H360 \
C330 125 300 140 260 140 \
H40 \
C10 140 10 60 40 60 Z' \
fill='%23dbeafe' stroke='%233b82f6' stroke-width='4'/>\
<!-- THROAT GAP -->\
<rect x='360' y='90' width='80' height='20' fill='%23bfdbfe'/>\
</svg>");
}

.pipeB-stream {
  position: absolute;
  height: 0;
  border-top: 2px dotted #1e40af;
  width: 60px;
  opacity: 0.9;
}

.pipeB-caption {
  display: flex;
  justify-content: space-between;
  max-width: 720px;
  margin: 6px auto 0;
  font-size: 12px;
  color: #333;
}