/* le_chatelier.css — position track + a reaction vessel showing the live molecule mixture
   (amber reactant, green product), counts tracking the equilibrium position. */
.lc-end { fill: #cbd5e1; font-size: 12px; font-weight: 700; }
.lc-eqsym { fill: #94a3b8; font-size: 16px; font-weight: 700; }
.lc-track { fill: rgba(255, 255, 255, 0.08); }
.lc-track-fill { fill: rgba(52, 211, 153, 0.45); }
.lc-eq { fill: #8fa8cf; stroke: #0b1220; stroke-width: 1.5; }
.lc-vessel { fill: rgba(186, 230, 253, 0.03); stroke: rgba(186, 230, 253, 0.32); stroke-width: 1.6; }
.lc-react { fill: #fbbf24; stroke: #78350f; stroke-width: 0.8; }
.lc-prod { fill: #34d399; stroke: #064e3b; stroke-width: 0.8; }
.lc-leg { fill: #94a3b8; font-size: 11px; font-weight: 600; }