/*
 * Student Registration layout consistency guardrails.
 *
 * Keep the Step 2 Research Skills select controls dimensionally identical and
 * keep required markers attached to wrapped Team-readiness question labels.
 */

body.register-page #registration-app
  [data-vri-academic-elegance]
  .vri-academic-primary-fields-skills
  > .registration-field
  > select {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
}

body.register-page #registration-app
  .registration-team-readiness-core-grid
  > .registration-field
  > span:first-child {
  display: block !important;
  min-height: 1.45em !important;
  margin: 0 !important;
}

body.register-page #registration-app
  .registration-team-readiness-core-grid
  > .registration-field
  > span:first-child
  > strong {
  display: inline !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  position: static !important;
  white-space: nowrap !important;
  vertical-align: baseline !important;
}

/*
 * At intermediate desktop widths the longest readiness label can wrap. Keep a
 * shared two-line label row there so all three select controls remain aligned.
 */
@media (min-width: 901px) and (max-width: 1500px) {
  body.register-page #registration-app
    .registration-team-readiness-core-grid
    > .registration-field
    > span:first-child {
    min-height: 2.7em !important;
  }
}

@media (max-width: 900px) {
  body.register-page #registration-app
    .registration-team-readiness-core-grid
    > .registration-field
    > span:first-child {
    min-height: 0 !important;
  }
}