.home-member-mobile-only{display:none!important}
/* JobStacc v78.9.21 — mobile-first homepage header/navigation cleanup */
.home-nav{position:relative}
.top-message-mobile,.top-cta-mobile,.brand-logo-mobile,.mobile-menu-toggle,.mobile-menu{display:none}
.home-nav .brand{flex:0 0 auto;min-width:0}
.home-nav .brand-logo-full{width:190px;max-width:190px;height:auto}
.home-nav #join{width:auto!important;min-width:0!important;white-space:nowrap}

@media (max-width:1024px){
  .home-member-mobile-only{display:flex!important}
  .top{
    box-sizing:border-box!important;
    min-height:36px!important;
    height:auto!important;
    padding:8px 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    line-height:1.25!important;
    text-align:center!important;
  }
  .top-message-desktop,.top-cta-desktop{display:none!important}
  .top-message-mobile,.top-cta-mobile{display:inline!important}
  .top .top-message{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .top a{margin-left:0!important;white-space:nowrap;flex:0 0 auto}

  .home-nav{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:70px!important;
    padding:0 18px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    overflow:visible!important;
  }
  .home-nav .navlinks{display:none!important}
  .home-nav .brand-logo-full{display:none!important}
  .home-nav .brand-logo-mobile{
    display:inline-flex!important;
    align-items:center;
    gap:8px;
    min-width:0;
  }
  .home-nav .brand-logo-mobile>img{width:36px!important;height:36px!important;max-width:36px!important;object-fit:contain;flex:0 0 36px}
  .home-nav .brand-wordmark{display:inline-flex;align-items:baseline;letter-spacing:-1px;font-size:22px;line-height:1}
  .home-nav .brand-wordmark b:first-child{color:#071426}
  .home-nav .brand-wordmark b:last-child{color:#009b79}

  .home-nav .actions{margin-left:auto;display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto}
  .home-nav .actions .ghost{display:none!important}
  .home-nav .actions .primary,.home-nav #join{
    box-sizing:border-box!important;
    width:auto!important;
    min-width:0!important;
    min-height:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0 14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:11px!important;
    font-size:13px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .mobile-menu-toggle{
    box-sizing:border-box;
    width:42px;
    min-width:42px!important;
    height:42px;
    min-height:42px!important;
    padding:0;
    border:1px solid #dce5eb;
    border-radius:11px;
    background:#fff;
    color:#071426;
    display:grid!important;
    place-items:center;
    font-size:20px;
    line-height:1;
    cursor:pointer;
  }
  .mobile-menu{
    position:absolute;
    z-index:500;
    top:calc(100% + 8px);
    left:14px;
    right:14px;
    box-sizing:border-box;
    padding:9px;
    border:1px solid #dce5eb;
    border-radius:16px;
    background:#fff;
    box-shadow:0 18px 50px rgba(7,20,38,.16);
  }
  .mobile-menu.open{display:grid!important;grid-template-columns:1fr 1fr;gap:4px}
  .mobile-menu a{
    min-height:44px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    padding:10px 12px;
    border-radius:10px;
    color:#21314b;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
  }
  .mobile-menu a:hover,.mobile-menu a:focus-visible{background:#eef8f5;color:#08745f}
}

@media (max-width:520px){
  .top{min-height:32px!important;padding:7px 12px!important;font-size:10px!important;gap:8px!important}
  .home-nav{height:64px!important;padding:0 12px!important;gap:8px!important}
  .home-nav .brand-logo-mobile{gap:6px}
  .home-nav .brand-logo-mobile>img{width:31px!important;height:31px!important;max-width:31px!important;flex-basis:31px}
  .home-nav .brand-wordmark{font-size:19px;letter-spacing:-.8px}
  .home-nav .actions{gap:6px!important}
  .home-nav .actions .primary,.home-nav #join{height:40px!important;min-height:40px!important;padding:0 11px!important;font-size:12px!important;border-radius:10px!important}
  .mobile-menu-toggle{width:40px;min-width:40px!important;height:40px;min-height:40px!important;border-radius:10px;font-size:18px}
  .mobile-menu{top:calc(100% + 6px);left:10px;right:10px}
  .mobile-menu.open{grid-template-columns:1fr}
}

@media (max-width:360px){
  .top-message-mobile{max-width:190px}
  .home-nav .brand-wordmark{font-size:18px}
  .home-nav .brand-logo-mobile>img{width:29px!important;height:29px!important;max-width:29px!important;flex-basis:29px}
  .home-nav .actions .primary,.home-nav #join{padding:0 9px!important;font-size:11px!important}
}