.article-cover img,
.article-inline-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.article-cover img {
  max-height: 680px;
  object-position: center;
}

.article-inline-image {
  margin: 28px 0 40px;
  overflow: hidden;
  background: #edf0ef;
}

.article-inline-image img {
  max-height: 760px;
}

/* Portrait article photos remain readable without dominating the text column. */
.article-portrait-image {
  width: min(100%, 420px);
  margin-left: auto;
  margin-right: auto;
  background: transparent;
}

.article-portrait-image img {
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
}

@media (max-width: 720px) {
  .article-cover img,
  .article-inline-image img {
    max-height: none;
  }

  .article-inline-image {
    margin: 20px 0 28px;
  }
}