.hero-grid {
  grid-template-columns: minmax(0, 1.9fr) minmax(280px, 1fr);
  margin-bottom: 16px;
}

.three-col {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hero {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 1fr);
  gap: 16px;
}

.status-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.status-grid.wide {
  margin-bottom: 16px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.mini-list.left li {
  justify-content: flex-start;
}

.button-stack {
  grid-template-columns: 1fr;
}

.good {
  color: #8ff0ce;
}

.warn {
  color: #ffd571;
}

.bad {
  color: #ff9f9f;
}

.muted {
  color: #cbd5e1;
}

@media (max-width: 960px) {
  .hero-grid,
  .hero,
  .three-col,
  .status-grid,
  .status-grid.wide {
    grid-template-columns: 1fr;
  }
}