.ch-language { position: relative; flex: none; color: var(--fg-1, #0f172a); font: 600 13px/1.4 var(--font-body, sans-serif); }
.ch-language summary { list-style: none; display: flex; align-items: center; gap: 6px; height: 40px; padding: 7px 9px; cursor: pointer; border: 1px solid var(--border-base, #d5dfeb); border-radius: 6px; background: #fff; }
.ch-language summary::-webkit-details-marker { display: none; }
.ch-language img { width: 22px; height: 16px; object-fit: cover; border-radius: 2px; flex: none; }
.ch-language summary svg { width: 12px; height: 12px; transform: rotate(90deg); }
.ch-language[open] summary { border-color: var(--clevr-blue-500, #2f80ed); }
.ch-language-menu { position: absolute; top: calc(100% + 8px); right: 0; width: 200px; padding: 5px; margin: 0; display: grid; gap: 2px; border: 1px solid #d5dfeb; border-radius: 6px; background: #fff; color: #0f172a; box-shadow: 0 8px 24px #0f172a24; z-index: 100; }
.ch-language-menu button { display: flex; gap: 10px; align-items: center; min-height: 44px; padding: 8px 10px; border: 0; border-radius: 4px; background: transparent; color: inherit; text-align: left; font: inherit; cursor: pointer; }
.ch-language-menu button:hover, .ch-language-menu button[aria-current] { background: #eaf3fe; }
.ch-language-menu button svg { margin-left: auto; width: 16px; height: 16px; }
.ch-language summary:focus-visible, .ch-language-menu button:focus-visible { outline: 2px solid #2f80ed; outline-offset: 2px; }
.code-header .ch-language summary { background: #07110b; border-color: #245c36; color: #39ff14; }
@media (max-width: 1200px) { .ch-header-inner { gap: 12px; } .ch-header-search { display: none; } .ch-nav a { padding-left: 8px; padding-right: 8px; } }
@media (max-width: 540px) { .ch-brand span { display: none; } .ch-header-inner { gap: 8px; } .ch-header-actions { gap: 6px; } .ch-language summary { padding: 7px; } }