/* Keep the existing header palette/type and separate navigation before columns collide. */
@media (max-width:1280px) {
  .topbar { grid-template-columns:minmax(0,1fr) auto; }
  .topbar nav {
    position:fixed; top:80px; left:0; right:0;
    display:flex; align-items:center; justify-content:flex-start;
    height:48px; padding:0 22px; gap:28px;
    white-space:nowrap; overflow-x:auto; scrollbar-width:none;
    background:#111214f0; border-bottom:1px solid #ffffff1f;
  }
  .topbar nav::-webkit-scrollbar { display:none; }
  .topbar nav a { flex:none; }
}
@media (max-width:600px) {
  .topbar nav { top:64px; padding:0 19px; gap:24px; }
}