/* NAVIGATION — Sub-page (navbar-2) */

.nav-2{display:flex;align-items:center;justify-content:space-between;padding:16px 48px;border-bottom:1px solid var(--border);position:relative;z-index:100;background:var(--bg)}
.nav-2-left{display:flex;align-items:center}
.nav-2-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-2-logo-icon{height:26px;width:auto}
.nav-2-logo-text{height:16px;width:auto}
.nav-2-links{display:flex;align-items:center;gap:6px}
.nav-2-link{font-size:13.5px;color:var(--text-secondary);text-decoration:none;padding:7px 14px;border-radius:6px;transition:all .2s;letter-spacing:.1px}
.nav-2-link:hover{color:var(--text-primary);background:var(--border-subtle)}
.nav-2-link.active{color:var(--accent);background:var(--accent-bg)}
.nav-2-right{display:flex;align-items:center;gap:10px}
.nav-2-signin{padding:7px 18px;border:1px solid var(--text-muted);border-radius:6px;color:var(--text-secondary);font-size:13px;background:transparent;cursor:pointer;font-family:inherit;letter-spacing:.3px;transition:all .2s;text-decoration:none}
.nav-2-signin:hover{border-color:var(--accent-border);color:var(--accent)}

/* Hamburger — hidden on desktop */
.nav-2-hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;z-index:10000;position:relative;min-width:44px;min-height:44px;align-items:center;justify-content:center}
.nav-2-hamburger span{display:block;width:22px;height:2px;background:var(--text-secondary);border-radius:2px;transition:all .3s}
.nav-2-hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-2-hamburger.active span:nth-child(2){opacity:0}
.nav-2-hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile overlay */
.nav-2-mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;transition:all .3s;pointer-events:none}
.nav-2-mobile-overlay.open{opacity:1;visibility:visible;pointer-events:auto}

/* Mobile drawer */
.nav-2-mobile-drawer{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--bg-surface);border-left:1px solid var(--border-light);z-index:9999;display:flex;flex-direction:column;transition:right .3s ease;overflow-y:auto;box-shadow:-4px 0 20px rgba(0,0,0,.5)}
.nav-2-mobile-drawer.open{right:0!important}
.nav-2-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}
.nav-2-mobile-close{background:none;border:none;color:var(--text-secondary);font-size:28px;cursor:pointer;line-height:1;padding:0 4px}
.nav-2-mobile-links{flex:1;padding:16px 20px;display:flex;flex-direction:column;gap:4px}
.nav-2-mobile-link{font-size:14px;color:var(--text-secondary);text-decoration:none;padding:10px 12px;border-radius:8px;transition:all .2s}
.nav-2-mobile-link:hover{background:rgba(255,255,255,.04);color:var(--text-primary)}
.nav-2-mobile-footer{padding:16px 20px;border-top:1px solid var(--border)}

@media(max-width:1023px){
  .nav-2{padding:14px 24px}
  .nav-2-links{display:none}
  .nav-2-hamburger{display:flex}
  .nav-2-signin{font-size:12px;padding:6px 14px}
}
@media(max-width:767px){
  .nav-2{padding:12px 16px}
  .nav-2-signin{font-size:11px;padding:5px 12px}
  .nav-2-mobile-drawer{width:min(280px,80vw)}
  .nav-2-mobile-link{font-size:14px;padding:12px 14px}
}
@media(max-width:479px){
  .nav-2{padding:10px 12px}
  .nav-2-logo-icon{height:22px}
  .nav-2-logo-text{height:13px}
  .nav-2-signin{font-size:10px;padding:4px 10px}
  .nav-2-mobile-drawer{width:min(260px,85vw)}
  .nav-2-mobile-link{font-size:13px;padding:10px 12px}
  .nav-2-mobile-header{padding:12px 16px}
  .nav-2-mobile-links{padding:12px 16px}
  .nav-2-mobile-footer{padding:12px 16px}
}