/* Generated by body-anatomy examples/caffeine-heart/build.mjs --site. Do not edit: build it again. */
.bh-plate{position:relative;padding:44px 22px 40px;background:var(--bh-card);box-shadow:0 0 0 1px var(--bh-mid)}
.bh-corner{position:absolute;font-family:var(--bh-mono);font-size:10.5px;line-height:1;letter-spacing:.04em;white-space:nowrap;color:var(--bh-muted)}
.bh-corner[data-corner="fig"]{top:18px;left:20px;color:var(--bh-text)}
.bh-corner[data-corner="title"]{top:18px;right:20px;text-transform:uppercase;letter-spacing:.1em}
.bh-corner[data-corner="hint"]{bottom:16px;left:20px;text-transform:uppercase;letter-spacing:.1em}
.bh-corner[data-corner="readout"]{bottom:16px;right:20px;color:var(--bh-text);font-variant-numeric:tabular-nums}
.bh-stage{position:relative;width:100%;aspect-ratio:16/10;background:var(--bh-stage-glow);outline:none;touch-action:none;cursor:grab}
.bh-stage:active{cursor:grabbing}
.bh-stage:focus-visible{box-shadow:0 0 0 1px var(--bh-hi)}
.bh-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}
.bh-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}
.bh-leader{fill:none;stroke:var(--bh-hi);stroke-width:.7;opacity:.75}
.bh-pin{fill:var(--bh-card);stroke:var(--bh-hi);stroke-width:1.1}
.bh-label-text{fill:var(--bh-strong);font:500 11.5px/1 var(--bh-sans);letter-spacing:.01em;paint-order:stroke;stroke:var(--bh-card);stroke-width:3px;stroke-linejoin:round}
.bh-label{cursor:pointer;transition:opacity .2s}
.bh-label-bg{fill:var(--bh-card);opacity:.92}
.bh-pin-num{fill:var(--bh-strong);stroke:var(--bh-card);stroke-width:1.5}
.bh-label-num{fill:var(--bh-card);font:600 9.5px/1 var(--bh-sans)}
.bh-key-list{display:none;margin:10px 0 0;padding:0;list-style:none;columns:2;column-gap:14px;font:12px/1.5 var(--bh-sans);color:var(--bh-text)}
.bh-key-list li{break-inside:avoid}
.bh-key-list b{display:inline-block;min-width:1.6em;color:var(--bh-strong);font-variant-numeric:tabular-nums}
.bh-compact .bh-key-list{display:block}
.bh-label[data-on] .bh-leader{stroke:var(--bh-lit);opacity:1;stroke-width:1}
.bh-label[data-on] .bh-pin{fill:var(--bh-lit)}
.bh-tip{position:absolute;z-index:3;pointer-events:none;padding:5px 8px;background:var(--bh-card);color:var(--bh-strong);box-shadow:0 0 0 1px var(--bh-mid);font:500 12px/1.2 var(--bh-sans);white-space:nowrap;opacity:0;transform:translate(-50%,-140%);transition:opacity .15s}
.bh-controls{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:14px;font:12px/1.4 var(--bh-sans);color:var(--bh-text)}
.bh-controls label{display:inline-flex;align-items:center;gap:8px}
.bh-controls input[type=range]{width:140px;accent-color:var(--bh-hi)}
.bh-seg{display:inline-flex;box-shadow:0 0 0 1px var(--bh-mid)}
.bh-seg button{appearance:none;border:0;background:transparent;color:var(--bh-text);font:11px/1 var(--bh-mono);letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;cursor:pointer}
.bh-seg button[aria-pressed="true"]{background:var(--bh-strong);color:var(--bh-card)}
.bh-seg button:focus-visible{outline:1px solid var(--bh-hi);outline-offset:1px}
.bh-num{font-family:var(--bh-mono);font-variant-numeric:tabular-nums;color:var(--bh-strong);min-width:5ch;display:inline-block}
.bh-trace{display:block;width:100%;height:150px;margin-top:12px}
.bh-band{fill:var(--bh-faint);opacity:.35}
.bh-band.alt{opacity:0}
.bh-grid{stroke:var(--bh-faint);stroke-width:.6}
.bh-hband{fill:var(--bh-faint);opacity:.55}
.bh-chart-title{fill:var(--bh-text);font:600 10.5px var(--bh-sans)}
.bh-band-label{fill:var(--bh-muted);font:8.5px var(--bh-mono);text-transform:uppercase;letter-spacing:.04em}
.bh-trace{cursor:ew-resize;touch-action:none}
.bh-stat{font:11.5px/1.5 var(--bh-mono);color:var(--bh-text);font-variant-numeric:tabular-nums;margin-top:6px}
.bh-axis{fill:var(--bh-muted);font:9.5px var(--bh-mono)}
.bh-series{fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.bh-series.lv{stroke:var(--bh-strong)}
.bh-series.ao{stroke:var(--bh-artery)}
.bh-series.la{stroke:var(--bh-atrium)}
.bh-dot{stroke:var(--bh-card);stroke-width:1.2}
.bh-dot.lv{fill:var(--bh-strong)}.bh-dot.ao{fill:var(--bh-artery)}.bh-dot.la{fill:var(--bh-atrium)}
.bh-cursor{stroke:var(--bh-hi);stroke-width:.8;vector-effect:non-scaling-stroke;opacity:.7}
.bh-phase-labels{display:flex;justify-content:space-between;font:9.5px var(--bh-mono);color:var(--bh-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.bh-legend{display:grid;gap:10px;margin-top:14px;color:var(--bh-muted);font-size:13px;line-height:1.55}
.bh-keys{display:flex;flex-wrap:wrap;gap:6px 18px}
.bh-key{display:inline-flex;align-items:center;gap:7px}
.bh-swatch{width:14px;height:10px;flex:none}
.bh-credit{font-size:11.5px;color:var(--bh-muted)}
.bh-credit a{color:inherit}
.bh-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;font-size:13px;color:var(--bh-muted)}
@media (max-width:560px){
  .bh-plate{padding:40px 10px 78px}
  .bh-stage{aspect-ratio:4/5}
  .bh-corner[data-corner="hint"]{bottom:52px}
  .bh-corner[data-corner="readout"]{left:20px;white-space:normal;text-align:right;line-height:1.35}
  .bh-label-text{font-size:10.5px}
}

.bh-band.extra{fill:var(--ch-extra);opacity:.9}
.bh-hband.base{fill:var(--bh-faint);opacity:.45}
.bh-series.sys{stroke:var(--bh-artery)}.bh-series.dia{stroke:var(--bh-strong)}
.bh-dot.sys{fill:var(--bh-artery)}.bh-dot.dia{fill:var(--bh-strong)}
:root{--ch-extra:#fde7d6}
[data-theme="dark"]{--ch-extra:#3a2618}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ch-extra:#3a2618}}