/* === WIDGET: pricing | scope .vr-pricing ================================== */
@layer widgets {
  .vr-pricing__number { display: inline-flex; color: var(--vr-brand); font-size: .8rem; font-weight: 750; margin-bottom: 22px; border-bottom: 2px solid var(--vr-brand); padding-bottom: 5px; }
  .vr-pricing__example { margin-top: 20px; padding: 22px; border: 1px solid var(--vr-border); border-radius: var(--vr-radius); text-align: center; background: white; }
  .vr-pricing__example > span { color: var(--vr-muted); font-size: var(--vr-text-xs); }
  .vr-pricing__example p { margin-block: 8px 5px; font-size: clamp(1rem, 2vw, 1.25rem); }
  .vr-pricing__example strong { color: var(--vr-brand); }
  .vr-pricing__example b { margin-inline: 8px; font-weight: 400; color: var(--vr-muted); }
}
/* === END WIDGET: pricing ================================================= */