/* ============================================================
   mito.css — the mitochondria's own styles (5 Nov 2026): the mitochondria place's scale bar (play.js). Every size in that
   place is true, so the bar says how far the camera has zoomed. The styles of the Explorer film "Inside a mitochondrion"
   were here too, until the IB extension (js/ib/, css/ib.css) replaced the film on 5 Nov 2026 (Biology Hub/Archive/2026-11-05/).
   ============================================================ */
/* the scale bar, bottom left of the free part of the picture, under the names (5) and the buttons (8) */
.mscale{position:absolute;left:16px;top:0;z-index:4;display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none;color:#fff;font:800 14px/1 var(--sans);text-shadow:0 1px 3px rgba(0,0,0,.8)}
.mscale i{display:block;height:9px;border:solid #fff;border-width:0 2px 2px;border-radius:0 0 2px 2px;box-shadow:0 2px 3px rgba(0,0,0,.4)}
.mscale[hidden]{display:none}
/* the word equation at the end of the mitochondria, each word in its molecule's colour on the picture */
.eq{display:block;font-weight:800;font-size:17px;line-height:1.5;margin-bottom:4px}
.eq-g{color:#a87400}.eq-o{color:#c93c3c}.eq-c{color:#53627d}.eq-w{color:#2a7fc0}