/* CJFB — fine-grained responsive adjustments beyond Tailwind's breakpoints */

@media (max-width: 1279px) {
  #desktop-nav { display: none !important; }
  #mobile-nav-toggle { display: inline-flex !important; }
}

@media (min-width: 1280px) {
  #mobile-nav-toggle { display: none !important; }
  #mobile-nav-panel { display: none !important; }
}

html, body { overflow-x: hidden; max-width: 100%; }

@media (max-width: 640px) {
  .font-display-xl, [class*="text-display-xl"] { letter-spacing: -0.02em; }
}