/* Checklist #21: responsive fixes for Admin + member pages */
@media (max-width: 900px) {
  .stat-cards { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important; }
  form div[style*="grid-template-columns"], form div[style*="display:grid"] { grid-template-columns: 1fr !important; }
  div[style*="display:flex"] { flex-wrap: wrap; }
}
@media (max-width: 720px) {
  .container, main { max-width: 100vw; overflow-x: hidden; }
  table td, table th { word-break: break-word; }
  h1, h2, h3, h4 { overflow-wrap: break-word; }
  .btn, button { max-width: 100%; }
  input, select, textarea { max-width: 100%; }
}
/* Wide tables scroll instead of widening the page */
.table-scroll-wrap { overflow-x: auto; max-width: 100%; }

/* Follow-up #1: no crossing line over MEMBERSHIP / NEW ARRIVALS banner labels */
.section-label[style*="padding-left:0"]::before { display: none !important; }