/*
| 表示言語の切替（日本語 / EN）。
|
| **お客様の画面と社内の画面で同じものを出す**ため、ここ 1 枚に置いて
| 両方から読む（利用者の指示・2026-09-09「お客様のページの文字のリンクの方に
| 社内も合わせて」）。以前は `app.css` の中にあり、社内はその CSS を読んで
| いなかったので、**同じ見た目を 2 か所に書くしかない状態**だった ──
| 書けば必ず片方が古くなる。
|
| 色は `app.css` の変数を使うが、**社内のレイアウトにその変数は無い**ので
| 既定値を添える（同じ値。片方だけ動かすと見た目が割れるので、変えるときは
| `app.css` の `:root` と揃える）。
*/
.df-lang {
    display: flex;
    align-items: center;
    border: 1px solid var(--df-border, #e5e7eb);
    border-radius: 999px;
    overflow: hidden;
    margin-left: 8px;
}
.df-lang a {
    padding: 4px 12px;
    font-size: 12.5px;
    text-decoration: none;
    color: var(--df-text-muted, #6b7280);
    background: var(--df-surface, #fff);
}
/* いま選んでいる側。押しても何も起きないので、押せない形にしておく */
.df-lang a.is-current {
    background: var(--df-brand, #0b5cab);
    color: #fff;
    font-weight: 600;
    pointer-events: none;
}