/* Preserve the open, unlabelled composition while layering animation frames. */
.theme-lab .specimen-study {
  width: 100%; height: 100%; min-width: 0; min-height: 0;
  display: grid; align-items: center;
}
.theme-lab .specimen-drawing {
  position: relative; min-height: 0; width: 100%; aspect-ratio: 1;
}
.theme-lab .specimen-drawing img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain;
}
.theme-lab .specimen-drawing .specimen-alternate { opacity: 0; }
/* Align the smaller plant's root crown with the mature reference. */
.theme-lab .specimen-study--plant .specimen-alternate:nth-of-type(2) {
  transform: translate(.7%, -15.5%);
}
.theme-lab .specimen-study--plant .specimen-drawing { width: 91%; margin-inline: auto; }
.theme-lab .specimen-study--yeast .specimen-drawing,
.theme-lab .specimen-study--phage .specimen-drawing { width: 92%; margin-inline: auto; }
.theme-lab .hero-art figcaption { align-items: center; min-height: 32px; margin-top: 13px; }
.specimen-caption-controls { display: flex; align-items: center; gap: 16px; }
.specimen-pause {
  display: inline-flex; align-items: center; gap: 7px; min-height: 32px;
  padding: 0; border: 0; color: inherit; background: transparent; font: inherit; cursor: pointer;
}
.specimen-pause[hidden] { display: none; }
.specimen-pause::before { content: 'Ⅱ'; font-size: 11px; }
.specimen-pause[aria-pressed=true]::before { content: '▷'; }
.specimen-pause:hover { text-decoration: underline; text-underline-offset: 4px; }
.specimen-pause:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
@media (max-width: 500px) {
    .specimen-caption-controls > span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .specimen-pause { display: none; }
  .theme-lab .specimen-drawing > img:first-child { opacity: 1 !important; }
  .theme-lab .specimen-drawing .specimen-alternate { display: none; }
}