@media (max-width: 40rem) {
  .vf-card { padding: var(--vf-space-4); }
  .vf-stepper { flex-wrap: wrap; gap: var(--vf-space-4) 0; }
  .vf-stepper > li { flex: 0 0 33.333%; }
  .vf-stepper > li:nth-child(3n)::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
@media (forced-colors: active) {
  :root { --vf-focus: Highlight; }
  .vf-button, .vf-card, .vf-pill, .vf-alert, .vf-quantity, .vf-radio-card { border: 1px solid CanvasText; }
  .vf-stepper > li[aria-current="step"]::before { outline-color: Highlight; }
}