@media (min-width: 801px) {
  .topbar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
  }

  .nav-links {
    justify-content: center;
  }
}

@media (max-width: 800px) {
  .topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: 'brand language theme' 'nav nav nav';
    align-items: center;
    min-height: 70px;
    gap: 14px;
  }

  .brand { grid-area: brand; }
  .language-switcher { grid-area: language; position: static; margin-left: 0; }
  .theme-toggle { grid-area: theme; }

  .nav-links {
    grid-area: nav;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    gap: 22px;
    overflow-x: auto;
    padding: 4px 0 2px;
    white-space: nowrap;
    scrollbar-width: none;
  }

  .nav-links::-webkit-scrollbar { display: none; }
}