/* p3dp-prices: verdict pills + card badge. Shared by every tracker block. Colors only from p3dp-ui tokens (--p-*). */
.p3pr-verdict,
.p3pr-badge {
  display: inline-flex; align-items: center; gap: 6px; max-width: 100%;
  border-radius: 999px; padding: 4px 10px; line-height: 1.3;
  font: 700 12px/1.3 var(--p-font-head); letter-spacing: .02em; white-space: normal;
  background: var(--p-surface-2); color: var(--p-text-2); border: 1px solid transparent;
}
.p3pr-verdict::before,
.p3pr-badge::before {
  content: ""; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: currentColor;
}
/* lowest: the strongest signal, an accent fill */
.p3pr-verdict--lowest, .p3pr-badge--lowest { background: var(--p-accent); color: var(--p-on-accent); }
/* near the low: tinted */
.p3pr-verdict--near, .p3pr-badge--near { background: var(--p-tint); color: var(--p-tint-ink); border-color: var(--p-tint-ink); }
.p3pr-verdict--typical { background: var(--p-surface-2); color: var(--p-text-2); }
.p3pr-verdict--high { background: var(--p-warn-bg); color: var(--p-warn-ink); }
.p3pr-verdict--new { background: transparent; color: var(--p-mute); border: 1px dashed var(--p-line); }
.p3pr-verdict--new::before { background: transparent; border: 1.5px solid currentColor; width: 6px; height: 6px; }

/* card badge sits under the "From $" price in template 6566 */
.p3pr-badge { font-size: 11px; padding: 3px 8px; margin-top: 6px; }
.p3-price-box .p3pr-badge { display: flex; width: max-content; }

.p3pr :focus-visible { outline: 3px solid var(--p-accent); outline-offset: 2px; }