/* Compact language switch that aligns with nav links */
.lang-switch {
  display: inline-flex;
  align-items: center;
  margin-left: 1rem;     /* space from last nav link */
  font-size: inherit;    /* same size as nav links */
  line-height: inherit;  /* inherit line height */
  vertical-align: middle;
  border: 1px solid #ccc;
  border-radius: 3px;
  overflow: hidden;
}

.lang-switch .pill {
  display: inline-block;
  padding: 0 0.5rem;      /* only horizontal padding */
  text-decoration: none;
  color: inherit;
  background: transparent;
}

.lang-switch .pill + .pill {
  border-left: 1px solid #ccc; /* divider between EN and 中 */
}

.lang-switch .pill:hover,
.lang-switch .pill:focus {
  background: #f0f0f0;
}

.lang-switch .pill.on {
  background: #0073e6;
  color: #fff;
  font-weight: 600;
}