/* Navigation styles */
nav{
  display:flex;
  gap:16px;
  align-items:center;
  justify-content:space-between;
  padding:16px 24px;
  border-bottom:1px solid #e5e7eb;
  position:sticky;
  top:0;
  background:#fff;
  z-index:10;
}

nav a{
  padding:8px 10px;
  border-radius:999px;
  text-decoration:none;
  color:#6b7280;
}

nav a.active,
nav a:hover{
  background:#f3f4f6;
  color:#111827;
}

/* Mobile navigation improvements */
@media (max-width: 768px) {
  nav{
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  nav > div:last-child{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  nav a{
    padding: 8px 14px;
    margin: 2px;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
  }
}