/* Static-mirror visual fixes. Scoped narrowly so nothing else on the
 * site is affected. Loaded site-wide but each rule is keyed to a
 * specific Elementor element ID. */

/* Home page "latest on the blog" 3-card widget (Elementor Posts widget
 * 9b6350b). The original Elementor frontend relied on a runtime
 * "match heights" routine that hit admin-ajax — dead on a static site —
 * so when the three featured posts have different image aspect ratios
 * the cards stretched to the tallest card and the shorter cards showed
 * a big empty gap between image and title. Enforce a uniform 4:3
 * thumbnail (cover-crop) and pull the text right under the image. */
.elementor-element-9b6350b .elementor-post {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.elementor-element-9b6350b .elementor-post__thumbnail__link,
.elementor-element-9b6350b .elementor-post__thumbnail {
  display: block;
  width: 100%;
}
.elementor-element-9b6350b .elementor-post__thumbnail {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  margin-bottom: 1rem;
}
.elementor-element-9b6350b .elementor-post__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.elementor-element-9b6350b .elementor-post__text {
  margin-top: 0;
}
