/* Focus Immersion — universal language selector chrome.
 * Mirrors the Tanakh reader's understated top-corner control so the site reads
 * as one family. Does not touch the Tanakh reader's own selector. */
.fi-lang {
  position: fixed; top: 14px; right: 16px; z-index: 60;
}
.fi-lang-sel {
  font: inherit; font-size: 0.82rem; letter-spacing: 0.02em;
  color: var(--ink, #d4cfc8);
  background: rgba(16, 14, 12, 0.78);
  border: 1px solid var(--rule-strong, rgba(160,150,140,0.35));
  border-radius: 999px; padding: 5px 30px 5px 13px;
  cursor: pointer; -webkit-appearance: none; appearance: none;
  backdrop-filter: blur(6px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a89f93' stroke-width='1.3'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center;
  transition: border-color 0.18s, color 0.18s;
}
.fi-lang-sel:hover { color: var(--gold-hi, #c4975a); border-color: var(--gold, #c4975a); }
.fi-lang-sel:focus-visible { outline: 2px solid var(--gold, #c4975a); outline-offset: 2px; }
.fi-lang-sel option { color: #1a1714; background: #ece6dc; }
.fi-lang-sel option[lang="ja"] { font-family: "Noto Serif JP", serif; }
.fi-lang-sel option[lang="ko"] { font-family: "Noto Serif KR", serif; }
.fi-lang-sel option[lang="zh"] { font-family: "Noto Serif TC", serif; }
.fi-lang-sel option[lang="he"] { font-family: "Noto Serif Hebrew", serif; }
@media (max-width: 640px) {
  .fi-lang { top: 10px; right: 10px; }
  .fi-lang-sel { font-size: 0.76rem; padding: 4px 26px 4px 11px; }
}
html[dir="rtl"] .fi-lang { right: auto; left: 16px; }