/* This pushes the items to the Left, Center, and Right */
.nav-footer { 
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  padding: 40px 0; 
  margin-top: 40px; 
  border-top: 1px solid var(--border); 
}

/* Flex: 1 ensures each "zone" is the same width */
.nav-group { display: flex; align-items: center; gap: 8px; flex: 1; }

/* Alignment for the three sections */
.index-group { justify-content: center; }
.next-group { justify-content: flex-end; }

.nav-label { color: #FFFFFF; font-size: 12px; font-weight: bold; letter-spacing: 1px; }
.nav-group a { color: #a3e635; font-weight: bold; font-size: 16px; white-space: nowrap; }