/* Extra mobile spacing and flex for small screens */
/* General container improvements for all screens */
.container, .container-fluid {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

@media (max-width: 576px) {
  .container, .container-fluid {
    padding-left: 8px;
    padding-right: 8px;
  }
  .table {
    font-size: 0.95rem;
  }
  form .form-control, form .form-select {
    font-size: 1rem;
    min-height: 2.2em;
  }
}