/**
 * 関連記事セクション（parts/related-posts.html）
 *
 * トップページの「不動産投資コラム」セクション (`.minolink-top-column`) を丸パクリで流用。
 *   - 違い 1: 背景はベース色のまま（gray-100 → base のグラデは入れない）
 *   - 違い 2: 見出しは heading-english ではなく heading-underline パターンを使用
 *            （セレクタはトップでは `> heading-english` / こちらは `> .minolink-related-posts__heading`）
 *
 * 細部の調整はあとからチューニング想定。コピー元との対応:
 *   .minolink-top-column           → .minolink-related-posts
 *   .minolink-top-column__query    → .minolink-related-posts__query
 *   .minolink-top-column__list     → .minolink-related-posts__list
 *   > heading-english              → > .minolink-related-posts__heading
 */

.minolink-related-posts {
	padding-block: var(--wp--preset--spacing--section);
}

.minolink-related-posts > .minolink-related-posts__heading,
.minolink-related-posts__query {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--wp--style--global--content-size);
	margin-inline: auto;
	padding-inline: 40px;
}

.minolink-related-posts__query {
	margin-block: var(--wp--preset--spacing--50);
	background-color: transparent;
}

@media (min-width: 1280px) {
	.minolink-related-posts > .minolink-related-posts__heading,
	.minolink-related-posts__query {
		min-width: var(--wp--style--global--content-size);
		padding-inline: 0;
	}
}

.minolink-related-posts__query .wp-block-post-template.minolink-related-posts__list {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--50);
	list-style: none;
	margin: 0;
	padding: 0;
}

.minolink-related-posts__query .wp-block-post-template.minolink-related-posts__list > .wp-block-post {
	margin: 0;
	min-width: 0;
	width: 100%;
}

@media (min-width: 1024px) {
	.minolink-related-posts__query .wp-block-post-template.minolink-related-posts__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.minolink-related-posts__empty {
	margin-block: 2rem;
	color: var(--wp--preset--color--gray-500);
}