/* BUONO primary navigation: equal link/button geometry. */
body.buono .header > .nav {
  align-items: center;
  min-height: 36px;
}
body.buono .header > .nav > a,
body.buono .header > .nav > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: 1;
  white-space: nowrap;
  appearance: none;
}
body.buono .header > .nav > button:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}