/* [SPECS §45, 2026-09-14] 사이트 공통 언어 선택기 — 홈(views/index.html)·정적 페이지(utils/render_header.js 가 인라인)·
   커뮤니티(utils/community_qa_page.js) 가 같은 마크업(renderLangSwitchHtml)·같은 규칙을 쓴다. 색은 기존 알약 버튼 값 그대로. */
/* [SPECS §48-1, 2026-09-15] 색은 아래 토큰으로만 — 정적 페이지는 app.css 를 안 부르므로 여기서 한 번 정의(값은 기존 알약 버튼과 동일, 새 색 없음). */
:root{
--tg-lang-muted:#8A8177;
--tg-lang-border:#ECE6DB;
--tg-lang-ink:#1F1B16;
--tg-lang-hover-bg:#FAF7F2;
--tg-lang-on-dark:#cfe0ff;
}
.tg-lang{position:relative;display:inline-block;}
.tg-lang-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-family:inherit;color:var(--tg-lang-muted);background:none;border:1px solid var(--tg-lang-border);border-radius:999px;padding:4px 12px;cursor:pointer;white-space:nowrap;line-height:1.2;}
.tg-lang-btn:hover{border-color:#C63D2F;color:#C63D2F;}
.tg-lang-btn:focus-visible{outline:2px solid #26547C;outline-offset:2px;}
.tg-lang.tg-lang-on-dark .tg-lang-btn{color:var(--tg-lang-on-dark);border-color:rgba(255,255,255,.4);}
.tg-lang.tg-lang-on-dark .tg-lang-btn:hover{color:#fff;border-color:#fff;}
.tg-lang-flag{width:20px;height:15px;flex:0 0 20px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08);object-fit:cover;vertical-align:middle;}
.tg-lang-caret{font-size:9px;}
.tg-lang-dd{display:none;position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid var(--tg-lang-border);border-radius:12px;overflow:hidden;min-width:190px;z-index:200;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:4px 0;}
.tg-lang-dd.tg-open{display:block;}
.tg-lang-opt{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 16px;font-size:13px;color:var(--tg-lang-ink);text-decoration:none;cursor:pointer;box-sizing:border-box;}
.tg-lang-opt:hover,.tg-lang-opt:focus{background:var(--tg-lang-hover-bg);outline:none;}
.tg-lang-opt:focus-visible{box-shadow:inset 0 0 0 2px #26547C;}
.tg-lang-opt-active{color:#26547C;font-weight:700;}
.tg-lang-opt-off{color:var(--tg-lang-muted);cursor:default;}
.tg-lang-opt-off:hover{background:transparent;}
.tg-lang-opt-off .tg-lang-flag{opacity:.55;}
.tg-lang-note{display:block;font-size:11px;font-weight:400;color:var(--tg-lang-muted);line-height:1.3;}
.tg-lang-name{line-height:1.2;}
@media (max-width:767px){.tg-lang-dd{min-width:200px;}.tg-lang-opt{min-height:44px;}}