/* Readout positions stay fixed while the actual blood-volume geometry changes. */
.venous-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5px;row-gap:3px;align-items:baseline;container-type:inline-size}
.venous-visual>svg{grid-column:1/-1;grid-row:1}
.venous-visual>.reservoir-stressed-label{position:static;grid-column:1;grid-row:2;transform:none;align-self:end;text-align:center;font-size:clamp(7px,8cqw,10px);line-height:1.3;white-space:nowrap}
.venous-visual>.reservoir-overlay{display:contents}
.reservoir-overlay>strong{grid-column:1;grid-row:3;justify-self:center;max-width:100%;font-size:clamp(11px,14cqw,18px);font-weight:500;line-height:1.35;font-variant-numeric:tabular-nums;white-space:nowrap}
.reservoir-overlay>strong small{font-size:clamp(6px,6cqw,8px);font-weight:400;margin-left:2px}
.reservoir-overlay>.reservoir-divider{display:none}
.reservoir-overlay>.tiny-label{grid-column:2;grid-row:2;align-self:end;text-align:center;font-size:clamp(7px,8cqw,10px);line-height:1.3;white-space:nowrap}
.reservoir-overlay>.subnumber{grid-column:2;grid-row:3;justify-self:center;font-size:clamp(9px,10cqw,13px);line-height:1.35;font-variant-numeric:tabular-nums;white-space:nowrap}
@container(max-width:95px){
 .venous-visual>.reservoir-stressed-label{grid-column:1/-1;grid-row:2;font-size:9px}
 .reservoir-overlay>strong{grid-column:1/-1;grid-row:3;font-size:16px}
 .reservoir-overlay>strong small{font-size:8px}
 .reservoir-overlay>.tiny-label{grid-column:1/-1;grid-row:4;font-size:9px;margin-top:4px}
 .reservoir-overlay>.subnumber{grid-column:1/-1;grid-row:5;font-size:13px}
}