.guard-panel {
  padding: 26px;
  margin-bottom: 18px;
}

.guard-checks {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 9px;
}

.guard-check {
  padding: 14px;
  border: 1px solid rgba(255, 125, 118, .28);
  border-radius: 14px;
  background: rgba(255, 125, 118, .06);
}

.guard-check.passed {
  border-color: rgba(155, 243, 111, .25);
  background: rgba(155, 243, 111, .045);
}

.guard-check small {
  display: block;
  color: var(--muted);
  font-size: 9px;
  letter-spacing: .12em;
}

.guard-check strong {
  display: block;
  margin: 4px 0;
  font-size: 13px;
}

.guard-check span {
  color: #a7b2aa;
  font-size: 10px;
}

@media (max-width: 900px) {
  .guard-checks {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 590px) {
  .guard-panel {
    padding: 18px;
  }

  .guard-checks {
    grid-template-columns: repeat(2, 1fr);
  }
}