/* v92: structural top-nav alignment — Deploy is the same nav item as the other three */
@media (min-width:901px){
  .site-header .header-view-switch{
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:clamp(36px,4.2vw,72px)!important;
    min-width:0!important;
    overflow:visible!important;
  }

  .site-header .header-view-switch .view-tab,
  .site-header .header-view-switch a.view-tab,
  .site-header .header-view-switch button.view-tab,
  .site-header .header-view-switch .deploy-nav-tab{
    appearance:none!important;
    -webkit-appearance:none!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:32px 24px!important;
    align-items:center!important;
    justify-items:center!important;
    place-items:center!important;
    width:170px!important;
    min-width:170px!important;
    max-width:170px!important;
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    padding:8px 0 13px!important;
    margin:0!important;
    gap:5px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#06142f!important;
    cursor:pointer!important;
    font:inherit!important;
    line-height:1!important;
    text-align:center!important;
    text-decoration:none!important;
    transform:none!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }

  .site-header .header-view-switch .view-tab .view-icon,
  .site-header .header-view-switch a.view-tab .view-icon,
  .site-header .header-view-switch button.view-tab .view-icon,
  .site-header .header-view-switch .deploy-nav-tab .view-icon{
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0 auto!important;
    padding:0!important;
    flex:0 0 32px!important;
    align-self:center!important;
    justify-self:center!important;
    color:inherit!important;
    font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif!important;
    font-size:24px!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:32px!important;
    letter-spacing:0!important;
    text-align:center!important;
    text-shadow:none!important;
    transform:none!important;
    filter:none!important;
    overflow:visible!important;
  }

  /* Native rocket emoji renders larger and heavier than the others. Scale only the glyph, not the nav item. */
  .site-header .header-view-switch .deploy-nav-tab .view-icon{
    font-size:19px!important;
    line-height:32px!important;
    transform:translateY(-1px)!important;
  }

  .site-header .header-view-switch .view-tab b,
  .site-header .header-view-switch a.view-tab b,
  .site-header .header-view-switch button.view-tab b,
  .site-header .header-view-switch .deploy-nav-tab b{
    box-sizing:border-box!important;
    display:block!important;
    align-self:center!important;
    justify-self:center!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#06142f!important;
    font-family:inherit!important;
    font-size:19px!important;
    font-weight:850!important;
    line-height:1.05!important;
    letter-spacing:-.03em!important;
    text-align:center!important;
    text-decoration:none!important;
    text-shadow:none!important;
    transform:none!important;
    white-space:nowrap!important;
  }

  .site-header .header-view-switch .view-tab small,
  .site-header .header-view-switch .deploy-nav-tab small{display:none!important;}

  .site-header .header-view-switch .view-tab::after,
  .site-header .header-view-switch .deploy-nav-tab::after{
    content:''!important;
    position:absolute!important;
    left:50%!important;
    bottom:0!important;
    transform:translateX(-50%)!important;
    height:4px!important;
    border-radius:999px!important;
    width:0!important;
    background:#06142f!important;
    transition:width .18s ease!important;
  }

  .site-header .header-view-switch .view-tab.active::after,
  .site-header .header-view-switch .view-tab[aria-pressed="true"]::after{width:116px!important;}

  .site-header .header-view-switch .deploy-nav-tab.active::after,
  .site-header .header-view-switch .deploy-nav-tab[aria-current="page"]::after{width:0!important;}

  .site-header .top-actions .deploy-route-trigger,
  .site-header .top-actions a[href*="route=opportunity-builder"],
  .site-header .top-actions a[href*="mobile=deploy"]{display:none!important;}

  .site-header .top-actions .get-involved-trigger{display:inline-flex!important;}
  .site-header .top-actions .round-menu{display:grid!important;}
}

@media (max-width:1500px) and (min-width:901px){
  .site-header .header-view-switch{gap:clamp(16px,2.2vw,34px)!important;}
  .site-header .header-view-switch .view-tab,
  .site-header .header-view-switch a.view-tab,
  .site-header .header-view-switch button.view-tab,
  .site-header .header-view-switch .deploy-nav-tab{
    width:152px!important;
    min-width:152px!important;
    max-width:152px!important;
  }
  .site-header .header-view-switch .view-tab b,
  .site-header .header-view-switch .deploy-nav-tab b{font-size:17px!important;}
}

@media (max-width:1080px) and (min-width:901px){
  .site-header .header-view-switch{gap:10px!important;}
  .site-header .header-view-switch .view-tab,
  .site-header .header-view-switch a.view-tab,
  .site-header .header-view-switch button.view-tab,
  .site-header .header-view-switch .deploy-nav-tab{
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
  }
  .site-header .header-view-switch .view-tab b,
  .site-header .header-view-switch .deploy-nav-tab b{font-size:14px!important;}
}

@media (max-width:900px){
  .site-header .header-view-switch .deploy-nav-tab{display:none!important;}
}