/* 공용 상단(2단) — 1단: 로그인·언어·화면 모드 / 2단: 로고·대메뉴·다운로드
   기존 header{display:flex…} 규칙(site.css·index.html)을 header.hd2 로 덮는다. */
header.hd2{display:block;padding:0;flex-wrap:nowrap}
header.hd2 .hd-top{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:7px 12px;border-bottom:1px solid rgba(255,255,255,.12)}
header.hd2 .hd-main{display:flex;align-items:center;gap:18px;padding:10px 14px 10px 14px}
header.hd2 .hd-nav{display:flex;align-items:center;gap:2px;flex:1;min-width:0;justify-content:center}
header.hd2 .hd-main .head-dl{display:inline-flex !important;flex:none;margin-left:auto;white-space:nowrap;height:40px;padding:0 20px;font-size:14px}

/* 1단 작은 컨트롤 */
header.hd2 .hd-top .lang-btn{height:28px;padding:0 10px;font-size:12.5px;gap:6px}
header.hd2 .hd-top .lang-btn svg{width:14px;height:14px}
header.hd2 .hd-top .theme-switch{width:52px;height:28px;padding:0 7px}
header.hd2 .hd-top .theme-switch svg{width:12px;height:12px}
header.hd2 .hd-top .theme-switch .knob{top:4px;left:4px;width:18px;height:18px}
header.hd2 .hd-top .theme-switch[data-on="1"] .knob{transform:translateX(24px)}
.hd-login{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.55)}
.hd-login svg{width:14px;height:14px}
.hd-login:hover{background:#fff;color:#0c0e1a}
.hd-me{position:relative}
.hd-me-btn{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px 0 3px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.hd-me-btn img,.hd-me-btn .av{width:22px;height:22px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;background:#2f5bd0;color:#fff;font-size:11px}
.hd-me-btn .nm{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hd-me-btn .caret{font-size:9px;color:var(--muted)}
.hd-me-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;padding:6px;border-radius:14px;border:1px solid rgba(255,255,255,.75);background:rgba(18,20,36,.95);box-shadow:0 18px 44px -14px rgba(0,0,0,.7);display:none;z-index:70}
.hd-me-menu.open{display:block}
.hd-me-menu a,.hd-me-menu button{display:block;width:100%;text-align:left;padding:8px 11px;border-radius:9px;font:inherit;font-size:13px;font-weight:600;color:#fff;text-decoration:none;background:none;border:none;cursor:pointer}
.hd-me-menu a:hover,.hd-me-menu button:hover{background:rgba(255,255,255,.1)}

html[data-theme="light"] header.hd2 .hd-top{border-bottom-color:rgba(16,19,42,.12)}
html[data-theme="light"] .hd-login,html[data-theme="light"] .hd-me-btn{color:#10132a;border-color:rgba(16,19,42,.35)}
html[data-theme="light"] .hd-login:hover{background:#10132a;color:#fff}
html[data-theme="light"] .hd-me-menu{background:rgba(255,255,255,.97);border-color:rgba(16,19,42,.25)}
html[data-theme="light"] .hd-me-menu a,html[data-theme="light"] .hd-me-menu button{color:#10132a}

/* 좁은 화면: 대메뉴는 로고·다운로드 아래 한 줄(가로 스크롤) */
@media(max-width:1020px){
  header.hd2 .hd-main{flex-wrap:wrap;row-gap:8px}
  header.hd2 .hd-nav{order:3;flex:1 1 100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  header.hd2 .hd-nav::-webkit-scrollbar{display:none}
}
@media(max-width:620px){
  header.hd2 .hd-top .lang-btn #langCur{display:none}
  header.hd2 .hd-main .head-dl{height:36px;padding:0 14px;font-size:13px}
}