/* Local preview only: editorial compositions keep their real proportions.
   Approved tools-v2 art, brand marks, logos and visitor media are untouched. */
.guide-figure:not(.tool-hero-picture) > img,
.teaser-picture > img,
.home-motion .motion-guide-card .teaser-picture > img,
.tutorial-step > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
}

/* A compact mobile guide keeps a full landscape composition, not a square crop.
   Explicit selector matches the existing mobile rule without touching tool art. */
@media (max-width: 760px) {
  .home-motion .motion-guide-card .teaser-picture > img {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
  }
}