/* Projects NAV (Phase 4C stabilize) */
.topbar{ flex-wrap:wrap; }
.navLinks{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:2px 4px; }
.navLink{ text-decoration:none; font-size:13px; padding:6px 10px; border-radius:999px;
  border:1px solid var(--line, rgba(255,255,255,0.09));
  color: var(--text, rgba(255,255,255,0.88));
  background: color-mix(in srgb, var(--panel, rgba(19,22,30,0.75)) 72%, transparent); }
.navLink:hover{ border-color: color-mix(in srgb, var(--accent, #91d9ff) 55%, var(--line, rgba(255,255,255,0.09))); }
.navLink.isActive{ border-color: color-mix(in srgb, var(--accent, #91d9ff) 70%, var(--line, rgba(255,255,255,0.09)));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent, #91d9ff) 35%, transparent) inset; }