/**
 * Responsive Styles (Mobile-First)
 * To be fully implemented in Issue #15
 */

/* Mobile navigation overlay - to be implemented in Issue #16 */

/* Tablet-specific adjustments */
@media (min-width: 768px) and (max-width: 1439px) {
  /* Tablet styles will be added */
}

/* Desktop-specific adjustments */
@media (min-width: 1440px) {
  /* Desktop styles are handled in layout.css */
}

/* Touch device optimizations */
@media (hover: none) and (pointer: coarse) {
  /* Ensure all interactive elements are at least 44px */
  button,
  a,
  input,
  select {
    min-height: 44px;
    min-width: 44px;
  }
}