/* EN primary, ZH secondary, BO (Tibetan) tertiary.
   Usage:
   - Wrap trilingual strings:
     <span class="t">
        <span data-lang="en">English</span>
        <span data-lang="zh">中文</span>
        <span data-lang="bo">བོད་ཡིག</span>
     </span>
*/

/* default (html[data-lang="en"]) */
html:not([data-lang]) [data-lang="zh"],
html:not([data-lang]) [data-lang="bo"]{ display:none; }
html[data-lang="en"] [data-lang="zh"],
html[data-lang="en"] [data-lang="bo"]{ display:none; }
html[data-lang="en"] [data-lang="en"]{ display:initial;letter-spacing:.05em; }

html[data-lang="zh"] [data-lang="en"],
html[data-lang="zh"] [data-lang="bo"]{ display:none; }
html[data-lang="zh"] [data-lang="zh"]{ display:initial; }

html[data-lang="bo"] [data-lang="en"],
html[data-lang="bo"] [data-lang="zh"]{ display:none; }
html[data-lang="bo"] [data-lang="bo"]{ display:initial; letter-spacing:0; }

/* Tibetan script needs a proper line-height */
html[data-lang="bo"] body{
  line-height:1.9;
}

/* subtle secondary style when both shown in same component (optional) */
.t [data-lang="zh"]{ opacity:.92; }