/* ======================================================
   Blog Image Standard
   Applies ONLY to images inside loaded blog post content
   ====================================================== */

/* Primary rule: images inside blog posts */
#postContent img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: contain;
  margin: 1.25rem auto;
  border-radius: 16px;
}

/* Safety: never affect site chrome */
header img,
.site-header img,
nav img,
footer img,
.site-footer img {
  max-height: none;
  width: auto;
  margin: 0;
  object-fit: initial;
  border-radius: 0;
}