/* Ensure the progress bar container takes up the full width and won't shrink when a status message appears */
.webform-progress {
  clear: both;
  width: 100%;
  flex: 0 0 100%; /* Prevents shrinking if the parent is a flex container */
}

/* Ensure the tracker list itself stretches fully */
.webform-progress-tracker {
  width: 100% !important;
  display: flex !important; /* Re-enforces Drupal's default flex behavior */
}

/* Force the Drupal message to sit on its own line and not push things sideways */
.messages--status {
  width: 100%;
  display: block;
  clear: both;
  margin-bottom: 20px; /* Gives the progress bar some breathing room */
}