.lang{display:inline-flex;gap:0;margin-bottom:30px;border:1px solid rgba(242,235,221,.25)}
.lang button,.ctrls .lg button{all:unset;cursor:pointer;font:400 10.5px/1 var(--f-mono);letter-spacing:.24em;color:var(--dim);padding:8px 12px 8px 14px;transition:color .25s,background .25s}
.lang button.on{color:#04070A;background:var(--bone)}
.lang button:not(.on):hover{color:var(--amber)}
.lang button:focus-visible,.ctrls .lg button:focus-visible{outline:1px solid var(--amber)}
.ctrls .lg{display:inline-flex;align-items:center}
.ctrls .lg button{padding:6px 5px;letter-spacing:.14em;font-size:11px}
.ctrls .lg button.on{color:var(--bone)}
.ctrls .lg i{font-style:normal;color:var(--dim)}
.ctrls button{white-space:nowrap}
@media (max-width:899px){ .ctrls{gap:2px} .ctrls .chap{display:none} .ctrls button{letter-spacing:.04em;font-size:10.5px;padding:6px 5px} .ctrls .lg{margin-left:auto} }
