/* Static-mirror visual fixes. Scoped narrowly so nothing else on the
 * site is affected. */

/* Home page "latest on the blog" 3-card widget (Elementor Posts widget
 * 9b6350b). Two related problems on the static mirror:
 *
 *   1. The three featured-post images have different aspect ratios
 *      (middle is 1708×2560, others 1080×1350). CSS Grid stretches all
 *      cards to the tallest row, leaving empty space inside the shorter
 *      cards. Override with align-self:start so each card takes its
 *      natural height.
 *
 *   2. Elementor's default thumbnail CSS leaves padding/inconsistent
 *      sizing around images that aren't all the same aspect — making the
 *      middle image appear "padded" inside its column on the mirror.
 *      Force every thumbnail image to fill its column width edge-to-
 *      edge with consistent margins. */
.elementor-element-9b6350b .elementor-post {
  align-self: start !important;
}
.elementor-element-9b6350b .elementor-post__thumbnail__link,
.elementor-element-9b6350b .elementor-post__thumbnail {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.elementor-element-9b6350b .elementor-post__thumbnail img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.elementor-element-9b6350b .elementor-post__text {
  margin-top: 1rem !important;
}
