/*
 * Photos inside a blog article (ADR-035): <figure><img><figcaption> from the
 * Shop Admin API, sanitized to src/alt/width/height. Linked only by article
 * pages (views/article.njk), so storefront.css and its asset version stay as
 * they are. Tokens from brand.css; rules in DESIGN.md, "Фото в статті блогу".
 * The cover (.article__hero) keeps its own rule in storefront.css.
 */
.prose figure {
  margin: 1.75rem 0;
}

/* Full width of the text column; height:auto keeps the width/height ratio
   without squashing (the attributes only reserve the space). An image put
   straight into a paragraph gets the same treatment. */
.prose figure img,
.prose p > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: var(--brand-radius);
  background: var(--brand-bg-soft);
}

.prose p > img { margin: 1.25rem 0; }

.prose figcaption {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--brand-muted);
}