.progress {
  display: grid;
  gap: var(--spacing-xs, 2px);
}
.progress-bar {
  appearance: none;
  -webkit-appearance: none;
  inline-size: 100%;
  block-size: 0.5rem;
  border: 0;
  border-radius: var(--radii-full, 9999px);
  background: var(--color-border, #E5E7EB);
  overflow: hidden;
}
.progress-bar::-webkit-progress-bar {
  background: var(--color-border, #E5E7EB);
  border-radius: var(--radii-full, 9999px);
}
.progress-bar::-webkit-progress-value {
  background: var(--color-primary, #4F46E5);
  border-radius: var(--radii-full, 9999px);
  transition: inline-size 200ms ease;
}
.progress-bar::-moz-progress-bar {
  background: var(--color-primary, #4F46E5);
  border-radius: var(--radii-full, 9999px);
}
.progress-description {
  font-size: 0.85rem;
  color: var(--color-text-muted, #6B7280);
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar::-webkit-progress-value { transition: none; }
}