/* Top navigation shared by the professor console and the Atlas. Self-contained: no design tokens required. */
.navbar {
  display: flex; align-items: stretch; height: 46px; padding: 0 12px; flex: none;
  background: #222; border-bottom: 1px solid #080808; color: #9d9d9d;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar-brand { display: flex; align-items: center; padding: 0 18px 0 4px; color: #fff; font-size: 18px; text-decoration: none; white-space: nowrap; }
.navbar-nav { display: flex; min-width: 0; margin: 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none; }
.navbar-nav::-webkit-scrollbar { display: none; }
.navbar-nav a, .navbar-link {
  display: flex; align-items: center; height: 100%; padding: 0 14px; border: 0; background: none;
  color: #9d9d9d; font: inherit; text-decoration: none; white-space: nowrap; cursor: pointer;
}
.navbar-nav a:hover, .navbar-link:hover { color: #fff; }
.navbar-nav a[aria-current="page"] { background: #080808; color: #fff; }
.navbar-right { display: flex; flex: none; margin-left: auto; }
.navbar a:focus-visible, .navbar button:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }