.recognition-review {
  display: grid;
  gap: 7px;
  padding: 11px;
  border: 1px solid #9ecbc5;
  background: #f0faf8;
  border-radius: 10px;
}

.recognition-review > b {
  color: var(--teal2);
  font-size: 12px;
}

.recognition-metric {
  display: grid;
  grid-template-columns: minmax(90px, 1fr) auto;
  gap: 2px 10px;
  padding: 7px 0;
  border-top: 1px solid #cde2df;
}

.recognition-metric span,
.recognition-metric strong {
  font-size: 11px;
}

.recognition-metric small {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 10px;
}