/* Ag / Au history pills. No "From the archive" label. */

.chb-nav-metals {
  display: none;
}

@media (min-width: 1025px) {
  nav.chb-nav > .chb-nav-metals {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0.28rem 1.2rem 0.2rem;
    box-sizing: border-box;
  }
}

@media (max-width: 1024px) {
  html body.chb-crystal-nav nav.chb-nav > .chb-nav-metals {
    display: none !important;
  }
}

.chb-nav-metal {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.28rem 0.7rem 0.28rem 0.35rem;
  border-radius: 999px;
  text-decoration: none !important;
  font-family: Montserrat, system-ui, sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  border: 1px solid rgba(201, 168, 76, 0.4);
  -webkit-tap-highlight-color: transparent;
}
.chb-nav-metal b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 50%;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 0.82rem;
  font-weight: 700;
}
.chb-nav-metal.is-ag {
  color: #e8eef4;
  background: #1c242c;
}
.chb-nav-metal.is-ag b {
  background: #c5d0da;
  color: #1a2228;
}
.chb-nav-metal.is-au {
  color: #f7f0dc;
  background: #2a220f;
}
.chb-nav-metal.is-au b {
  background: #c9a84c;
  color: #1a1408;
}

html body .chb-nav-drawer .chb-nav-metals.is-drawer {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
  margin: 10px 16px 12px;
  padding: 0;
}
html body .chb-nav-drawer .chb-nav-metal {
  justify-content: center;
  min-height: 48px;
  width: 100%;
  box-sizing: border-box;
  font-size: 0.88rem;
}
html body .chb-nav-drawer .chb-nav-metal b {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 0.9rem;
}