.verdict {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-2);
  font-size: var(--text-md);
  line-height: var(--leading);
}

.verdict-level {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  font-weight: 700;
  color: var(--ink);
}

.verdict-level::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: currentColor;
}

.verdict-level-good {
  color: var(--good-ink);
}

.verdict-level-caution {
  color: var(--caution-ink);
}

.verdict-level-danger {
  color: var(--danger-ink);
}

.verdict-reason {
  color: var(--ink-muted);
}