/* Keep the new website shortcut at the right edge of the original navigation. */
.topnav #a-newwebsite {
  margin-left: auto;
  flex: 0 0 auto;
  white-space: nowrap;
  align-self: stretch;
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  background-color: var(--color-blue);
}

.topnav #a-newwebsite:hover,
.topnav #a-newwebsite:focus-visible {
  background-color: var(--color-green);
}

.topnav #navinfo {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .topnav {
    overflow-x: auto;
    height: 56px;
    scrollbar-width: thin;
  }

  .topnav > a {
    flex-shrink: 0;
    white-space: nowrap;
  }

  .topnav #a-newwebsite {
    font-size: 14px;
    padding-left: 6px;
    padding-right: 6px;
  }
}