/* lang.css — small opt-in helpers for the language picker + RTL translation/gloss
   text. Not linked from index.html yet (I don't own that file) — see
   _scripts/LANG-HANDOFF.md. Add <link rel="stylesheet" href="lang.css"> after
   app.css if you want these as-is, or fold them into app.css yourself. */

/* Apply to the translation chip / word-tooltip text node when the active
   language's `dir` is "rtl" (ur, fa, he) — NOT to the whole app shell. */
.i18n-rtl {
  direction: rtl;
  text-align: right;
  unicode-bidi: isolate;
}

/* Matches the existing .control-row / <select> sizing used by #selWritingMode
   and #selWordGuide, so #selLanguage drops in without extra rules needed. */
#selLanguage {
  width: 100%;
}