.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.lang-selector{position:relative;display:inline-flex;flex:none}
.lang-button{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;background:none;border-radius:7px;padding:8px 10px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.lang-dark .lang-button{color:#dddeda}
.lang-dark .lang-button:hover{background:#ffffff16}
.lang-light .lang-button{color:var(--ink,#222);border-color:var(--line,#ddd)}
.lang-light .lang-button:hover{background:#f0efeb}
.lang-button:focus-visible,.lang-option:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.lang-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;display:grid;gap:2px;min-width:150px;padding:6px;border-radius:9px;border:1px solid var(--line,#ddd);background:var(--paper,#fff);box-shadow:0 8px 24px rgba(0,0,0,.14)}
.lang-dark .lang-menu{background:#171d23;border-color:#2c343c;color:#dddeda}
.lang-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;background:none;padding:9px 10px;border-radius:6px;font:inherit;font-size:13px;cursor:pointer;color:inherit;text-align:left}
.lang-option:hover{background:#f0efeb}
.lang-dark .lang-option:hover{background:#ffffff16}
.lang-option.active{font-weight:650}
@media(pointer:coarse){.lang-button{min-height:44px}}