/* ============================================
   INDEX — index.css
   ============================================ */

.index-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.8rem min(4vw, 48px);
  position: sticky;
  top: 0;
  background: var(--bg);
  z-index: 100;
}

.nav-links {
  display: flex;
  gap: 1.8rem;
  align-items: center;
}

@media (max-width: 768px) {
  .index-nav {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
  .nav-links { gap: 1.2rem; }
  .nav-link { font-size: 0.58rem; }
}