.wvb-wrap { max-width: 780px; margin: 0 auto; }
.wvb-card {
  padding: 1.25rem;
  border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
  border-radius: 16px;
  background: color-mix(in srgb, Canvas 92%, transparent);
  margin: 1rem 0;
}
.wvb-steps { display:flex; gap:.5rem; flex-wrap:wrap; margin: 1rem 0; }
.wvb-step {
  font-size: .85rem;
  padding: .35rem .6rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
  opacity: .7;
}
.wvb-step.is-active { opacity: 1; font-weight: 600; }
.wvb-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 600px){ .wvb-grid{ grid-template-columns:1fr; } }

.wvb-radio, .wvb-check { display:flex; gap:.7rem; align-items:flex-start; padding:.6rem .6rem; border-radius: 12px; border: 1px solid color-mix(in srgb, currentColor 10%, transparent); margin:.6rem 0; }
.wvb-radio input, .wvb-check input { margin-top: .25rem; }
.wvb-hint { opacity: .75; font-size: .95rem; }
.wvb-list { margin: .5rem 0 1rem 1.1rem; }
.wvb-summary h3 { margin-top: 0; }