/* EN primary, ZH secondary.
   Usage:
   - Wrap bilingual strings:
     <span class="t">
        <span data-lang="en">English</span>
        <span data-lang="zh">中文</span>
     </span>
*/

/* default (html[data-lang="en"]) */
html:not([data-lang]) [data-lang="zh"]{ display:none; }
html[data-lang="en"] [data-lang="zh"]{ display:none; }
html[data-lang="en"] [data-lang="en"]{ display:initial; }

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

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