/* ── Responsive ────────────────────────────────────────────
   Mobile breakpoints and nav button visibility toggles.
   Tailwind handles most responsiveness via utility classes;
   these rules only cover cases Tailwind can't handle cleanly.
───────────────────────────────────────────────────────── */

/* Section padding — mobile */
@media (max-width: 640px) { .section { padding: 60px 20px; } }

/* ── Nav button visibility (avoids Tailwind hidden conflict) */
.nav-btn-mobile  { display: inline-block; }
.nav-btn-desktop { display: none; }
@media (min-width: 768px) {
    .nav-btn-mobile  { display: none; }
    .nav-btn-desktop { display: inline-block; }
}