@layer components {
	/* ============================================================
	 * lead-text … 下層ページ本文の大きめリード文（キャッチコピー）。
	 * 採用情報（#90）で初出。理念（#88）等の下層プロースページでも再利用する
	 * 共有部品のため components/ に置く（ADR 0007）。移植元 css/style.css の
	 * .lead-text / .lead-text--lg を移植。レスポンシブはモバイルファースト。
	 * ============================================================ */
	.lead-text {
		color: var(--wp--preset--color--primary);
		letter-spacing: 0.04em;
		line-height: 1.6;
	}

	/*
	 * 太字・大サイズ変種（移植元 .lead-text--lg）。
	 * fluid type は tokens.css の --nexray-text-lead に集約（#123）。
	 * モバイル/デスクトップ（md=769px〜）の上限差はトークン側の @media で吸収する。
	 */
	.lead-text--lg {
		font-size: var(--nexray-text-lead);
		font-weight: 600;
	}
}