/* Mobile-Friendly Global Styles */

/* Hide navigation on mobile, show on desktop */
header nav {
  display: none;
}

@media (min-width: 768px) {
  header nav {
    display: flex;
  }
}

/* Show mobile menu link only on mobile */
header .mobile-menu {
  display: block;
}

@media (min-width: 768px) {
  header .mobile-menu {
    display: none;
  }
}

/* Responsive heading sizes */
h1 {
  font-size: 1.5rem; /* 24px on mobile */
  line-height: 2rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 1.875rem; /* 30px on desktop */
    line-height: 2.25rem;
  }
}

/* Responsive logo size */
header a[href="/"] {
  font-size: 1.125rem; /* 18px on mobile */
}

@media (min-width: 768px) {
  header a[href="/"] {
    font-size: 1.25rem; /* 20px on desktop */
  }
}

/* Ensure tables are scrollable on mobile */
table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

@media (min-width: 768px) {
  table {
    display: table;
    overflow-x: visible;
    white-space: normal;
  }
}

/* Better touch targets for mobile */
@media (max-width: 767px) {
  a, button {
    min-height: 44px;
    min-width: 44px;
  }
}