/* =========================================================
 * lang.css（2026-08-17 新設）
 *
 * 言語切替UIの追加分スタイルのみを持つ。
 * 本体レイアウト（.tsc-lang-switcher の配置・ドロップダウン・ホバー等）は
 * style.css 側に既存実装があり、そちらは他チーム作業中のため触らない。
 * ここは「外部リンク（English / 中文）であることを示す控えめな表示」だけを足す。
 *
 * デザイン規範（_scripts/design_spec_apple_2026-08-14.md）:
 *   白基調・インク #14283a・新色を足さない。
 *   → 新しい色は一切定義せず、currentColor と既存の不透明度操作だけで表現する。
 * ========================================================= */

/* 外部リンク項目はラベルとアイコンを1行に収める。
   既存 .tsc-lang-switcher__link は display:block なので、
   ここでは flex に上書きせず inline 要素の整列のみ行う（既存の高さ・余白を壊さない）。 */
.tsc-lang-switcher__link.is-external .tsc-lang-switcher__label {
	vertical-align: middle;
}

/* 外部リンクアイコン: ラベルより一段控えめ。新色は使わず currentColor + opacity で表現。 */
.tsc-lang-switcher__ext {
	width: 11px;
	height: 11px;
	margin-left: 6px;
	color: currentColor;
	opacity: 0.45;
	vertical-align: middle;
	flex: none;
}

/* ホバー・フォーカス時のみ少し前に出す（背景色の変化は既存style.css側に任せる） */
.tsc-lang-switcher__link.is-external:hover .tsc-lang-switcher__ext,
.tsc-lang-switcher__link.is-external:focus-visible .tsc-lang-switcher__ext {
	opacity: 0.7;
}

/* スクリーンリーダー専用テキスト（視覚的には非表示） */
.tsc-lang-switcher__sr {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}