.topbar-in{
  padding-top:15px;
  padding-bottom:15px;
}

.topbar-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin-left:auto;
}

.topbar-tab{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 14px;
  border:1px solid rgba(201,165,87,.55);
  color:var(--gold2,#e4c87c);
  font-size:.72rem;
  font-weight:600;
  line-height:1.25;
  letter-spacing:.06em;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}

.topbar-tab:hover,
.topbar-tab:focus-visible,
.topbar-tab[aria-current]{
  background:var(--gold,#c9a557);
  border-color:var(--gold,#c9a557);
  color:#111;
  outline:none;
}

.topbar-tab.topbar-cta{
  margin-left:4px;
  background:var(--gold,#c9a557);
  border-color:var(--gold,#c9a557);
  color:#111;
}

.topbar-tab.topbar-cta:hover,
.topbar-tab.topbar-cta:focus-visible{
  background:var(--gold2,#e4c87c);
  border-color:var(--gold2,#e4c87c);
}

@media(max-width:980px){
  .topbar-in{
    min-height:0;
    align-items:flex-start;
    flex-direction:column;
    gap:13px;
    padding-top:14px;
    padding-bottom:14px;
  }

  .topbar-nav{
    width:100%;
    justify-content:flex-start;
    margin-left:0;
    padding-bottom:4px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }

  .topbar-tab.topbar-cta{
    margin-left:4px;
  }
}

@media(max-width:520px){
  .topbar-tab{
    min-height:42px;
    padding:9px 12px;
    font-size:.75rem;
  }
}