/* Keep the clearer navigation labels readable on narrower tablets. */
.site-nav nav[aria-label="Main"] a {
  white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 899px) {
  .site-nav nav[aria-label="Main"] {
    display: none;
  }

  .site-nav button[aria-label="Open menu"],
  .site-nav button[aria-label="Close menu"] {
    display: inline-flex;
  }

  .site-nav > .md\:hidden {
    display: block;
  }
}