/* A compact, keyboard-accessible language menu on every homepage. */
.top .nav{margin-left:auto}
.language-menu{position:relative;flex:none;font:500 .875rem/1.3 var(--sans)}
.language-menu summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:6px;color:var(--text-2);cursor:pointer;list-style:none}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary::after{content:"▾";font-size:.75em}
.language-menu[open] summary::after{content:"▴"}
.language-menu summary:focus-visible,.language-options a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.language-options{position:absolute;right:0;top:calc(100% + 6px);z-index:20;display:grid;width:220px;max-width:calc(100vw - 32px);max-height:65vh;overflow-y:auto;padding:6px;background:var(--panel);border:1px solid var(--line-2);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.language-options a{display:flex;align-items:center;min-height:44px;padding:0 12px;color:var(--text-2);text-decoration:none;border-radius:4px}
.language-options a:hover,.language-options a[aria-current="page"]{background:var(--accent-dim);color:var(--accent)}
@media(max-width:849px){
  .top .bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}
  .top .brand{grid-column:1;grid-row:1}
  .top .language-menu{grid-column:2;grid-row:1}
  .top .nav{grid-column:1/-1;grid-row:2;margin-left:0}
}