/* Mobile-first; tablet 768px; desktop 1024px */

@media (min-width: 768px) {
  :root {
    --container-padding: 24px;
    --section-gap-mobile: var(--section-gap-desktop);
  }
  .nav-links { display: flex; }
  .nav-toggle { display: none; }
  .nav-drawer { display: none !important; }
  .footer-grid {
    grid-template-columns: 2fr 1fr 1fr;
    gap: var(--space-5);
  }
}

@media (min-width: 1024px) {
  :root {
    --container-padding: 32px;
  }
  .section { padding-block: var(--section-gap-desktop); }
}