/* Keep the brand and two secondary navigation links in one mobile row. */
@media (max-width: 640px) {
  .topbar > .page {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .topbar .header {
    min-height: 0;
    padding: 0;
    gap: 12px;
    align-items: center;
    flex-direction: row;
  }

  .topbar .header-nav {
    width: auto;
    min-width: 0;
    margin-left: auto;
    gap: 14px;
    flex-shrink: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    font-size: 14px;
  }

  .topbar .header-nav::-webkit-scrollbar {
    display: none;
  }

  .topbar .header-nav a {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    min-height: 44px;
    white-space: nowrap;
  }
}