/* Lung Scarring Ild page styles
   Keep page-specific adjustments here. Global design remains in css/site.css and css/pages.css.
*/

/* Prevent important subjects from being accidentally cropped in page imagery. */
img {
  max-width: 100%;
}

/* Doctor portraits and story images: show more of the original frame. */
.story-tz img,
.split figure img,
.phero img {
  object-position: center top;
}

/* New patient education images: responsive, contained, and never clipped. */
.condition-feature-figure {
  margin: 28px 0 36px;
  width: 100%;
  max-width: 860px;
}
.condition-feature-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 560px;
  object-fit: contain;
  object-position: center;
  background: var(--ivory2, #EFE7D6);
  border-radius: 2px;
}
.condition-feature-figure figcaption {
  margin-top: 10px;
  color: var(--muted, #5A6468);
  font-size: 0.9375rem;
  line-height: 1.5;
}

@media (max-width: 640px) {
  .condition-feature-figure { margin: 20px 0 28px; }
  .condition-feature-image { max-height: 420px; }
}