@layer components {
	/*
	 * 強調テキスト（移植元 why-nexray/ .emphasis-text）。見出し級の大きめテキスト。
	 *
	 * 先方FB「デザイン装飾をシンプルに」で青地・白抜きの箱を撤去した（#255）。装飾だけを
	 * 外し、字面（font-size / font-weight / line-height / letter-spacing）は維持する。
	 * 箱の描画に付随していた宣言も併せて落とした：
	 *   background（青地）／padding-inline（箱の内側余白）／position: relative（帯 ::before の
	 *   位置基準）／overflow: hidden（帯のはみ出し抑止）／::before（白帯オーバーレイ）
	 *
	 * 文字色は箱が無くなった分だけ反転させる：白地（why-nexray の白シート）では primary。
	 * 紺地に載るトップ mv-message は blocks/mv-message/style.css で base（白）へ上書きする。
	 * 本文色 contrast(#0f172a) とは色差が残るため「強調」の意味は保たれる。
	 *
	 * 帯（白オーバーレイの擬似要素）自体は #255 で廃止したが、「文字が左から現れる」動き自体は
	 * 先方FBで復活させた（#269）。実装は clip-path で components/reveal.css の .nc-band-wipe に
	 * 置いている（この層は字面だけを担い、reveal 挙動は持たない）。
	 * display: inline-block / max-width / overflow-wrap / word-break は箱ではなく
	 * 折返しの保険なので残す。
	 */
	.emphasis-text {
		display: inline-block;
		max-width: 100%;
		color: var(--wp--preset--color--primary);
		font-size: clamp(1.25rem, 3vw, 2rem);
		font-weight: 300;
		line-height: 1;
		letter-spacing: 0.04em;
		overflow-wrap: break-word;
		word-break: break-word;
	}

	.emphasis-text--bold {
		font-weight: 600;
	}

	/*
	 * 大きめ強調（why-nexray の NEXUS/RAY）。実利用はこの2語のみ（主見出しは下の
	 * .nc-band-wipe が上書き、mv-message は --lg を持たない）。
	 *
	 * 上限は 3.75rem(60px) から 3rem(48px) へ下げた（#268）。理由は下の主見出しを PC で 48px へ
	 * 縮めたため：据え置くと PC で 語 60px ＞ 主見出し 48px の大小逆転になる（#264 がモバイルで
	 * 問題視したのと同じ構図）。上限だけを変えたので 5vw が支配する viewport 960px 未満は
	 * 従来と完全に同じ。
	 * ≤768 では word-badge.css が 1em（＝見出し行の流体サイズ）で上書きするためこの clamp は
	 * 効かない（#268 で語＋意味を1行に収めるため流体化した）。下限 2rem はその経緯で実質
	 * 使われないが、word-badge 外で --lg を使う場合の保険として据え置く。
	 */
	.emphasis-text--lg {
		font-size: clamp(2rem, 5vw, 3rem);
	}

	/*
	 * 1文の長め見出し（why-nexray トップ「守り続けてきたものを、未来へ。」）。狭幅で語中
	 * 折り返し（助詞孤立）を避けるため、コンテナ幅連動で縮小し原則1行に収める。
	 * nowrap は使わない：ズーム／最小フォント設定などで収まらない時は overflow させず素直に
	 * 折り返す安全弁を残す。基準は親 .nc-why__inner のコンテナ幅（100cqi）＝実コンテンツ列に
	 * 追従（vw 一次式は sheet padding が幅可変で中間幅の誤折返しを招くため cqi にした）。
	 * 係数はブラウザ実測較正（テキスト幅 ≈ 15.6px/1px・箱自身の左右 padding 32px）。
	 *
	 * #255 で箱を撤去したが、この式は据え置く（減算項 32px も残す）。狙いは「字面サイズを
	 * 変えない」こと：式を触ると実測較正した折返しの境界が動く。箱が無くなった分は単に
	 * 折返しまでの余裕が増えるだけで、同じコンテナ幅なら font-size は従来と一致する。
	 * なおクラス名 .nc-band-wipe は DB 由来で改名できないが、#269 で左→右ワイプを復活させたため
	 * 名前と挙動は再び一致している（帯は使わず clip-path で切る）。
	 * NEXUS/RAY（.nc-band-wipe を持たない）は上の --lg 既定のまま。
	 *
	 * PC で大きすぎたため上限を 3.75rem(60px) から 3rem(48px) へ下げた（#268）。変えたのは
	 * 上限だけ＝実測較正された cqi 式（係数 /16・減算項 32px）には触っていないので、折返しの
	 * 境界は動かない。cqi 項が 48px を超えるのはコンテナ幅 800px 以上＝実測で viewport
	 * ≈955px 以上（960px で 48.4px・869px で 43.6px）。それ未満のモバイル／タブレットは従来と
	 * 完全に同一で、中間幅から 48px へ滑らかに頭打ちする（メディアクエリで固定すると境界で
	 * 縮小段差が出るため採らなかった）。48px は本文 18px の約2.7倍で主見出しの主役感は保つ。
	 */
	.emphasis-text.nc-band-wipe {
		font-size: clamp(0.7rem, calc((100cqi - 32px) / 16), 3rem);
	}
}