.site-header{display:block;padding:0;background:#fff;border-bottom:1px solid var(--line)}
.header-primary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 4vw .8rem}
.brand{display:inline-flex;align-items:center;line-height:1}
.brand img{display:block;width:auto;height:42px;max-width:min(260px,58vw)}
.account-control{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;min-width:0}
.account-name{max-width:14rem;color:#5b6875;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-control form{margin:0}
.account-button{display:inline-block;border:1px solid #c9d4da;border-radius:999px;background:#f4f7f8;color:var(--navy);font:inherit;font-size:.88rem;font-weight:600;line-height:1;padding:.65rem 1rem;text-decoration:none;white-space:nowrap;cursor:pointer}
.account-button:hover,.account-button:focus-visible{border-color:var(--teal);background:#eaf8fa;outline:none}
.site-navigation{display:flex;align-items:center;gap:.25rem;padding:.45rem 4vw .75rem;border-top:1px solid #eef2f4;overflow-x:auto;scrollbar-width:thin}
.site-navigation a{flex:0 0 auto;border-radius:999px;color:var(--navy);font-size:.9rem;line-height:1.2;padding:.55rem .8rem;text-decoration:none;white-space:nowrap}
.site-navigation a:hover,.site-navigation a:focus-visible{background:#edf7f9;color:#086c7c;outline:none}
@media(max-width:720px){
  .header-primary{gap:.7rem;padding:.85rem 1rem .7rem}
  .brand img{height:36px;max-width:58vw}
  .account-control{gap:.4rem}
  .account-name{display:none}
  .account-button{font-size:.82rem;padding:.58rem .8rem}
  .site-navigation{gap:.1rem;padding:.38rem .7rem .65rem}
  .site-navigation a{font-size:.84rem;padding:.5rem .65rem}
}