/* styles.css - Core layout & responsive mobile optimizations */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

@media (max-width: 640px) {
  .max-w-7xl,
  .max-w-5xl,
  .max-w-4xl {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  h1 {
    font-size: 2.25rem !important;
    line-height: 1.15 !important;
  }
  h2 {
    font-size: 1.875rem !important;
  }
  .grid {
    min-width: 0;
  }
}

button,
a,
select,
input {
  touch-action: manipulation;
}