/* WTWR_RESULTS_HEADER_COMPACT_NAV_V5
   Results-page nav/account styling ONLY. The header chrome, brand logo and
   wordmark are the canonical header.wtwr-unified-member-header component
   (wtwr-header-nav-unified-v1.css + wtwr-temperature-wordmark-v1.css),
   shared with member.html -- not duplicated here. This file just tunes the
   nav row so the full link set plus Logout fits cleanly on this page.
*/
.wtwr-results-main-nav-v4{
  margin-left:auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:18px!important;
  white-space:nowrap!important;
}
.wtwr-results-analytical-v4,
.wtwr-results-account-v4{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
}
.wtwr-results-main-nav-v4 a,
.wtwr-results-main-nav-v4 button{
  appearance:none!important;
  border:0!important;
  background:none!important;
  padding:0!important;
  margin:0!important;
  font:inherit!important;
  color:inherit!important;
  cursor:pointer!important;
  text-decoration:none!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:650!important;
  opacity:.82!important;
}
.wtwr-results-main-nav-v4 a:hover,
.wtwr-results-main-nav-v4 button:hover{
  opacity:1!important;
}
.wtwr-results-main-nav-v4 a.active{
  opacity:1!important;
  color:#fff!important;
  font-weight:850!important;
}
.wtwr-results-account-btn-v4{
  font-weight:850!important;
  opacity:1!important;
}
.wtwr-results-logout-btn-v4{
  opacity:.68!important;
}
.wtwr-results-nav-separator-v4{
  width:1px!important;
  height:28px!important;
  flex:0 0 1px!important;
  background:rgba(255,255,255,.18)!important;
}

@media(max-width:1500px){
  .wtwr-results-main-nav-v4{
    gap:14px!important;
  }
  .wtwr-results-analytical-v4,
  .wtwr-results-account-v4{
    gap:15px!important;
  }
  .wtwr-results-main-nav-v4 a,
  .wtwr-results-main-nav-v4 button{
    font-size:12px!important;
  }
}

@media(max-width:1100px){
  .wtwr-results-main-nav-v4{
    width:100%!important;
    margin-left:0!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    padding:4px 0 5px!important;
  }
}
