.hero--schedule {
  grid-template-columns: 1fr;
}

.data-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.cell--request,
.cell--vacation {
  background: #fff2a6;
  color: #6b4a00;
  font-weight: 900;
}

.cell--pm {
  background: #dbeafe;
  color: #0f3973;
  font-weight: 850;
}

.cell--coverage,
.cell--trainer {
  background: #dff8e6;
  color: #105c2a;
  font-weight: 900;
}

.cell--off,
.cell--blank {
  background: #111827;
  color: #111827;
}

.legend-swatch--request {
  background: #fff2a6;
}

.legend-swatch--pm {
  background: #dbeafe;
}

.legend-swatch--coverage {
  background: #dff8e6;
}

.legend-swatch--off {
  background: #111827;
}

@media (max-width: 720px) {
  .data-meta-grid {
    grid-template-columns: 1fr;
  }
}