.hp-reg-field-full {
  flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
}

/* Secondary helper copy — readable, not competing with labels or inputs */
.hp-reg-field-hint,
.hp-password-hint {
  flex: 1 1 100%;
  margin: -0.35rem 0 0.35rem;
  font-size: 0.875rem;
  line-height: 1.45;
  font-weight: 500;
  color: #6b7280;
}

.hp-password-hint {
  margin: 0.35rem 0 0;
}

.hp-password-errors {
  margin: 0.45rem 0 0;
  padding: 0;
  list-style: none;
}

.hp-password-errors li {
  color: #d62828;
  font-size: 0.92rem;
  line-height: 1.4;
  font-weight: 600;
}

.hp-password-errors:empty {
  display: none;
}

/* User-typed values — normal dark text on all registration inputs */
#hpRegistrationForm input.hp-reg-input {
  color: #111;
}

/* Placeholder examples — light grey, never mistaken for saved values */
#hpRegistrationForm input.hp-reg-input::placeholder {
  color: #9ca3af;
  opacity: 1;
  font-weight: 400;
}

#hpRegistrationForm input.hp-reg-input::-webkit-input-placeholder {
  color: #9ca3af;
  opacity: 1;
  font-weight: 400;
}

#hpRegistrationForm input.hp-reg-input::-moz-placeholder {
  color: #9ca3af;
  opacity: 1;
  font-weight: 400;
}

#hpRegistrationForm input.hp-reg-input:-ms-input-placeholder {
  color: #9ca3af;
  opacity: 1;
  font-weight: 400;
}

#hpRegistrationForm select.hp-reg-select {
  flex: 1 1 48%;
  color: #111;
}

#hpRegistrationForm .hp-reg-field-full select {
  flex: 1 1 100%;
  width: 100%;
}