/* Phone header, same on every page (loaded after each page's own styles).
   Row 1: logo. Row 2: account links on the left, "Post an Opportunity" on
   the right, so nothing crowds the logo. */
@media (max-width:600px){
  nav{ flex-wrap:wrap; row-gap:12px; align-items:center; }
  nav .nav-right{
    width:100%; display:flex; align-items:center; justify-content:flex-start;
    flex-wrap:nowrap; gap:16px; padding-top:10px; border-top:1px solid rgba(20,21,26,0.08);
  }
  nav .nav-right .signin-link{
    font-size:14px !important; font-weight:600 !important; white-space:nowrap; opacity:1; color:#14151a;
  }
  nav .nav-right .btn-signin{
    margin-left:auto; white-space:nowrap; font-size:14px !important; padding:9px 14px !important;
  }
  /* Pages whose header only has a Cancel button keep it beside the logo */
  nav .nav-right.nav-right-cancel{ width:auto; margin-left:auto; border-top:none; padding-top:0; }
}