/* CLRX canonical header design — Pretendard medium, understated navigation */
.site-header{height:82px;background:rgba(8,23,45,.96);color:#fff;border-bottom:1px solid rgba(255,255,255,.14);position:fixed;top:0;left:0;width:100%;z-index:100;backdrop-filter:blur(18px)}
.site-header .header-inner{width:min(calc(100% - 80px),1440px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;height:100%}
.site-header .header-logo{flex-shrink:0}.site-header .header-logo img{width:145px;height:auto}
.site-header .desktop-nav{display:flex;align-items:center;gap:34px}
.site-header .desktop-nav a{font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR",sans-serif!important;font-size:13px!important;font-weight:500!important;letter-spacing:.015em!important;line-height:1.5;white-space:nowrap;transition:opacity .2s ease}
.site-header .desktop-nav a:hover,.site-header .desktop-nav a[aria-current=page]{opacity:.65}
.site-header .header-side{display:flex;align-items:center;justify-content:flex-end;min-width:56px}
.site-header .header-side .lang{display:inline-flex;align-items:center;gap:7px;opacity:.9;font-family:Pretendard,"Apple SD Gothic Neo",sans-serif;font-size:12px!important;font-weight:500!important;letter-spacing:.015em!important}
.site-header .globe-icon{flex-shrink:0;width:19px;height:19px}
.site-header .menu-toggle{display:none;background:transparent;border:0;color:#fff;font-size:24px;padding:8px}
.site-header .mobile-nav{display:none}
@media(max-width:1000px) and (min-width:761px){.site-header .desktop-nav{gap:18px}.site-header .desktop-nav a{font-size:12px!important}}
@media(max-width:760px){
.site-header{height:68px}
.site-header .header-inner{width:calc(100% - 36px);gap:12px}
.site-header .header-logo img{width:125px}
.site-header .desktop-nav{display:none}
html body .site-header .header-side{display:none!important}
.site-header .menu-toggle{display:block;margin-left:auto}
.site-header .mobile-nav{display:none;position:fixed;top:68px;left:0;right:0;background:#08172d;padding:12px 24px 28px;flex-direction:column;box-shadow:0 16px 30px #0005;max-height:calc(100dvh - 68px);overflow-y:auto}
.site-header .mobile-nav.open{display:flex}
.site-header .mobile-nav>a{font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR",sans-serif!important;font-size:16px!important;font-weight:500!important;letter-spacing:.015em!important;line-height:1.45;padding:16px 0;border-bottom:1px solid #ffffff24}
.site-header .mobile-language{margin-top:18px;padding-top:17px;border-top:1px solid #ffffff2e}
.site-header .mobile-language-link{display:flex!important;align-items:center;gap:12px;font-family:Pretendard,"Apple SD Gothic Neo",sans-serif!important;font-weight:500!important;font-size:14px!important;letter-spacing:.01em!important;padding:5px 0!important;border:0!important}
.site-header .mobile-language-arrow{margin-left:auto;font-size:18px;opacity:.7}
}

/* 2026-11-05 mobile drawer polish: exactly one separation rule */
@media(max-width:760px){
  .site-header .mobile-nav{
    box-sizing:border-box;
    top:68px;
    max-height:calc(100dvh - 68px);
    overscroll-behavior:contain;
  }
  .site-header .mobile-nav>a:last-of-type{border-bottom:0!important}
  .site-header .mobile-language{
    border-top:1px solid rgba(255,255,255,.20)!important;
    margin-top:0!important;
    padding-top:18px!important;
  }
  .site-header .mobile-nav>a{font-weight:500!important}
  .site-header .mobile-language-link{min-height:44px}
  .site-header .menu-toggle{min-width:44px;min-height:44px;display:grid;place-items:center}
}
