/* henderson-hasselbalch — tool CSS, retired by Chunk 4b (workbench).
   The workbench in assets/style.css §27 + the Chunk 1 components now
   cover the example row, the acid/base toggle (Chunk 1 .segmented), the
   accordions, the data toggle, the result hero and the safety note, so
   those rules are gone. What stays is only what no Chunk 1 component
   covers: the ionised/unionised stack bar. Dead rules noted below. */
.tool-body .stack-bar {
  display: flex;
  height: 24px;
  border-radius: 6px;
  overflow: hidden;
  margin-top: 16px;
  background: #e8eef7;
}
.tool-body .stack-fill.ion {
  background: #1f6fb2;
  height: 100%;
  width: 50%;
}
.tool-body .stack-fill.un {
  background: #e67e22;
  height: 100%;
  width: 50%;
}
/* Chunk 8: dark mode — the bar is a data visual, so its fills lighten
   like the plot series colours; the track becomes a dark surface. */
[data-theme="dark"] .tool-body .stack-bar {
  background: var(--surface-2);
}
[data-theme="dark"] .tool-body .stack-fill.ion {
  background: #6aa6e0;
}
[data-theme="dark"] .tool-body .stack-fill.un {
  background: #f0923d;
}
/* Retired in Chunk 4b: .example-box, .example-row (workbench §27),
   .safety (now .safety-note), .field-err (now .field-error, created by
   the tool JS), .data-toggle (shared Show data button),
   .unit-toggle/.unit-btn (now .segmented). Dead rules noted: .check was
   never used by this tool. */