/* =============================================================================
   WikiImages.css — uniform sizing + hover-zoom for standalone content images
   (class added by WikiImages.js). Inline symbols inside text are untouched.
   ============================================================================= */

.wiki-main img.wiki-img-block {
    display: block;
    /* Uniform display size regardless of the image's native dimensions. !important
       overrides any author inline width/height on these standalone images. */
    height: 22rem !important;
    width: auto !important;
    max-width: 100% !important;
    margin: calc(1.4 * var(--behnke-basic)) 0;   /* left-aligned */
    object-fit: contain;
    border-radius: calc(0.5 * var(--behnke-basic));
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
    cursor: zoom-in;
    position: relative;
    z-index: 1;
    transform-origin: left center;   /* fixed anchor → grows steadily, no jitter */
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Hover: simply enlarge (left-anchored, so it stays on screen). */
.wiki-main img.wiki-img-block:hover {
    transform: scale(1.7);
    z-index: 50;
    box-shadow: 0 14px 44px rgba(0, 0, 0, 0.32);
}

/* Touch / no-hover: keep them uniform but don't do the hover zoom (tap = lightbox). */
@media (hover: none) {
    .wiki-main img.wiki-img-block:hover { transform: none; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12); }
}

@media (max-width: 700px) {
    .wiki-main img.wiki-img-block { height: 14rem !important; }
    .wiki-main img.wiki-img-block:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .wiki-main img.wiki-img-block { transition: none; }
    .wiki-main img.wiki-img-block:hover { transform: none; }
}

@media print {
    .wiki-main img.wiki-img-block { height: auto !important; box-shadow: none; }
}