/* Flag language selector (inline SVG flags, no emoji). Shared by the homepage and the language pages. */
.ls-sprite{position:absolute;width:0;height:0;overflow:hidden}
.langsel{position:relative;display:inline-block;flex:0 0 auto;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1;order:2;z-index:120}
.ls-btn{display:inline-flex;align-items:center;gap:.45rem;min-width:44px;height:44px;padding:0 .7rem;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;transition:background .2s,border-color .2s}
.ls-btn:hover,.langsel.open .ls-btn{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4)}
.ls-btn:focus-visible,.ls-list a:focus-visible{outline:2px solid #ffc15a;outline-offset:2px}
.ls-flag{display:block;width:28px;height:19px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.28);flex:0 0 auto;overflow:hidden}
.ls-chev{width:10px;height:6px;transition:transform .2s}
.langsel.open .ls-chev{transform:rotate(180deg)}
.ls-list{position:absolute;right:0;top:calc(100% + 8px);margin:0;padding:.4rem;list-style:none;display:none;flex-direction:column;gap:.15rem;min-width:62px;background:#0b1220;border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 18px 40px -10px rgba(0,0,0,.7)}
.langsel.open .ls-list{display:flex}
.langsel:not(.ls-js):hover .ls-list,.langsel:not(.ls-js):focus-within .ls-list{display:flex}
.ls-list li{list-style:none;margin:0;padding:0}
.ls-list a{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0 .7rem;border-radius:8px;text-decoration:none;color:#fff}
.ls-list a:hover{background:rgba(255,255,255,.12)}
/* homepage header bar */
.bar-end{display:flex;align-items:center;gap:.6rem}
/* language pages: header-inner is a wrapping flex row (wordmark, header-tools, nav) */
@media (min-width:640px){.header-inner{position:relative;padding-right:5rem}.header-inner>.langsel{position:absolute;right:0;top:.6rem;margin:0}}
@media (max-width:639px){.header-inner>.langsel{margin-left:auto;order:1}.header-inner>.header-tools{order:2}.header-inner>.nav{order:3}}
.bar-end .langsel{order:0}.bar-end .menu-btn{order:1}