
/* A bounded, keyboard-operable language menu; native details works without JS. */
.chj-language-picker{position:relative;display:inline-block;max-width:100%;font-size:13px;text-align:left;z-index:40}
.chj-language-picker>summary{cursor:pointer;list-style:none;padding:8px 12px;border:1px solid #39434d;border-radius:8px;color:inherit;background:#171c24;min-height:40px;display:flex;align-items:center;gap:8px}
.chj-language-picker>summary::-webkit-details-marker{display:none}
.chj-language-picker>summary::after{content:"▾";margin-left:6px}
.chj-language-picker>nav{position:absolute;right:0;top:calc(100% + 6px);display:grid!important;grid-template-columns:1fr;min-width:250px;max-width:calc(100vw - 32px);max-height:min(65vh,520px);overflow:auto;background:#171c24;border:1px solid #39434d;border-radius:10px;padding:6px;box-shadow:0 12px 36px #0008}
.chj-language-picker>nav>a{display:flex;align-items:center;gap:10px;padding:9px 12px;white-space:normal;text-decoration:none;color:#edf2f7;border-radius:6px;font-size:13px}
.chj-language-picker>nav>a:hover,.chj-language-picker>nav>a[aria-current]{background:#293a35;color:#78e7b8}
.chj-language-picker a:focus-visible,.chj-language-picker summary:focus-visible{outline:2px solid #78e7b8;outline-offset:2px}
.chj-flag{font-family:system-ui,"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:18px;line-height:1;width:24px;flex-shrink:0;text-align:center}
@media(max-width:600px){.chj-language-picker>nav{min-width:230px}.chj-language-picker>summary{font-size:12px}}

/* Keep the existing monitor header bounded with long regional language names. */
.entropy-topbar>nav{min-width:0}.entropy-topbar .chj-language-picker{min-width:0}.entropy-topbar .chj-language-picker>summary{max-width:min(180px,38vw);white-space:normal;overflow-wrap:anywhere}
