header nav{
  max-width:1080px;
  align-items:center;
}
header .logo,
.logo{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  color:#202124;
  font-weight:800;
  text-decoration:none;
}
header .logo:not(.logo-has-mark)::before,
.logo:not(.logo-has-mark)::before{
  content:"";
  width:26px;
  height:26px;
  border-radius:8px;
  background:#1b0fc4;
  flex:0 0 auto;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
}
header .logo:not(.logo-has-mark)::after,
.logo:not(.logo-has-mark)::after{
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  width:0;
  height:0;
  border-left:8px solid #fff;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  transform:translateY(-50%);
  pointer-events:none;
}
header .logo,
.logo{
  position:relative;
}
.brand-scope{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border:1px solid #e1d4be;
  border-radius:999px;
  color:#676767;
  background:#fffdf8;
  font-size:12px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}
header .nav-links,
.nav-links{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:nowrap;
}
header .nav-links a,
.nav-links a{
  white-space:nowrap;
}
header .nav-links a[aria-current="page"],
.nav-links a[aria-current="page"]{
  color:#202124;
  font-weight:700;
}
.region-switch{
  position:relative;
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  min-width:174px;
}
.region-switch>a{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 10px;
  border:1px solid #e1d4be;
  background:#fffdf8;
  color:#676767;
  text-decoration:none;
  font-size:14px;
}
.region-switch>a:first-child{
  border-radius:999px 0 0 999px;
}
.region-switch>a:last-child{
  border-left:0;
  border-radius:0 999px 999px 0;
}
.region-btn{
  font:inherit;
  font-size:14px;
  color:#676767;
  background:#fffdf8;
  border:1px solid #e1d4be;
  border-radius:999px;
  padding:6px 12px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  line-height:1;
  width:174px;
  min-height:32px;
}
.region-label{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:760px){
  header nav{
    justify-content:center;
  }
  header .nav-links,
  .nav-links{
    justify-content:center;
    gap:12px 14px;
    flex-wrap:wrap;
  }
  .region-switch{
    min-width:150px;
  }
  .region-btn{
    width:150px;
  }
  .region-label{
    max-width:100px;
  }
}
@media(max-width:420px){
  header .nav-links,
  .nav-links{
    gap:10px 12px;
  }
  .region-switch{
    min-width:44px;
  }
  .region-btn{
    width:44px;
    padding-inline:10px;
    justify-content:center;
  }
  .region-btn .region-label,
  .region-btn .region-caret{
    display:none;
  }
}
