/* specific_heat.css — beaker, thermometer, energy bar (see specific_heat.js). */
.sh-svg { display: block; width: 100%; height: auto; }
.sh-beaker { fill: rgba(14, 165, 233, 0.04); stroke: rgba(186, 230, 253, 0.6); stroke-width: 2; }
.sh-heat { fill: none; stroke: #fb923c; stroke-width: 2.4; stroke-linecap: round; opacity: 0.85; }
.sh-tube { fill: rgba(15, 23, 42, 0.8); stroke: #e2e8f0; stroke-width: 1.4; }
.sh-bulb { fill: #fb7185; stroke: #e2e8f0; stroke-width: 1.4; }
.sh-merc { fill: #fb7185; }
.sh-lab { fill: #cbd5e1; font-size: 11px; font-weight: 600; }
.sh-elab { fill: #fed7aa; font-size: 10px; font-weight: 700; }
.sh-bar-bg { fill: rgba(255, 255, 255, 0.06); stroke: rgba(255, 255, 255, 0.12); stroke-width: 1; }
.sh-bar { fill: #fb923c; }
.sh [data-mat].is-on { border-color: #fb923c; background: color-mix(in srgb, #fb923c 18%, transparent); color: #fed7aa; }