/* 언어 전환 드롭다운 (nav 크롬 [검색][홈][언어 전환] 결정적 주입의 언어 전환 칸) — 무JS <details>, CSP style-src 'self' */
.lang-switcher {
  position: relative;
  display: inline-block;
  margin: 0;
  anchor-scope: --ls;      /* --ls 를 이 switcher 서브트리로 한정 → 상/하단 nav 각 메뉴가 자기 토글에 바인딩 */
}
.lang-switcher-toggle {
  display: inline-flex;
  align-items: center;
  height: 1.8rem;          /* .social-link svg 높이와 정렬 */
  padding: 10px;           /* .social-link 패딩과 동일 */
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: .02em;
  color: #fff;
  opacity: .8;
  cursor: pointer;
  user-select: none;
  list-style: none;        /* <summary> 기본 ▶ 마커 제거 */
  anchor-name: --ls;       /* .lang-switcher-menu 의 앵커 기준점 */
}
.lang-switcher-toggle::-webkit-details-marker { display: none; }
.lang-switcher-toggle:hover,
.lang-switcher[open] .lang-switcher-toggle { opacity: 1; }
.lang-switcher-menu {
  position: fixed;                       /* .site-nav overflow:hidden 탈출 (transform 조상 0) */
  top: 64px;                             /* 폴백: nav 높이=결정적 하단. 스크린샷 보정 불필요 */
  right: max(5vw, calc(50vw - 520px));   /* 폴백: .inner(1040) 우측 거터 = 토글 우측 edge 근사 */
  z-index: 1100;                         /* .site-nav-main(z 1000) 위 */
  min-width: 3.5em;
  margin: 0;
  padding: 4px 0;
  list-style: none;
  background: #15171a;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .3);
}
@supports (anchor-name: --x) {
  .lang-switcher-menu {                  /* 네이티브: 토글에 정확 앵커(기기·루트폰트 무관, 스크롤 추적) */
    position-anchor: --ls;
    top: anchor(bottom);                 /* = 기존 top:100% 의도(토글 하단) */
    right: anchor(right);                /* = 기존 right:0 의도(토글 우측 edge 정렬) */
    left: auto;
    bottom: auto;
  }
}
.lang-switcher-menu li { margin: 0; }
.lang-switcher-menu a {
  display: block;
  padding: 6px 14px;
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
  opacity: .75;
  text-decoration: none;
  white-space: nowrap;
}
.lang-switcher-menu a:hover {
  opacity: 1;
  background: rgba(255, 255, 255, .08);
}