/* The HTML image dimensions reserve space, but the rendered card must follow its CSS ratio. */
.blog-more-grid img {
  height: auto;
}

@media (max-width: 650px) {
  .blog-more-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .blog-more-grid a {
    display: grid;
    grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
    align-items: stretch;
    min-height: 132px;
    border-radius: 16px;
  }

  .blog-more-grid img {
    width: 100%;
    height: 132px;
    aspect-ratio: auto;
    object-fit: cover;
  }

  .blog-more-grid span {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 14px;
    font-size: clamp(13px, 3.8vw, 16px);
    line-height: 1.35;
  }
}