/* v66.10.15 public navigation repair
   One navigation only: prevents the duplicated desktop/mobile menus seen on the live Year 7 page.
*/
.join-page .join-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:72px;
}
.join-page .join-main-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap;
  min-width:0;
}
.join-page .join-main-nav>a{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 11px;
  border-radius:10px;
  text-decoration:none!important;
  color:#3f4759!important;
  background:transparent!important;
  border:1px solid transparent!important;
  font-weight:800!important;
  font-size:.88rem!important;
  line-height:1.15;
  white-space:nowrap;
  box-shadow:none!important;
  margin:0!important;
}
.join-page .join-main-nav>a:hover,
.join-page .join-main-nav>a:focus-visible{
  background:#f5f4ff!important;
  border-color:#dedaf9!important;
  color:#3730a3!important;
  outline:none;
}
.join-page .join-main-nav .join-home-link{
  background:#f7f8fb!important;
  border-color:#e1e4ec!important;
}
.join-page .join-main-nav .join-signin{
  background:#fff!important;
  border-color:#b9bee0!important;
  color:#34359b!important;
}
.join-page .join-main-nav .join-request{
  background:#6255e7!important;
  border-color:#6255e7!important;
  color:#fff!important;
  padding-left:14px;
  padding-right:14px;
}
.join-page .join-main-nav .join-request:hover,
.join-page .join-main-nav .join-request:focus-visible{
  background:#5145d8!important;
  border-color:#5145d8!important;
  color:#fff!important;
}
/* Old duplicated nav classes must never render, even if stale markup is briefly cached. */
.join-page .join-desktop-nav,
.join-page .join-mobile-nav{display:none!important}

@media(max-width:900px){
  .join-page .join-nav{
    flex-wrap:wrap!important;
    gap:8px 10px!important;
    padding:10px 14px 8px!important;
  }
  .join-page .join-brand{flex:1 1 auto;min-width:0}
  .join-page .join-main-nav{
    order:20;
    flex:1 1 100%;
    width:100%;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    padding:5px 1px 3px;
  }
  .join-page .join-main-nav>a{
    flex:0 0 auto;
    min-height:38px;
    padding:8px 10px;
    border:1px solid #dedcf0!important;
    border-radius:999px;
    background:#fff!important;
    font-size:.78rem!important;
    order:10;
  }
  /* Put the account/navigation essentials first so Sign in is visible without a sideways hunt. */
  .join-page .join-main-nav .join-home-link{order:1;background:#f7f8fb!important}
  .join-page .join-main-nav .join-signin{order:2}
  .join-page .join-main-nav .join-request{order:3}
  .join-page .join-main-nav .join-signin{
    background:#eef0ff!important;
    border-color:#c9c8f4!important;
  }
  .join-page .join-main-nav .join-request{
    background:#6255e7!important;
    border-color:#6255e7!important;
    color:#fff!important;
  }
}
@media(max-width:640px){
  .join-page .join-brand-logo{width:46px;height:38px}
  .join-page .join-brand b{font-size:.93rem}
  .join-page .join-brand-current{font-size:.69rem}
  .join-page .join-main-nav{margin:0 -2px}
}