/* Keep all three community facilities in one row on phone screens. */
@media (max-width: 640px) {
  html body:not(.home) main.detail-page--community .brochure-community-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 6px !important;
    width: 100% !important;
    overflow: visible !important;
  }

  html body:not(.home) main.detail-page--community .brochure-community-grid > article {
    grid-column: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }
}