/* The /maps page (qualia #23929; api/preview_pages/maps.html): the home's Shop tiles (home2.css) in a grid, not a
   rail: one column on a phone, two from 560 px, three from 1024 px. */
.mp-sec { padding: var(--s5) 0 var(--s4); }
.mp-title { margin: 0 0 var(--s4); font-size: var(--text-2xl); line-height: 1.1; }
.mp-h2 { margin: 0 0 var(--s4); font-size: var(--text-xl); }
.mp-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s4); }
.mp-grid .hb-tile { flex: none; max-width: none; width: 100%; }
@media (min-width: 560px) { .mp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) {
  .mp-title { font-size: var(--text-3xl); }
  .mp-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s5); }
}