@media(min-width:801px){
  .main-nav{
    display:flex;
    align-items:center;
    gap:3px;
    margin-left:auto;
    padding:5px;
    border:1px solid #dbe5f3;
    border-radius:999px;
    background:#ffffffb8;
    box-shadow:0 5px 18px #2136570a,inset 0 1px 0 #fff;
  }
  .main-nav>a:not(.mobile-nav-cta){
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 12px;
    border-radius:999px;
    color:#526073;
    font-size:13px;
    font-weight:550;
    transition:background .2s ease,color .2s ease;
  }
  .main-nav>a:not(.mobile-nav-cta):hover{background:#edf3fc;color:#192a48}
  .main-nav>.audience-current:not(.mobile-nav-cta){background:#eaf1fb;color:#1b2a45;font-weight:700}
  .nav-divider{width:1px;height:20px;margin:0 7px;background:#d8e0eb}
}
@media(max-width:1100px) and (min-width:801px){
  .main-nav>a:not(.mobile-nav-cta){padding:0 9px;font-size:12px}
  .nav-wrap{gap:12px}
}
@media(max-width:800px){
  .main-nav{border:0;border-radius:0;box-shadow:0 15px 25px #0001}
  .main-nav>a.audience-current{color:#1d4fa9;font-weight:700}
  .nav-divider{width:100%;height:1px;margin:8px 0;background:#e3eaf3}
}