/* Shared top navigation across all Deep Learning Games exercises. */
.suite-nav {
  display: flex; align-items: center; gap: 4px; flex-wrap: wrap;
  background: #0f1830; padding: 8px 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.suite-nav .suite-brand {
  color: #fff; font-weight: 600; margin-right: 12px; display: inline-flex; align-items: center; gap: 6px;
}
.suite-nav a {
  color: #b9c4d6; text-decoration: none; padding: 5px 10px; border-radius: 6px;
}
.suite-nav a:hover { background: #24344f; color: #fff; }
.suite-nav a.active { background: #3b82f6; color: #fff; }
/* Disabled = the exercise has no scored challenges yet (Coming soon on home).
 * progress.js sets this class at load time from DLGames.EXERCISES. Still
 * clickable so a curious user can peek at the sandbox page. */
.suite-nav a.disabled { color: #6b7ba0; opacity: 0.55; }
.suite-nav a.disabled:hover { background: transparent; color: #8493b8; }
.suite-nav .spacer { flex: 1; }