/* ========== 사이트 전역 nav (마켓·콘솔 페이지용) ==========
   index.html 의 <nav> 마크업(.nav-inner / .nav-logo / .nav-links / .mobile-menu-btn)을 그대로 쓰되,
   css/style.css 전체(고정 nav·섹션 여백·폰트)를 끌어오면 마켓 다크 테마와 충돌하므로 nav 부분만 여기에 둔다.
   모바일 토글은 js/nav-mobile.js (.nav-links.show) 재사용. */
nav.site-nav{position:relative;z-index:20;background:#0b0f1a;border-bottom:1px solid #243049;padding:0 16px}
nav.site-nav .nav-inner{max-width:640px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:52px}
nav.site-nav .nav-logo{display:flex;align-items:center;text-decoration:none}
nav.site-nav .nav-logo-img{height:26px;width:auto;display:block}
nav.site-nav .nav-links{display:flex;gap:18px;list-style:none;align-items:center;margin:0;padding:0}
nav.site-nav .nav-links a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#aab5cd;line-height:1.15;padding:4px 2px}
nav.site-nav .nav-links a:hover,nav.site-nav .nav-links li.on a{color:#eef2fa}
nav.site-nav .nav-en{font-size:12px;font-weight:800;letter-spacing:.02em}
nav.site-nav .nav-ko{font-size:10px;color:#7d89a6}
nav.site-nav .nav-links li.on .nav-en{color:#60a5fa}
nav.site-nav .mobile-menu-btn{display:none;background:none;border:0;color:#eef2fa;font-size:22px;cursor:pointer;min-width:44px;min-height:44px;padding:4px 8px;line-height:1}
@media (max-width:768px){
  nav.site-nav .nav-links{display:none}
  nav.site-nav .mobile-menu-btn{display:block}
  nav.site-nav .nav-links.show{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#111827;padding:14px 16px 18px;border-bottom:1px solid #243049;gap:6px;align-items:stretch}
  nav.site-nav .nav-links.show a{flex-direction:row;justify-content:space-between;padding:10px 6px;border-bottom:1px dashed #243049}
  nav.site-nav .nav-links.show li:last-child a{border-bottom:0}
  nav.site-nav .nav-links.show .nav-en{font-size:14px}
  nav.site-nav .nav-links.show .nav-ko{font-size:12px}
}