/* Preserve complete editorial thumbnails: embedded titles must never be cropped. */
.mpt-blog-card .mpt-blog-visual,
.mpt-blog-featured .mpt-blog-visual {
  aspect-ratio: 16 / 9;
  align-self: center;
  background: #171717;
}
.mpt-blog-card .mpt-blog-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

/* Recipe photographs use a generous square; editorial covers keep contain. */
.mpt-blog-card.mpt-blog-recipe .mpt-blog-card-link {
  grid-template-columns: 260px minmax(0, 1fr) auto;
  gap: 32px;
  padding: 24px;
  align-items: center;
}
.mpt-blog-card.mpt-blog-recipe .mpt-blog-visual {
  aspect-ratio: 1;
  width: 100%;
  overflow: hidden;
  border-radius: 14px;
}
.mpt-blog-card.mpt-blog-recipe .mpt-blog-visual img {
  object-fit: cover;
  object-position: center;
}
.mpt-blog-recipe .mpt-blog-copy { min-width: 0; }
.mpt-blog-recipe .mpt-blog-copy h2 { text-wrap: balance; }
@media (max-width: 1000px) {
  .mpt-blog-card.mpt-blog-recipe .mpt-blog-card-link {
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 20px;
  }
  .mpt-blog-recipe .mpt-blog-visual { grid-row: 1 / 3; }
  .mpt-blog-recipe .mpt-blog-read { grid-column: 2; }
}
@media (max-width: 640px) {
  .mpt-blog-card.mpt-blog-recipe .mpt-blog-card-link {
    grid-template-columns: minmax(0, 1fr);
    padding: 18px;
  }
  .mpt-blog-card.mpt-blog-recipe .mpt-blog-visual {
    grid-row: auto;
    max-height: 360px;
  }
  .mpt-blog-recipe .mpt-blog-read { grid-column: 1; }
}