/* GIN Pathology subject and topic styles. */

/* ============================================================
   FIGURE THUMBNAIL SIZING — undo the RAR letterbox on this axis
   ------------------------------------------------------------
   modules/rar/pathology/path-figure.css is the shared figure +
   lightbox engine, and it pins

       .gin-topic-content .atl-figure__btn .atl-figure__img
           { height: 168px }

   with no width constraint. Combined with micro-kit's
   `width: 100%`, `object-fit` falls back to `fill`, so any image
   whose aspect ratio is not ~2:1 is STRETCHED — a portrait
   radiograph or a tall mnemonic gets squashed flat, and the
   distortion is silent: nothing errors, the page just looks wrong.

   path-figure.css loads AFTER this file in index.html, so an
   equal-specificity rule here would lose. The selector below
   therefore carries five class-level units against its three.

   Scoped by contentId prefix rather than by a scope class: every
   GIN Pathology page's contentId is `ginPath<Page>Content` (see
   .claude/handoff/GIN_PATH_STOMACH_ENV_ADDENDUM.md §2, where that
   prefix is already load-bearing for router scoping), so new pages
   inherit this automatically instead of depending on an init line
   somebody has to remember. GIN Physiology and GIN Pharmacology
   solve the same collision with .gin-phys / .gin-pharm; if one of
   those changes, keep this in step.

   .mk-figpair is unaffected: its `aspect-ratio: 16/10` +
   `object-fit: cover` still applies, so paired peer images keep
   their uniform honest crop.
   ============================================================ */
.gin-topic-content[id^="ginPath"] .atl-figure .atl-figure__btn .atl-figure__img {
    width: 100%;
    height: auto;
}