/* TracingsMD · ECG Basics schematic diagrams (anatomy and conduction line art, never waveforms).
   All colours live here so the SVGs carry no inline styles. Colour is never the only cue:
   low-oxygen flow is dashed, oxygen-rich flow is solid, and every structure is labelled. */
figure.diagram svg{display:block;width:100%;max-width:640px;min-width:0;height:auto;margin:0 auto;border:0;border-radius:0}
figure.diagram svg.dg-svg{background:#fff}

/* Text */
figure.diagram .dg-label{font-family:"Segoe UI",system-ui,sans-serif;font-size:14px;fill:#0b2a5b;font-weight:500}
figure.diagram .dg-sm{font-size:13px}
figure.diagram .dg-sub{font-size:13px;fill:#3b4a5c;font-weight:400}
figure.diagram .dg-strong{font-weight:650}
figure.diagram .dg-title{font-size:15px;font-weight:650;letter-spacing:.02em}
figure.diagram .dg-muted{fill:#4d5b6e}
figure.diagram .dg-side{font-family:"Segoe UI",system-ui,sans-serif;font-size:15px;font-weight:700;fill:#0b2a5b}
figure.diagram .dg-faint{font-family:"Segoe UI",system-ui,sans-serif;font-size:14px;font-weight:600;fill:#98a2b3}
figure.diagram .dg-leader{fill:none;stroke:#0b2a5b;stroke-width:1}
figure.diagram .dg-dot{fill:#0b2a5b}

/* Heart muscle, cavities, vessels, valves */
figure.diagram .dg-wall{fill:#f3d9d4;stroke:#b5584a;stroke-width:2;stroke-linejoin:round}
figure.diagram .dg-cavity{fill:#fdf9f8;stroke:#b5584a;stroke-width:1.3;stroke-linejoin:round}
figure.diagram .dg-lumen{fill:#fdf9f8;stroke:none}
figure.diagram .dg-tube-o{fill:none;stroke:#b5584a;stroke-linecap:butt;stroke-linejoin:round}
figure.diagram .dg-tube-i{fill:none;stroke:#fdf9f8;stroke-linecap:butt;stroke-linejoin:round}
figure.diagram .dg-tube-o.dg-txl{stroke-width:36} figure.diagram .dg-tube-i.dg-txl{stroke-width:32}
figure.diagram .dg-tube-o.dg-tl{stroke-width:38} figure.diagram .dg-tube-i.dg-tl{stroke-width:34}
figure.diagram .dg-tube-o.dg-tm{stroke-width:32} figure.diagram .dg-tube-i.dg-tm{stroke-width:28}
figure.diagram .dg-tube-o.dg-ts{stroke-width:22} figure.diagram .dg-tube-i.dg-ts{stroke-width:18}
figure.diagram .dg-tube-o.dg-txs{stroke-width:18} figure.diagram .dg-tube-i.dg-txs{stroke-width:14}
figure.diagram .dg-rvot-o{fill:none;stroke:#b5584a;stroke-width:42;stroke-linecap:butt}
figure.diagram .dg-rvot-w{fill:none;stroke:#f3d9d4;stroke-width:39;stroke-linecap:butt}
figure.diagram .dg-rvot-i{fill:none;stroke:#fdf9f8;stroke-width:28;stroke-linecap:butt}
figure.diagram .dg-valve{fill:none;stroke:#0b2a5b;stroke-width:3.2;stroke-linecap:round}

/* Blood flow: dashed slate-blue = low-oxygen, solid deep red = oxygen-rich */
figure.diagram .dg-flow-low{fill:none;stroke:#4a6d9c;stroke-width:3;stroke-dasharray:8 5;stroke-linecap:butt;stroke-linejoin:round}
figure.diagram .dg-flow-high{fill:none;stroke:#a8322d;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round}
figure.diagram .dg-ah-low{fill:#4a6d9c}
figure.diagram .dg-ah-high{fill:#a8322d}
figure.diagram .dg-ah-ink{fill:#0b2a5b}
figure.diagram .dg-ah-path{fill:#0a6e78}

/* Circulation loop */
figure.diagram .dg-organ{fill:#f5f7fa;stroke:#0b2a5b;stroke-width:1.6}
figure.diagram .dg-pump{fill:#f3d9d4;stroke:#b5584a;stroke-width:2}
figure.diagram .dg-chamber{fill:#fdf9f8;stroke:#b5584a;stroke-width:1.3}

/* Conduction system on a faded outline */
figure.diagram .dg-faded .dg-wall{fill:#fbf4f2;stroke:#dfc9c4;stroke-width:1.5}
figure.diagram .dg-faded .dg-cavity,figure.diagram .dg-faded .dg-lumen{fill:#fff}
figure.diagram .dg-faded .dg-cavity{stroke:#e6d6d2;stroke-width:1}
figure.diagram .dg-faded .dg-tube-o,figure.diagram .dg-faded .dg-rvot-o{stroke:#dfc9c4}
figure.diagram .dg-faded .dg-tube-i,figure.diagram .dg-faded .dg-rvot-i{stroke:#fff}
figure.diagram .dg-faded .dg-rvot-w{stroke:#fbf4f2}
figure.diagram .dg-faded .dg-valve{stroke:#c3cad6;stroke-width:2}
figure.diagram .dg-node{fill:#0b2a5b;stroke:#fff;stroke-width:1.5}
figure.diagram .dg-path,figure.diagram .dg-bundle{fill:none;stroke:#0a6e78;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
figure.diagram .dg-bundle.dg-thin{stroke-width:2.4}
figure.diagram .dg-bundle.dg-his{stroke:#0b2a5b;stroke-width:5}
figure.diagram .dg-purkinje{fill:none;stroke:#0a6e78;stroke-width:1.3;stroke-linecap:round}
figure.diagram .dg-spread{fill:none;stroke:#0a6e78;stroke-width:2;stroke-dasharray:3 4;stroke-linecap:round}
figure.diagram .dg-ring{fill:none;stroke:#8d96a6;stroke-width:8;stroke-linejoin:round;stroke-linecap:round;opacity:.75}
figure.diagram .dg-sept{fill:none;stroke:#0b2a5b;stroke-width:2.6}
figure.diagram .dg-badge{fill:#0b2a5b}
figure.diagram .dg-badge-t{font-family:"Segoe UI",system-ui,sans-serif;font-size:13px;font-weight:700;fill:#fff}
figure.diagram .dg-panel{fill:#f5f7fa;stroke:#cfd6e0;stroke-width:1.2}

/* Torso and leads */
figure.diagram .dg-body{fill:#fbfbfc;stroke:#0b2a5b;stroke-width:2;stroke-linejoin:round}
figure.diagram .dg-bone{fill:none;stroke:#9aa3b2;stroke-width:3;stroke-linecap:round}
figure.diagram .dg-sternum{fill:#eef1f5;fill-opacity:.72;stroke:#9aa3b2;stroke-width:1.5}
figure.diagram .dg-guide{fill:none;stroke:#8d96a6;stroke-width:1.4;stroke-dasharray:5 5}
figure.diagram .dg-heart{fill:#f3d9d4;stroke:#b5584a;stroke-width:2;opacity:.92}
figure.diagram .dg-heart-septum{fill:none;stroke:#b5584a;stroke-width:1.4}
figure.diagram .dg-electrode{fill:#fff;stroke:#0b2a5b;stroke-width:2.2}
figure.diagram .dg-electrode.dg-neutral{stroke-dasharray:4 3}
figure.diagram .dg-el-t{font-family:"Segoe UI",system-ui,sans-serif;font-size:13px;font-weight:700;fill:#0b2a5b}
figure.diagram .dg-sign{font-family:"Segoe UI",system-ui,sans-serif;font-size:24px;font-weight:700;fill:#0b2a5b}
figure.diagram .dg-lead{fill:none;stroke:#0b2a5b;stroke-width:5;stroke-linecap:round}
figure.diagram .dg-wave{fill:none;stroke:#0a6e78;stroke-width:3}
figure.diagram .dg-tick-base{fill:none;stroke:#8d96a6;stroke-width:1.4}
figure.diagram .dg-tick{fill:none;stroke:#0b2a5b;stroke-width:2.6}

/* Print and forced colours: keep black/grey line art legible without relying on hue. */
@media print{
  figure.diagram{break-inside:avoid;page-break-inside:avoid}
  figure.diagram svg{max-width:100%!important}
  figure.diagram .dg-label,figure.diagram .dg-side,figure.diagram .dg-el-t,figure.diagram .dg-sign{fill:#000}
  figure.diagram .dg-sub,figure.diagram .dg-muted{fill:#333}
  figure.diagram .dg-leader,figure.diagram .dg-valve,figure.diagram .dg-lead,figure.diagram .dg-tick,figure.diagram .dg-sept,figure.diagram .dg-body,figure.diagram .dg-organ{stroke:#000}
  figure.diagram .dg-dot,figure.diagram .dg-ah-ink,figure.diagram .dg-node,figure.diagram .dg-badge{fill:#000}
  figure.diagram .dg-wall,figure.diagram .dg-pump,figure.diagram .dg-heart{fill:#e6e6e6;stroke:#444}
  figure.diagram .dg-cavity,figure.diagram .dg-chamber{fill:#fff;stroke:#444}
  figure.diagram .dg-lumen{fill:#fff}
  figure.diagram .dg-tube-i,figure.diagram .dg-rvot-i{stroke:#fff}
  figure.diagram .dg-tube-o,figure.diagram .dg-rvot-o{stroke:#444}
  figure.diagram .dg-rvot-w{stroke:#e6e6e6}
  figure.diagram .dg-flow-low{stroke:#555}
  figure.diagram .dg-ah-low{fill:#555}
  figure.diagram .dg-flow-high{stroke:#000}
  figure.diagram .dg-ah-high{fill:#000}
  figure.diagram .dg-bundle,figure.diagram .dg-path,figure.diagram .dg-purkinje,figure.diagram .dg-spread,figure.diagram .dg-wave{stroke:#222}
  figure.diagram .dg-ah-path{fill:#222}
  figure.diagram .dg-bundle.dg-his{stroke:#000}
  figure.diagram .dg-faded .dg-wall{fill:#f6f6f6;stroke:#bbb}
  figure.diagram .dg-faded .dg-cavity{stroke:#ccc}
  figure.diagram .dg-faded .dg-tube-o,figure.diagram .dg-faded .dg-rvot-o{stroke:#bbb}
  figure.diagram .dg-faded .dg-rvot-w{stroke:#f6f6f6}
  figure.diagram .dg-faded .dg-valve{stroke:#bbb}
  figure.diagram .dg-ring{stroke:#777}
  figure.diagram .dg-panel{fill:#fff;stroke:#777}
}
@media (forced-colors:active){
  figure.diagram svg.dg-svg{background:Canvas}
  figure.diagram .dg-label,figure.diagram .dg-sub,figure.diagram .dg-side,figure.diagram .dg-faint,figure.diagram .dg-el-t,figure.diagram .dg-sign{fill:CanvasText}
}
