.iabp-workspace { grid-template-columns: minmax(0, 1.8fr) minmax(270px, .65fr); }
.iabp-monitor { padding: 10px 12px 8px; }
.iabp-monitor svg { min-width: 720px; }
.monitor-grid { fill: none; stroke: #173743; stroke-width: 1; opacity: .7; }
.axis-labels { fill: #91aab4; font: 600 12px Inter, ui-sans-serif, system-ui, sans-serif; }
.ecg-trace, .balloon-trace { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.art-trace { fill: none; stroke-linecap: butt; stroke-linejoin: miter; }
.ecg-trace { stroke: #65dd8b; stroke-width: 2.8; }
.art-trace { stroke: #f4c95d; stroke-width: 4.5; }
.balloon-trace { stroke: #56b9ef; stroke-width: 3.5; }
.ratio-chip { border: 1px solid #b8c8cf; border-radius: 999px; color: var(--muted); font-size: 13px; font-weight: 700; padding: 8px 12px; }
.analysis-layer circle { fill: #fff; stroke: #ef9c27; stroke-width: 3; }
.analysis-layer text { fill: #fff; font: 700 12px Inter, ui-sans-serif, system-ui, sans-serif; paint-order: stroke; stroke: #071923; stroke-width: 4px; stroke-linejoin: round; }
.iabp-reference, .iabp-reference h2 { color: var(--ink); }
.iabp-reference ul { margin-bottom: 20px; }
.iabp-reference li { padding-bottom: 16px; }
.source-box { border-top: 1px solid #c8d6dc; display: grid; gap: 10px; padding-top: 18px; }
.source-box a { color: #8d241f; font-size: 14px; font-weight: 700; line-height: 1.4; }
.feedback ul { margin: 10px 0 0; padding-left: 22px; }
.feedback li { padding: 0 0 7px; }
.feedback li::before { content: none; }
@media (max-width: 780px) {
  .iabp-workspace { grid-template-columns: 1fr; }
  .iabp-monitor { overflow-x: auto; }
}