/* 상단 메뉴 「위키·법전」 펼침 목록 (2026-11-03). 동작은 /site-nav.js */
.nav-menu{position:relative;display:inline-flex;align-items:center}
.nav-menu__btn{display:inline-flex;align-items:center;gap:7px;margin:0;padding:0;border:0;background:none;color:var(--muted,#aaa398);font:inherit;font-size:inherit;line-height:inherit;cursor:pointer;white-space:nowrap}
.nav-menu__btn::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.nav-menu.is-open .nav-menu__btn::after{transform:translateY(1px) rotate(-135deg)}
.nav-menu__btn:hover,.nav-menu.is-open .nav-menu__btn,.nav-menu__btn.selected{color:var(--gold,#d9a441)}
.nav-menu__btn:focus-visible{outline:2px solid #d9a441;outline-offset:4px;border-radius:4px}
.nav-menu__list{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);min-width:190px;padding:6px;background:#17161a;border:1px solid #36322c;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.55);z-index:200;text-align:left}
.nav-menu__list[hidden]{display:none!important}
.nav-menu .nav-menu__list a{display:block;padding:10px 12px;border-radius:8px;color:#f4efe6;text-decoration:none;font-size:14px;font-weight:600;line-height:1.35;white-space:nowrap}
.nav-menu .nav-menu__list a small{display:block;margin-top:2px;color:#aaa398;font-size:12px;font-weight:400}
.nav-menu .nav-menu__list a:hover,.nav-menu .nav-menu__list a:focus-visible{background:#2a2318;outline:none}
.nav-menu .nav-menu__list a[aria-current=page]{color:#d9a441}

/* 첫 화면(scrub-engine.js) 상단바: 위키·법전은 어두운 알약, 접속하기·크레딧 충전은 기존 밝은 알약 */
.sw-topbar .sw-actions{display:flex;align-items:center;gap:10px;pointer-events:auto}
.sw-topbar .nav-menu__btn{font-weight:600;font-size:.9rem;color:#f4efe6;background:rgba(22,22,26,.72);border:1px solid rgba(255,255,255,.14);padding:9px 16px;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.sw-topbar .nav-menu__btn:hover,.sw-topbar .nav-menu.is-open .nav-menu__btn{color:#f4efe6;border-color:#d9a441}
@media (max-width:640px){
  .sw-topbar{gap:8px!important;padding-left:14px!important;padding-right:14px!important}
  .sw-topbar .sw-nav-group,.sw-topbar .sw-actions{gap:6px!important}
  .sw-topbar .sw-topcta,.sw-topbar .nav-menu__btn{padding:8px 11px!important;font-size:.8rem!important}
  .sw-topbar .nav-menu__btn{gap:5px}
  .sw-topbar .sw-brand{gap:7px!important}
  .sw-topbar .sw-brand__name{font-size:1rem!important}
}
@media (max-width:400px){
  .sw-topbar .sw-brand__name{display:none}
  .sw-topbar .sw-topcta,.sw-topbar .nav-menu__btn{padding:8px 10px!important;font-size:.78rem!important}
}

/* 하위 페이지 상단바: 메뉴가 늘어나도 줄을 바꿔 가로 넘침이 없게 (commerce.css 를 안 쓰는 페이지 포함) */
.topbar{gap:18px}
.topbar nav{flex-wrap:wrap;justify-content:flex-end;row-gap:10px}
@media (max-width:700px){
  .topbar{height:auto;min-height:68px;padding-top:16px;padding-bottom:16px;align-items:flex-start}
  .topbar .brand{flex-shrink:0}
  .topbar nav{column-gap:14px;font-size:12px;max-width:72%}
}