/* ==========================================================================
   page-blog.css — BLOG 一覧・カテゴリ（539:1166／602:1325）・記事（464:61／464:62）
   カードは components.css の .c-post-card--boxed、記事は .c-entry（NEWS と共用）
   ========================================================================== */

.p-blog-archive {
	padding-block: 24px 80px;
}

.p-blog-archive .c-post-cards {
	margin-top: 32px;
}

.p-blog-archive .c-pagination {
	margin-top: 40px;
}

@media (min-width: 768px) {
	.p-blog-archive {
		padding-block: 40px var(--space-section);
	}

	.p-blog-archive .c-post-cards {
		margin-top: var(--space-block);
	}

	.p-blog-archive .c-pagination {
		margin-top: var(--space-block);
	}
}

/* ---- 関連記事（464:530） ---- */
.p-blog-related {
	padding-block: 80px;
	background: var(--color-bg-mid);
}

@media (min-width: 768px) {
	.p-blog-related {
		padding-block: var(--space-section);
	}
}