/* ==========================================================================
   Verdict — Do / Don't badge under example figures (K01, K02, K03 …)

   <span class="verdict verdict--do"><span aria-hidden="true">✓</span>Do</span>
   <span class="verdict verdict--dont"><span aria-hidden="true">✕</span>Don't</span>
   ========================================================================== */

.verdict {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 9px;
  border-radius: var(--radius-pill);
  font: 500 12px/1 'Geist', sans-serif;
}
.verdict--do   { background: var(--status-success-bg); color: var(--status-success-fg); }
.verdict--dont { background: var(--status-high-bg);    color: var(--status-high-fg); }