/* Language support: the account menu's picker, and the type for the languages that are not set in Latin letters. */

/* The picker in the account menu. */
.top-lang { display: flex; align-items: center; gap: .5rem; margin: .25rem 0; padding: .35rem .75rem; }
.top-lang label { display: inline-flex; align-items: center; color: inherit; opacity: .8; }
.top-lang select {
  flex: 1 1 auto; min-width: 0; font: inherit; color: inherit; background: transparent;
  border: 1px solid rgba(255, 255, 255, .22); border-radius: .5rem; padding: .3rem .5rem; cursor: pointer;
}
.top-lang select option { color: #111; background: #fff; }
.top-lang-go { font: inherit; padding: .25rem .5rem; }

/* The public footer's language row. */
.gate-foot-lang { white-space: nowrap; }

/* Japanese, Korean and Chinese: the site's web fonts carry no such glyphs, so name good system fonts first
   instead of letting the browser guess per glyph. No letter-spacing tricks; these scripts are set solid. */
:lang(ja) body, body:lang(ja) { font-family: "DM Sans", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", "Meiryo", "Noto Sans JP", sans-serif; }
:lang(ko) body, body:lang(ko) { font-family: "DM Sans", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif; }
:lang(zh-Hans) body, body:lang(zh-Hans) { font-family: "DM Sans", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif; }
html.cjk h1, html.cjk h2, html.cjk h3, html.cjk h4, html.cjk .eyebrow, html.cjk .btn, html.cjk .club-nav {
  letter-spacing: 0; text-transform: none; word-break: normal; line-break: strict; overflow-wrap: anywhere;
}
html.cjk body { line-height: 1.7; }
/* The site tracks its small caps wide; that pulls Japanese, Korean and Chinese text apart. */
html.cjk :is(a, p, span, label, small, li, dt, dd, h1, h2, h3, h4, h5, button, input, textarea, select, legend, summary, td, th, strong, em, b, i, time, figcaption) { letter-spacing: normal; }