#svh .svh-overview{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;align-items:center}
#svh .svh-loads{display:grid;grid-template-columns:1fr;gap:6px;margin:6px 0}
#svh .svh-loads article{border-left:3px solid var(--guide-red);background:var(--paper-warm);padding:7px 9px;font-size:8pt;line-height:1.35}
#svh .svh-loads b{display:block;color:var(--guide-red-dark)}
#svh .svh-anatomy{margin:8px 0;text-align:center}
#svh .svh-anatomy img{display:block;width:min(100%,720px);height:auto;margin:auto}
#svh .svh-anatomy figcaption{max-width:720px;margin:4px auto;font-size:8pt;line-height:1.35;text-align:left}
#svh .svh-flow-figure{margin:8px 0;padding:8px;border:1px solid var(--rule);background:var(--paper-warm)}
#svh .svh-flow-figure svg{display:block;width:100%;height:auto;color:var(--ink)}
#svh .svh-flow-figure .vessel{fill:var(--paper);stroke:var(--ink-3);stroke-width:2}
#svh .svh-flow-figure .cusp{fill:none;stroke:var(--guide-red);stroke-width:7;stroke-linecap:round}
#svh .svh-flow-figure .stream{fill:none;stroke:var(--guide-red);stroke-width:4;stroke-dasharray:9 15}
#svh .svh-flow-figure .direction{fill:none;stroke:var(--ink);stroke-width:2}
#svh .svh-flow-figure text{fill:currentColor;font-size:20px;font-family:inherit}
#svh .svh-flow-figure figcaption{font-size:8pt;line-height:1.35;margin-top:5px}
#svh .svh-motion-controls{display:flex;flex-wrap:wrap;gap:8px;margin:7px 0}
#svh .svh-motion-controls button{font:inherit;font-size:14px;border:1px solid var(--rule);border-radius:4px;padding:8px 12px;background:var(--paper);color:var(--ink);min-height:44px;cursor:pointer}
#svh .svh-motion-controls button:focus-visible{outline:3px solid var(--guide-red);outline-offset:2px}
#svh .svh-motion-controls button:disabled{cursor:default;opacity:.65}
@media screen and (max-width:700px){#svh .svh-overview{grid-template-columns:1fr}#svh .svh-loads{grid-template-columns:1fr}}
@media print{
  #svh .svh-loads{gap:3px;margin:3px 0}
  #svh .svh-loads article{padding:3px 5px;font-size:6.6pt;line-height:1.2}
  #svh .svh-anatomy{margin:4px 0}
  #svh .svh-anatomy img{width:100%;max-height:230px;object-fit:contain}
  #svh .svh-anatomy figcaption{font-size:6pt;line-height:1.15}
  #svh .svh-flow-figure{padding:3px;margin:4px 0}
  #svh .svh-flow-figure svg{max-height:135px}
  #svh .svh-flow-figure figcaption{font-size:6.3pt;line-height:1.2}
  #svh .svh-motion-controls{display:none!important}
}

@media screen and (min-width:701px){#svh .band h2,#svh .band .tag{min-width:0;white-space:normal;flex:0 1 auto}#svh .band .tag{max-width:45%}}

@media screen{
  #svh .svh-loads article{font-size:16px;line-height:1.45}
}
@media screen and (max-width:700px){
  #svh table.tbl:has(thead th:nth-child(2):last-child) th:first-child{width:38%!important}
  #svh table.tbl:has(thead th:nth-child(2):last-child) th:last-child{width:62%!important}
  #svh .svh-flow-figure text{font-size:28px}
}