@layer components {
	/* ============================================================
	 * プロジェクト一覧（page-project-archive / taxonomy-project_category）
	 *
	 * 構造：main > hero + wrapper + breadcrumb。
	 *   wrapper ＝ .nexray-wrapper.project-archive（外・gutter は wrapper が担当）
	 *            ＞ .nexray-section（内・max-width は section が担当）
	 *   その中に nexray/project-sheet（白カード・一覧のみ／CSS はブロック側）と
	 *   archive=.project-list（グリッド）。カテゴリはシート無し。
	 * gutter＋max-width 中央は .nexray-wrapper / .nexray-section（shell.css）に移譲。
	 * ここは一覧固有（hero 密着・グリッド）のみを持つ。ページネーションは横断共有
	 * プリミティブ（.nexray-pagination）として components/pagination.css へ分離済み。
	 * ============================================================ */
	/*
	 * hero とは上間隔ゼロで flush（main の flow が付ける block-gap はテンプレ側
	 * inline margin-top:0 で打ち消し済み）。イントロ上の余白は .project-sheet の
	 * padding-block が持つ。左右 gutter・中央 max-width は .nexray-wrapper / .nexray-section。
	 */
	.project-archive {
		padding-block-start: 0; /* hero 直下と flush（上の余白は .project-sheet の padding が持つ） */
	}

	/*
	 * イントロ白シート（.project-sheet＝白カード）は nexray/project-sheet ブロックへ分離
	 * （blocks/project-sheet/style.css・ADR 0007）。ここは両テンプレ共用のラッパ整列・
	 * グリッドのみを持つ（ページネーションは components/pagination.css へ分離済み）。
	 *
	 * シートが無くグリッドが先頭に来るケース（カテゴリアーカイブ全ページ＝.project-archive
	 * --flush ／ project 一覧 2 ページ目以降＝body.is-project-paged）は hero 直下に密着する
	 * ため上余白を補う。値は block-gap（1.5rem）相当＝シート有り時のシート↔グリッド間隔に揃える。
	 */
	.project-archive--flush,
	.is-project-paged .project-archive {
		padding-block-start: 1.5rem; /* = theme block-gap（sheet↔grid 間隔と同値） */
	}
	/* archive（グリッド帯）＝紺地。幅・左右整列はラッパ（.nexray-wrapper / .nexray-section）が担当。 */

	/*
	 * グリッド：モバイルファースト。SP1列 → md(769px)タブレット2列 → lg(1024px)PC3列。
	 * columnCount:3 は WP が grid-template-columns をインラインで出力するため、
	 * base の 1 列も含め全段階で !important が必要（詳細度ではインラインに勝てない）。
	 * gap は WP コンテナ（post-template の blockGap＝theme block-gap）が担当する。
	 * ラッパ内側（.nexray-section）も同じ block-gap で子を区切るため、
	 * 「section↔grid の縦間隔」と「グリッドの gap」が同値で揃う。
	 * ※旧 max-width:782 の 1↔2 列境界を正規 md=769 に丸めた。
	 *   影響：幅 769〜782px で従来 1 列だったのが 2 列になる（iPad 縦=768px は 1 列のまま）。
	 */
	.project-grid.is-layout-grid {
		grid-template-columns: 1fr !important;
	}

	@media (min-width: 769px) {
		.project-grid.is-layout-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		}
	}

	/* lg は md の後に置き、≥1024px で 3 列が勝つようにする（同詳細度＝ソース順）。 */
	@media (min-width: 1024px) {
		.project-grid.is-layout-grid {
			grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		}
	}
	/*
	 * ページネーション（.nexray-pagination）は横断共有プリミティブのため
	 * assets/css/components/pagination.css へ分離した（旧 .project-pagination・#211）。
	 */
}