/* 모바일 상단바 (2026-07-16)
   좁은 화면에서 한글 메뉴가 글자 단위로 세로로 꺾이는 문제 방지.
   인라인 스타일(padding·font-size·margin)을 덮어야 하는 항목만 !important. */
@media (max-width: 640px) {
  .nj-topbar { gap: 4px; padding: 8px 10px; }
  .nj-topbar .name { display: none; }
  .nj-topbar nav {
    flex: 1; min-width: 0;
    overflow-x: auto; -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-left: 2px !important;
  }
  .nj-topbar nav::-webkit-scrollbar { display: none; }
  .nj-topbar nav a {
    padding: 6px 9px !important;
    font-size: .85rem !important;
    white-space: nowrap;
    flex: none;
  }
  .nj-topbar > a:last-child {
    padding: 7px 12px !important;
    font-size: .78rem !important;
  }
}