/* Native selects retain their option labels, keyboard behavior and accessible
   names. Only the closed control is represented by a local flag image. */
.language-control{position:relative;display:inline-flex;align-items:center;flex:none;gap:0;min-width:44px;width:44px;height:44px}
.language-control>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-control select[data-language-select]{display:block;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid var(--line);border-radius:0;color:transparent;-webkit-text-fill-color:transparent;background-color:var(--bg);background-image:url('/flags/en.svg');background-repeat:no-repeat;background-position:6px center;background-size:24px 16px;font-size:16px;line-height:1.5;appearance:none;-webkit-appearance:none;cursor:pointer}
html[lang="ko"] .language-control select[data-language-select]{background-image:url('/flags/ko.svg')}
.language-control::after{content:"";position:absolute;right:5px;top:18px;width:4px;height:4px;border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);transform:rotate(45deg);pointer-events:none}
.language-control select[data-language-select]:hover{border-color:var(--muted)}
.language-control select[data-language-select]:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.language-control select[data-language-select] option{color:var(--ink);-webkit-text-fill-color:var(--ink);background:var(--bg);font-size:16px}
@media(forced-colors:active){.language-control select[data-language-select]{forced-color-adjust:none;border-color:ButtonText;background-color:Canvas}.language-control::after{border-color:ButtonText}.language-control select[data-language-select] option{color:CanvasText;-webkit-text-fill-color:CanvasText;background:Canvas}}