/* electrolysis.css — the electrolysis-cell scene drawn by viz/electrolysis.js, in the shared
   .lv chrome (cards/sliders/equation come from _shared.css). Dark-theme palette; every text
   label is haloed (paint-order) so it stays legible over the cell and ions. */

.el-wire { stroke: #cbd5e1; stroke-width: 2; stroke-linecap: round; }
.el-batt { fill: rgba(148, 163, 184, 0.18); stroke: #cbd5e1; stroke-width: 1.4; }
.el-batt-t { fill: #f1f5f9; font-size: 13px; font-weight: 800; }
.el-supply { fill: #9fb0c3; font-size: 9px; font-weight: 600; }

/* the electrolyte container + liquid */
.el-cell { fill: none; stroke: rgba(203, 213, 225, 0.55); stroke-width: 2.4; stroke-linejoin: round; stroke-linecap: round; }
.el-liquid { fill: rgba(56, 189, 248, 0.1); stroke: rgba(56, 189, 248, 0.28); stroke-width: 1; }

/* carbon electrodes */
.el-rod { fill: #334155; stroke: #94a3b8; stroke-width: 1.2; }
.el-cathode { fill: #2a3a52; }    /* faint cool (− terminal) */
.el-anode { fill: #3a3326; }      /* faint warm (+ terminal) */
.el-elabel { fill: #e8eef6; font-size: 11px; font-weight: 700; paint-order: stroke; stroke: #0b1220; stroke-width: 3px; stroke-linejoin: round; }

/* ions — coloured discs with a charge sign */
.el-cation circle { fill: #fb923c; stroke: #3a1d05; stroke-width: 1; }
.el-anion circle { fill: #38bdf8; stroke: #062a3d; stroke-width: 1; }
.el-sign { fill: #0b1220; font-size: 11px; font-weight: 800; }
.el-faded { opacity: 0.18; }

/* discharge electrons + products */
.el-e { fill: #fde68a; font-size: 11px; font-weight: 800; paint-order: stroke; stroke: #1a1205; stroke-width: 2.8px; stroke-linejoin: round; }
.el-bubble { fill: rgba(226, 240, 252, 0.85); stroke: rgba(148, 197, 230, 0.7); stroke-width: 0.8; }
.el-deposit { fill: #d98a4f; stroke: #7a4422; stroke-width: 1; }
.el-prodlbl { font-size: 11px; font-weight: 800; paint-order: stroke; stroke: #0b1220; stroke-width: 3px; stroke-linejoin: round; }
.el-prodlbl-c { fill: #fed7aa; }
.el-prodlbl-a { fill: #a7f3d0; }