/* Generic auto-fit grid. Annunciator panels, tile fields. */

.o-grid {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
}

.o-grid--tight { gap: var(--space-2); }
.o-grid--rivet { gap: var(--gap-rivet); }

.o-grid--2 { grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); }
.o-grid--3 { grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); }
.o-grid--4 { grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr)); }
.o-grid--6 { grid-template-columns: repeat(auto-fit, minmax(min(120px, 100%), 1fr)); }