/* Visible navigation items always share the complete fixed canvas width. */
.site-nav {
  display: grid;
  grid-template-columns: repeat(var(--nav-count, 1), minmax(0, 1fr));
  width: 100%;
}

.site-nav a {
  box-sizing: border-box;
  min-width: 0;
  width: auto;
}

@media (max-width: 600px), (max-device-width: 600px) {
  .site-nav {
    display: grid;
    grid-template-columns: repeat(var(--nav-count, 1), minmax(0, 1fr));
    width: 1160px;
    overflow: hidden;
  }

  .site-nav a {
    width: auto;
    min-width: 0;
    flex: none;
  }
}