@layer components {
	/* ============================================================
	 * ロゴ（parts/logo.html・ヘッダー／フッター共通のインライン SVG）
	 * 塗りは currentColor 固定。色は文脈（header=primary / footer=白）が担う。
	 * ============================================================ */
	.nexray-logo {
		display: inline-block;
		line-height: 0; /* svg 下の行ボックス余白を出さない。 */
		color: inherit;
		transition: opacity var(--nexray-transition);
	}

	.nexray-logo:hover {
		opacity: var(--nexray-hover-opacity);
	}

	.nexray-logo__mark {
		display: inline-block;
		width: auto;
		fill: currentColor;
		vertical-align: bottom;
	}
}