/* Display Posts Shortcodeのグリッド用コンテナ */
.display-posts-listing.grid {
    display: grid;
    /* 3カラム、均等幅、レスポンシブ対応 */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    /* グリッド間の隙間 */
    grid-gap: 20px; 
    margin: 0; /* ul要素のデフォルトマージンをリセット */
    padding: 0; /* ul要素のデフォルトパディングをリセット */
    list-style: none; /* リストマークを非表示 */
}

/* 各投稿アイテムのスタイル調整 */
.display-posts-listing.grid .listing-item {
    border: 1px solid #eee;
    padding: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* タイトルなどの調整（必要に応じて） */
.display-posts-listing.grid .listing-item .title {
    font-size: 1.2em;
    margin-top: 10px;
    display: block;
}

/* 画像の表示調整 */
.display-posts-listing.grid .listing-item img {
    height: auto;
    max-width: 100%;
}