/* Keep the longer English and Japanese navigation labels on one desktop row. */
@media (min-width: 761px) {
  html[lang="en"] body:not(.admin-page) .site-header,
  html[lang="ja"] body:not(.admin-page) .site-header {
    column-gap: 8px;
  }

  html[lang="en"] body:not(.admin-page) .brand,
  html[lang="ja"] body:not(.admin-page) .brand {
    min-width: 190px;
  }

  html[lang="en"] body:not(.admin-page) .main-nav,
  html[lang="ja"] body:not(.admin-page) .main-nav {
    flex-wrap: nowrap;
    gap: 0;
    white-space: nowrap;
  }

  html[lang="en"] body:not(.admin-page) .main-nav a {
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
  }

  html[lang="ja"] body:not(.admin-page) .main-nav a {
    font-size: 11.5px;
    padding-left: 7px;
    padding-right: 7px;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  html[lang="en"] body:not(.admin-page) .brand,
  html[lang="ja"] body:not(.admin-page) .brand {
    min-width: 160px;
  }

  html[lang="en"] body:not(.admin-page) .brand small,
  html[lang="ja"] body:not(.admin-page) .brand small {
    display: none;
  }

  html[lang="en"] body:not(.admin-page) .main-nav a,
  html[lang="ja"] body:not(.admin-page) .main-nav a {
    font-size: 11px;
    padding-left: 6px;
    padding-right: 6px;
  }
}