/* Blog listing thumbnails — enlarge GHL defaults without breaking layout (v20260720iphone)
   GHL compact: img 25% + max-height 200px. Mirror only has r_320 assets — do NOT change src size. */

a.mal-blog-thumb-link {
  cursor: pointer;
  display: contents;
  text-decoration: none;
}

a.mal-blog-thumb-link:focus-visible img {
  outline: 2px solid #23b8da;
  outline-offset: 2px;
}

/* Desktop / tablet listing thumbs: raise 200px cap → 500px (~2.5×) */
.blog-column img.hl-optimized-fixed-size,
.blog-column a.mal-blog-thumb-link img {
  max-height: 500px !important;
  object-fit: cover !important;
}

/* Compact row layout: widen sidebar thumb 25% → 62.5% (~2.5×) */
.blog-items.compact .blog-column .blog-item-texts,
.compact.blog-items .blog-column .blog-item-texts {
  width: 37.5% !important;
}

.blog-items.compact .blog-column img.hl-optimized-fixed-size,
.blog-items.compact .blog-column a.mal-blog-thumb-link img,
.compact.blog-items .blog-column img.hl-optimized-fixed-size,
.compact.blog-items .blog-column a.mal-blog-thumb-link img {
  flex: 0 0 62.5% !important;
  margin-left: 0.5em !important;
  max-width: 62.5% !important;
  width: 62.5% !important;
}

@media (max-width: 650px) {
  .blog-items.compact .blog-column .blog-item-texts,
  .compact.blog-items .blog-column .blog-item-texts {
    width: 30% !important;
  }

  .blog-items.compact .blog-column img.hl-optimized-fixed-size,
  .blog-items.compact .blog-column a.mal-blog-thumb-link img,
  .compact.blog-items .blog-column img.hl-optimized-fixed-size,
  .compact.blog-items .blog-column a.mal-blog-thumb-link img {
    flex: 0 0 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
}

/* iPhone only: keep listing thumbs modest (override enlarge above) */
@media (max-width: 480px) {
  .blog-column img.hl-optimized-fixed-size,
  .blog-column a.mal-blog-thumb-link img {
    max-height: 120px !important;
  }

  .blog-items.compact .blog-column .blog-item-texts,
  .compact.blog-items .blog-column .blog-item-texts {
    width: 58% !important;
  }

  .blog-items.compact .blog-column img.hl-optimized-fixed-size,
  .blog-items.compact .blog-column a.mal-blog-thumb-link img,
  .compact.blog-items .blog-column img.hl-optimized-fixed-size,
  .compact.blog-items .blog-column a.mal-blog-thumb-link img {
    flex: 0 0 38% !important;
    max-width: 38% !important;
    width: 38% !important;
    max-height: 110px !important;
    margin-left: 0.4em !important;
  }
}