.site .status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.site .status-card { padding: 22px; }
.site .status-card h3 { margin-top: 0; }

.site .status-pill {
  display: inline-flex;
  margin: 4px 0 12px;
  padding: 5px 10px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-weight: 700;
}

.site .status-pill.is-operational { color: #70d6a5; }
.site .status-pill.is-degraded,
.site .status-pill.is-delayed { color: #f0b35a; }
.site .status-pill.is-unknown { color: #b399aa; }

.site .status-counts {
  margin-bottom: 0;
  font-variant-numeric: tabular-nums;
}

.site .status-empty {
  padding: 16px 18px;
  border: 1px dashed rgba(179, 153, 170, .45);
  border-radius: 10px;
}

.site .incident-list {
  display: grid;
  gap: 14px;
  padding: 0;
  list-style: none;
}

.site .incident-card { padding: 20px; }
.site .incident-card h3 { margin-top: 0; }

@media (max-width: 760px) {
  .site .status-grid { grid-template-columns: 1fr; }
}