.blog-listing__post-content {

  max-width: 1000px; /* テキスト部分の最大幅 */

  width: 100%;       /* 横幅は親に合わせる */

}



.blog-listing__post-title-link {

  display: block;      /* ブロック化して横幅いっぱい */

  max-width: 100%;     /* コンテナ内に収める */

  word-wrap: break-word; /* 長い単語やURLの折返し防止 */

}



.blog-listing__post-image-wrapper {

  max-width: 400px;   /* 最大幅を制限 */

  max-height: 180px;  /* 最大高さを制限 */

  overflow: hidden;    /* 画像のはみ出しを隠す */

  flex-shrink: 0;      /* flexboxの場合縮まらないように */

}



.blog-listing__post-image {

  max-width: 100%;         /* 親幅いっぱい */

  height: 100%;        /* 親高さに合わせる */

  object-fit: cover;   /* 縦横比を維持しつつ切り抜き */

  display: block;

}

.blog-listing__post-tag {

  display: block; /* ←これでタグごとに改行される */

  margin-bottom: 4px; /* 任意で余白も追加 */

}