.site-nav-tools { display:flex; align-items:center; gap:4px; }
.site-language { position:relative; color:inherit; font:inherit; }
.site-language summary { display:flex; align-items:center; gap:7px; padding:8px 10px; border:1px solid transparent; border-radius:4px; list-style:none; cursor:pointer; white-space:nowrap; }
.site-language summary::-webkit-details-marker { display:none; }
.site-language summary:hover, .site-language[open] summary { background:var(--site-nav-hover,#303030); }
.site-language summary:focus-visible { outline:3px solid var(--site-nav-accent,#efad89); outline-offset:2px; }
.site-language-globe { flex:none; opacity:.85; }
.site-language-chevron { font-size:15px; line-height:1; opacity:.7; }
.site-language-panel { position:absolute; top:calc(100% + 8px); right:0; z-index:1100; box-sizing:border-box; width:228px; max-width:calc(100vw - 24px); padding:12px; color:var(--site-nav-ink,#f2f2f2); background:var(--paper,#282e33); border:1px solid var(--line,#50575d); border-radius:9px; box-shadow:0 8px 28px #0005; text-align:start; white-space:normal; }
.site-language-label { margin:0 8px 7px; color:var(--muted,#bac2c9); font-size:12px; font-weight:600; }
.site-language-panel ul { list-style:none; margin:0; padding:0; }
.site-language-panel a { display:flex; justify-content:space-between; gap:12px; padding:9px 10px; border-radius:5px; color:inherit; text-decoration:none; }
.site-language-panel a:hover, .site-language-panel a[aria-current] { color:inherit; background:var(--site-nav-hover,#394047); text-decoration:none; }
.site-language-note { margin:10px 8px 1px; font-size:12px; line-height:1.5; color:var(--muted,#bac2c9); }
@media(max-width:760px) {
  .site-navigation { position:relative; }
  .site-language { position:static; }
  .site-language summary { padding:8px; }
}