#heroV2Root.community-main-nav-root {
  position: relative;
  z-index: 700;
  font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --primary-600: #2563eb;
  --primary-700: #1d4ed8;
  --gray-900: #111827;
  --gray-700: #374151;
  --gray-300: #d1d5db;
  --gray-200: #e5e7eb;
  --gray-100: #f3f4f6;
}

#heroV2Root .navbar {
  position: relative;
  z-index: 100;
  border-bottom: 1px solid var(--gray-200);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 2px 12px rgba(15, 23, 42, .035);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

#heroV2Root .nav-inner {
  box-sizing: border-box;
  width: min(100%, 1280px);
  min-height: 80px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 auto;
  padding: 14px 24px;
  white-space: nowrap;
}

#heroV2Root .nav-brand-stack { display: flex; flex: 0 0 auto; align-items: center; gap: 14px; min-width: 0; }
#heroV2Root .logo { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; color: var(--gray-900); font-size: 22px; font-weight: 800; letter-spacing: -.02em; text-decoration: none; }
#heroV2Root .logo-mark { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 8px; color: #fff; background: var(--primary-600); }
#heroV2Root .logo-mark svg { width: 20px; height: 20px; }

#heroV2Root .seoul-weather-chip {
  min-width: 0;
  height: 34px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  overflow: hidden;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  color: var(--gray-900);
  background: #fff;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .07);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}
#heroV2Root .seoul-weather-chip > * { flex: 0 0 auto; }
#heroV2Root .seoul-weather-chip .weather-icon { font-size: 16px; }
#heroV2Root .seoul-weather-chip .weather-time,
#heroV2Root .seoul-weather-chip .weather-temp { font-variant-numeric: tabular-nums; }
#heroV2Root .seoul-weather-chip .weather-time { opacity: .88; }
#heroV2Root .seoul-weather-chip .weather-temp { display: inline-flex; align-items: center; gap: 4px; }
#heroV2Root .seoul-weather-chip[data-state="offline"] { opacity: .65; }

#heroV2Root .nav-menu { display: flex; flex: 0 0 auto; align-items: center; gap: 4px; }
#heroV2Root .nav-link { padding: 8px 14px; border-radius: 8px; color: var(--gray-700); font-size: 15px; font-weight: 600; text-decoration: none; transition: color .2s, background .2s; }
#heroV2Root .nav-link:hover { color: var(--primary-600); background: var(--gray-100); }
#heroV2Root .nav-link.is-current { color: var(--primary-700); background: #eff6ff; }
#heroV2Root .nav-dropdown { position: relative; display: inline-block; }
#heroV2Root .nav-dropdown-trigger { cursor: pointer; }
#heroV2Root .nav-submenu { position: absolute; top: 100%; left: 0; z-index: 900; min-width: 200px; display: none; margin: 6px 0 0; padding: 6px; border: 1px solid rgba(0,0,0,.12); border-radius: 12px; background: #fff; box-shadow: 0 10px 28px rgba(0,0,0,.16); list-style: none; }
#heroV2Root .nav-dropdown:hover .nav-submenu,
#heroV2Root .nav-dropdown:focus-within .nav-submenu { display: block; }
#heroV2Root .nav-submenu li { margin: 0; padding: 0; }
#heroV2Root .nav-suboption { display: block; padding: 10px 14px; border-radius: 8px; color: #374151; font-size: 14px; font-weight: 600; line-height: 1.3; text-decoration: none; white-space: nowrap; }
#heroV2Root .nav-suboption:hover { color: var(--primary-600); background: var(--gray-100); }

#heroV2Root .nav-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; margin-left: auto; }
#heroV2Root .nav-auth-slot { display: inline-flex; align-items: center; }
#heroV2Root .nav-mypage { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 0; border-radius: 8px; color: var(--gray-700); background: transparent; font-size: 14px; font-weight: 600; cursor: pointer; }
#heroV2Root .nav-mypage:hover { background: var(--gray-100); }
#heroV2Root .nav-mypage-icon { width: 18px; height: 18px; flex: 0 0 auto; }

#heroV2Root .lang-dropdown,
#heroV2Root .user-dropdown { position: relative; display: inline-block; }
#heroV2Root .lang-trigger { display: flex; align-items: center; gap: 6px; padding: 8px 12px; border: 0; border-radius: 8px; color: var(--gray-700); background: transparent; font-size: 14px; font-weight: 600; cursor: pointer; }
#heroV2Root .lang-trigger:hover { background: var(--gray-100); }
#heroV2Root .lang-trigger svg { width: 16px; height: 16px; }
#heroV2Root .lang-menu,
#heroV2Root .user-menu-list { position: absolute; top: 100%; right: 0; z-index: 900; min-width: 140px; margin: 6px 0 0; padding: 4px; border: 1px solid rgba(0,0,0,.14); border-radius: 10px; background: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.16); list-style: none; }
#heroV2Root .user-menu-list { min-width: 150px; }
#heroV2Root .lang-menu li,
#heroV2Root .user-menu-list li { margin: 0; padding: 0; }
#heroV2Root .lang-option,
#heroV2Root .user-option { display: block; padding: 9px 14px; border-radius: 7px; color: #374151; font-size: 14px; font-weight: 600; line-height: 1.3; text-decoration: none; white-space: nowrap; }
#heroV2Root .lang-option:hover,
#heroV2Root .user-option:hover { color: var(--primary-700); background: var(--gray-100); }
#heroV2Root .lang-option.is-active { color: #fff; background: var(--primary-700); }
#heroV2Root .user-dropdown[data-authenticated="1"] [data-auth-only="anonymous"],
#heroV2Root .user-dropdown[data-authenticated="0"] [data-auth-only="authenticated"] { display: none !important; }

#heroV2Root .nav-toggle {
  width: 30px !important;
  height: 28px !important;
  min-height: 28px !important;
  display: none;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1.5px solid var(--primary-600);
  border-radius: 3px;
  color: var(--primary-600);
  background: #fff;
  line-height: 0 !important;
  cursor: pointer;
}
#heroV2Root .nav-toggle:hover { background: #eff6ff; }
#heroV2Root .nav-toggle svg { width: 18px !important; height: 18px !important; }

@media (max-width: 1319px) {
  #heroV2Root .seoul-weather-chip .weather-city { display: none; }
}

@media (min-width: 1024px) and (max-width: 1319px) {
  #heroV2Root .nav-inner { gap: 10px; }
  #heroV2Root .nav-menu { gap: 2px; }
  #heroV2Root .nav-link { padding-inline: 9px; font-size: 13.5px; }
  #heroV2Root .nav-actions { gap: 4px; }
}

@media (max-width: 1023px) {
  #heroV2Root .nav-inner { min-height: 64px; gap: 10px; }
  #heroV2Root .nav-menu { display: none; }
  #heroV2Root .nav-toggle { display: flex; }
  #heroV2Root .nav-mypage { padding: 8px 10px; gap: 0; }
  #heroV2Root .nav-mypage-label,
  #heroV2Root .lang-trigger > span { display: none; }
  #heroV2Root .nav-mypage-icon,
  #heroV2Root .lang-trigger svg { width: 20px; height: 20px; }
  #heroV2Root .lang-trigger { padding: 8px 10px; gap: 0; }
  #heroV2Root .nav-actions { gap: 4px; }
  #heroV2Root .navbar.nav-open .nav-menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 200;
    max-height: calc(100dvh - 64px);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 6px 18px 16px;
    overflow-y: auto;
    border-top: 1px solid #eef0f3;
    background: #fff;
    box-shadow: 0 18px 36px rgba(0,0,0,.16);
  }
  #heroV2Root .navbar.nav-open .nav-menu .nav-link { padding: 14px 6px; border-bottom: 1px solid var(--gray-100); border-radius: 0; color: #1f2937; }
  #heroV2Root .navbar.nav-open .nav-menu .nav-link.is-current { color: var(--primary-700); background: #eff6ff; }
  #heroV2Root .navbar.nav-open .nav-menu .nav-dropdown { position: static; display: block; width: 100%; }
  #heroV2Root .navbar.nav-open .nav-menu .nav-dropdown-trigger { display: flex; align-items: center; justify-content: space-between; }
  #heroV2Root .navbar.nav-open .nav-menu .nav-dropdown-trigger::after { content: ""; width: 8px; height: 8px; flex: 0 0 auto; margin-right: 4px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s; }
  #heroV2Root .navbar.nav-open .nav-menu .nav-dropdown.open .nav-dropdown-trigger::after { transform: rotate(-135deg); }
  #heroV2Root .navbar.nav-open .nav-menu .nav-submenu { position: static; min-width: 0; display: none; margin: 0; padding: 2px 0 8px 10px; border: 0; background: transparent; box-shadow: none; }
  #heroV2Root .navbar.nav-open .nav-menu .nav-dropdown.open .nav-submenu { display: block; }
  #heroV2Root .navbar.nav-open .nav-menu .nav-suboption { padding: 10px 6px; color: #4b5563; white-space: normal; }
}

@media (max-width: 767px) {
  #heroV2Root .nav-inner { min-height: 58px; gap: 8px; padding: 11px 14px; }
  #heroV2Root .nav-brand-stack { flex: 1 1 auto; gap: 0; }
  #heroV2Root .logo { gap: 7px; font-size: 18px; }
  #heroV2Root .logo-mark { width: 27px; height: 27px; }
  #heroV2Root .seoul-weather-chip { display: none; }
  #heroV2Root .nav-actions { gap: 3px; }
}

@media (max-width: 400px) {
  #heroV2Root .nav-inner { gap: 5px; padding: 10px 11px; }
  #heroV2Root .logo { gap: 6px; font-size: 17px; }
  #heroV2Root .logo-mark { width: 25px; height: 25px; }
  #heroV2Root .nav-actions { gap: 2px; }
  #heroV2Root .nav-mypage,
  #heroV2Root .lang-trigger { padding: 8px 7px; }
}