/* =====================================================================
   ページ: お知らせ一覧（News archive）  Figma 76:21503
   MV=components/mv.css(.c-mv／.c-mv__fig) / フィルタ=components/list.css(.c-filter) /
   リスト=components/list.css(.c-news-list) / ページネーション=.c-pagination /
   CTA=components/cta-visit を共通利用。本ファイルはセクションの器のみ。
   ===================================================================== */

/* base.css の section{margin-block:48} を打ち消す（余白は各セクションのpaddingで管理）。
   未リセットだとヘッダー直下・MV周りに48pxのbody背景余白が出て波がflushにならない。 */
.news section { margin-block: 0; }

/* --- セクション内 z-index 基準ユーティリティ（紙テクスチャ廃止） --------------- */
.has-texture { position: relative; }
.has-texture > * { position: relative; z-index: 1; }

/* --- 一覧セクション ----------------------------------------------------- */
.news-list {
	/* 背景：オフホワイトのテクスチャ（Figma 76:21503。色を焼き込んだ紙テクスチャを
	   346.8×327.8px で直接フィル。multiply は使わない＝CTA波形と継ぎ目を出さない）。 */
	background-color: var(--color-bg-offwhite);
	background-image: url("../../images/common/tex-offwhite.webp");
	background-position: top left;
	background-size: 346.8px 327.8px;
	background-repeat: repeat;
	padding-block: var(--space-80) var(--space-160);
}
.news-list__inner {
	max-width: var(--layout-max);
	margin-inline: auto;
	padding-inline: var(--space-80);
}

/* フィルタ → リストの間隔（Figma: 48px）。リスト → ページ送りは .c-pagination の margin-top。 */
.news-list .c-filter { margin-bottom: var(--space-48); }

.news-list__empty {
	color: var(--color-brown-text);
	font-size: var(--font-size-h4);
}

@media (max-width: 900px) {
	.news-list__inner { padding-inline: var(--space-24); }
}

@media (max-width: 768px) {
	.news-list { padding-block: var(--space-24) var(--space-64); }  /* 上24 / 下64 */
	.news-list .c-filter {
		margin-bottom: var(--space-24);
	}
	.news-list__inner { padding-inline: var(--space-16); }
}