/* ==========================================================================
   page-faq.css — よくある質問ページ専用スタイル
   セレクタはすべて .page-faq スコープで限定（グローバル汚染禁止）
   カラーは style.css の CSS変数を参照（--c-navy / --c-green ほか）
   ========================================================================== */

/* カテゴリ（レール）間の余白。前レールの罫線と次レールの見出しが近く見えないよう広めに確保する。 */
.page-faq .sct .rail + .rail {
	margin-top: clamp(80px, 9vw, 128px);
}

/* カテゴリ見出し直下のリード文の余白を詰め、質問リストとの間の空きすぎを防ぐ。 */
.page-faq .rail__lead {
	margin-bottom: clamp(20px, 3vw, 32px);
}

/* カテゴリ見出しと、その下のリード・FAQの間隔を整える。 */
.page-faq .faq {
	margin-top: clamp(8px, 1.5vw, 16px);
}

@media (max-width: 1024px) {
	/* レール1カラム化（style.css に追従）時も、カテゴリ間の区切りを保つ。 */
	.page-faq .sct .rail + .rail {
		margin-top: clamp(64px, 10vw, 88px);
	}
}

@media (max-width: 560px) {
	.page-faq .faq__item summary {
		min-height: 44px;
		padding: 16px 0;
		font-size: var(--fz-body);
	}
	.page-faq .faq__item[open]:not(.is-closing) summary {
		padding-bottom: 12px;
	}
	.page-faq .faq__panel-inner > p {
		padding-bottom: 20px;
	}
}