@layer components {
	/*
	 * 社名バッジ（移植元 why-nexray/ .nexray-badge）。本文中インラインで社名を示す。
	 *
	 * 先方FB「デザイン装飾をシンプルに」で囲い（1px 枠＋四隅 L 字ブラケット）を撤去した
	 * （#255）。装飾だけを外し、字面（font-size / font-weight / line-height /
	 * letter-spacing）と色・横並びは維持する。囲いの描画に付随していた宣言も併せて落とした：
	 *   border（枠）／padding（枠の内側余白）／position: relative（::before の位置基準）／
	 *   --bracket-arm・--bracket-weight（ブラケット寸法）／::before（8層 gradient のブラケット）
	 *
	 * ※ badge-heading.css は block style（大見出し）版で、同じ FB で同様に囲いを撤去した。
	 *   両者はセレクタが別（.is-style-nexray-badge / .nexray-badge）で衝突しない。
	 */
	.nexray-badge {
		display: inline-flex;
		align-items: center;
		color: var(--wp--preset--color--base);
		font-size: clamp(1.75rem, 3vw, 3.5rem);
		font-weight: 600;
		line-height: 1;
		letter-spacing: 0.04em;
	}

	/* 青変種（白カード上）。字を primary にする（枠・ブラケットは #255 で撤去済み）。 */
	.nexray-badge--blue {
		color: var(--wp--preset--color--primary);
	}

	/*
	 * 小サイズ（本文内）。和名＋英字併記（子 .nexray-badge__sm-en）を1行に並べる。
	 *
	 * 以前は狭幅（≤768）で英字併記に flex-basis: 100% を当てて単独行へ落としていたが、
	 * モバイルで社名が2行に割れるのを避けたいため、幅に応じて字面を縮めて1行に収める方式へ
	 * 変えた。基準は親 .nc-why__inner のコンテナ幅（100cqi・why-nexray.css で
	 * container-type: inline-size 済み）。.nexray-badge-line は padding を持たないため
	 * コンテナ幅がそのまま利用幅になる（減算項なし）。係数はブラウザ実測較正：20px 時に
	 * 1行あたり 300px を要するため 20/300＝1/15、境界ぎわの不安定な折返しを避けて
	 * 除数 15.5 に安全マージンを取る。
	 *
	 * 上限 1.25rem（20px）＝従来サイズ。下限 0.85rem は可読フロア（.is-style-nexray-badge と
	 * 同値）。nowrap は使わない：フロアを下回る極狭幅では横溢れさせず flex-wrap で素直に
	 * 折り返す安全弁を残す（既存の1行化 clamp 2箇所と同じ方針）。
	 */
	.nexray-badge--sm {
		flex-wrap: wrap;
		justify-content: center;
		font-size: clamp(0.85rem, calc(100cqi / 15.5), 1.25rem);
	}
}