/* Widget 50: the post's featured image inside the article, after the first paragraph of the first
   section (inc/featured-image.php), and the pipeline's body images ({{IMAGE}} markers, compile.py's
   figure.article-image: photos and infographics). Full prose width; each image keeps its own
   proportions. */

.hc-prose .hc-featured {
  margin: 28px 0;
}

.hc-prose .hc-featured__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--hc-r-card, 16px);
}

.hc-prose .hc-featured figcaption {
  font-size: 13px;
  line-height: 1.5;
  color: var(--hc-muted);
  margin-top: 8px;
}

.hc-prose .article-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--hc-r-card, 16px);
}

.hc-prose .article-image figcaption {
  font-size: 13px;
  line-height: 1.5;
  color: var(--hc-muted);
  margin-top: 8px;
}

.hc-prose .hc-featured figcaption a,
.hc-prose .article-image figcaption a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}