/**
 * Atlas image presentation — placeholder and responsive constraints.
 */

img.atlas-image-placeholder,
.atlas-image-placeholder img {
  display: block;
  width: auto;
  max-width: min(100%, 28rem);
  height: auto;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  border-radius: var(--radius-md, 0.5rem);
  background: #f0f0f1;
  border: 1px dashed #c3c4c7;
}

figure.atlas-image-placeholder,
.wp-block-image.atlas-image-placeholder,
.atlas-article-header__figure.atlas-image-placeholder {
  width: fit-content;
  max-width: min(100%, 28rem);
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.atlas-article-header__figure.atlas-image-placeholder {
  margin-top: var(--space-5, 1.25rem);
}

.atlas-article-header__image.atlas-image-placeholder {
  width: auto;
  max-width: min(100%, 28rem);
  height: auto;
  object-fit: contain;
}

.entry-content .wp-block-image.atlas-image-placeholder,
.entry-content figure.atlas-image-placeholder {
  text-align: center;
}