/* STEP58-13E-1 commercial mobile UX */
#infoScreen .field-label-main {
  font-size: 15px;
  line-height: 1.45;
  margin-bottom: 12px;
}

#infoScreen .field-notice {
  font-size: 13px;
  line-height: 1.65;
  padding: 12px 14px;
  margin-bottom: 14px;
}

#infoScreen .field-mini-notice {
  font-size: 13px;
  line-height: 1.55;
}

#infoScreen .cal-row,
#infoScreen .gender-row,
#infoScreen .time-ampm-row,
#infoScreen .leap-choice-row {
  gap: 10px;
}

#infoScreen .cal-btn,
#infoScreen .gender-btn,
#infoScreen .time-choice-btn,
#infoScreen .leap-choice-btn {
  min-height: 56px;
  height: auto;
  padding: 12px 14px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 650;
  touch-action: manipulation;
}

#infoScreen .date-num-input {
  min-height: 56px;
  height: 56px;
  font-size: 17px;
}

#infoScreen .progressive-back {
  min-height: 48px;
  margin-top: 18px;
}

#infoScreen button:focus-visible,
#infoScreen input:focus-visible {
  outline: 3px solid rgba(155,125,255,.42);
  outline-offset: 2px;
}

#infoScreen .basic-step-progress {
  margin: 0 0 10px;
  color: #a9a4cf;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .03em;
}

@media (max-width: 390px) {
  #infoScreen .cal-btn,
  #infoScreen .gender-btn,
  #infoScreen .time-choice-btn,
  #infoScreen .leap-choice-btn {
    min-height: 56px;
  }

  #infoScreen .date-row {
    gap: 8px;
  }
}