/* Shared nav + footer styles injected by components.js */

/* Active nav link */
.nav-links a.nav-active { color: var(--ink) !important; font-weight: 700 !important; }

/* Hamburger (mobile) */
.nav-hamburger {
  display: none; background: none; border: none; cursor: pointer;
  color: var(--ink); padding: 4px;
}
@media (max-width: 768px) {
  .nav-hamburger { display: flex; align-items: center; justify-content: center; }
  .nav-links {
    display: none; flex-direction: column; align-items: flex-start;
    position: absolute; top: 100%; left: 0; right: 0;
    background: rgba(250,253,248,0.97); backdrop-filter: blur(16px);
    padding: 20px 24px 28px; gap: 20px;
    border-bottom: 1px solid rgba(93,214,57,0.12);
    z-index: 99;
  }
  .nav-links.nav-open { display: flex; }
  .nav-cta { align-self: flex-start; }
}