/**
 * Related posts card layout (canonical).
 * Enqueued via lib/nettoge/inc/assets/styles-front.php @62 when related_post_style === 'card'.
 * If SWELL cache_style is enabled and layout looks wrong after edits, re-save Customizer
 * or delete swell_parts_style_* transients.
 */
.p-relatedPosts .p-postList__item {
	margin-bottom: 1.5em;
}

.p-relatedPosts .p-postList__times,
.p-relatedPosts .p-postList__times > :last-child {
	margin-right: 0;
}

/* 関連記事は gap 0（アーカイブ card リストの gap:8px と競合しないよう明示） */
body .l-mainContent .p-postList.p-relatedPosts.-type-card {
	gap: 0;
}

@media (min-width: 600px) {
	/* .-type-card .p-postList__item { width:50% } より詳細度を上げて 3 カラムを維持 */
	body .l-mainContent .p-postList.p-relatedPosts.-type-card > .p-postList__item {
		width: 33.3333333333%;
	}
}

@media screen and (min-width: 600px) and (max-width: 1239px) {
	.p-relatedPosts .p-postList__item:nth-child(7),
	.p-relatedPosts .p-postList__item:nth-child(8) {
		display: none;
	}
}

@media screen and (min-width: 1240px) {
	body .l-mainContent .p-postList.p-relatedPosts.-type-card > .p-postList__item {
		width: 25%;
	}
}