/* Shared top-nav + auth-area styles — used by notice.html, ranking.html, roadmap.html, support.html, simulation.html, community.html.
   Keep in sync with the equivalent inline rules in bundled pages (index/analyzer/tracker/profile2/price.html). */
.bb-container{max-width:1180px;margin:0 auto;padding:0 28px;}
nav{position:sticky;top:0;z-index:100;background:rgba(4,4,4,.92);backdrop-filter:blur(14px);border-bottom:1px solid #141a16;}
.bb-nav-inner{max-width:1180px;margin:0 auto;padding:0 28px;height:64px;display:flex;align-items:center;justify-content:space-between;}
.bb-nav-links{display:flex;gap:50px;font-size:14px;color:#8b948d;}
.bb-nav-links a:hover,.bb-nav-links a.active{color:#eef2ef;}
.bb-nav-links a.active{color:#1FF7A4;}
#navAuthArea{display:flex;align-items:center;gap:10px;font-family:'Roboto Mono',monospace;font-size:13px;}
.ev-auth-login-btn{font-family:'Roboto Mono',monospace;font-size:13px;color:#8b948d;border:1px solid #1c2620;border-radius:99px;padding:6px 13px;}
.bb-nav-toggle a{line-height:1;}

@media(max-width:1100px){
  .bb-nav-links{gap:22px!important;}
  .bb-nav-inner > div:first-child{gap:30px!important;}
}
@media(max-width:900px){
  .bb-nav-inner{padding-left:16px!important;padding-right:16px!important;}
  .bb-nav-links{display:none!important;}
}
@media(max-width:480px){
  .bb-nav-inner{padding-left:14px!important;padding-right:14px!important;gap:6px!important;}
  .bb-nav-toggle a{font-size:12px!important;padding:5px 9px!important;white-space:nowrap;line-height:1!important;}
  #navAuthArea{font-size:11px!important;gap:5px!important;}
  #navAuthArea a,#navAuthArea button{white-space:nowrap;}
}