/* Custom styles for Quality Control Manual images */

/* Format images in the main content as compact thumbnails by default */
.md-content img:not(.twemoji) {
  max-width: 450px;
  max-height: 280px;
  width: auto;
  height: auto;
  border-radius: 6px;
  border: 1px solid var(--md-default-fg-color--lightest);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  cursor: zoom-in;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: block;
  margin: 1.5rem auto; /* Centered with vertical spacing */
}

/* Interactive hover effect to clearly suggest click-to-zoom */
.md-content img:not(.twemoji):hover {
  transform: scale(1.015);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
  border-color: var(--md-typeset-a-color);
}