/* Blog article image integrity.
 * The build writes intrinsic width/height attributes. max-width alone shrinks
 * the width of an ordinary Markdown image but leaves its HTML height in place.
 * Reset both used dimensions in the reading column, not in the site-wide reset.
 * Natural width also avoids enlarging small screenshots/logos in post-figure.
 * Hero/card crops and intentional figure-wrapper crops remain unchanged.
 */
.post-body img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* The mobile reading column is a grid item. Long imported links otherwise
 * give it a minimum width wider than the screen, defeating image max-width.
 * Let the column shrink and wrap only otherwise-unbreakable text as needed.
 * Tables retain their existing horizontal-scrolling wrappers.
 */
.post-body {
  min-width: 0;
  overflow-wrap: anywhere;
}