.site-language { position: relative; flex: 0 0 auto; margin: 0 16px; color: #243247; font-size: 14px; }
.site-language summary { display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 6px 10px; border: 1px solid #d8dce2; border-radius: 4px; background: #fff; cursor: pointer; list-style: none; }
.site-language summary::-webkit-details-marker { display: none; }
.site-language img { display: block; width: 24px; height: 18px; object-fit: cover; flex-shrink: 0; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.language-chevron { width: 6px; height: 6px; margin-left: 4px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); }
.site-language[open] .language-chevron { transform: rotate(225deg); }
.site-language .language-options { position: absolute; top: calc(100% + 8px); right: 0; z-index: 1100; min-width: 168px; max-height: min(360px, 70vh); overflow-y: auto; margin: 0; padding: 6px; list-style: none; background: #fff; border: 1px solid #e2e6eb; border-radius: 6px; box-shadow: 0 8px 24px rgba(0,0,0,.14); }
.site-language .language-options button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; border: 0; border-radius: 3px; background: transparent; color: #243247; text-align: left; font: inherit; white-space: nowrap; cursor: pointer; }
.site-language .language-options button:hover, .site-language .language-options button[aria-pressed="true"] { background: #edf3f9; }
.site-language summary:focus-visible, .site-language button:focus-visible { outline: 2px solid #176bb2; outline-offset: 2px; }
@media (max-width: 767px) {
    .site-language { margin: 0 8px; font-size: 13px; }
    .site-language summary { gap: 6px; padding: 6px 8px; }
}