/* E26M291_B702_READABILITY */

/* Comfortable base typography */
html body #b702-dark-wizard-root {
  font-size: 17px !important;
  line-height: 1.55 !important;
}

html body #b702-dark-wizard-root .b702-main {
  font-size: 17px !important;
  line-height: 1.55 !important;
}

/* Page titles */
html body #b702-dark-wizard-root h1 {
  font-size: 27px !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
  color: #f5f7f2 !important;
}

html body #b702-dark-wizard-root h2 {
  font-size: 31px !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
  color: #f5f7f2 !important;
}

html body #b702-dark-wizard-root h3 {
  font-size: 22px !important;
  line-height: 1.35 !important;
}

/* Case cards */
html body #b702-dark-wizard-root .b702-card {
  min-height: 205px !important;
  padding: 24px !important;
  font-size: 17px !important;
  line-height: 1.5 !important;
}

html body #b702-dark-wizard-root .b702-card strong,
html body #b702-dark-wizard-root .b702-card b {
  font-size: 23px !important;
  line-height: 1.3 !important;
}

html body #b702-dark-wizard-root .b702-card small,
html body #b702-dark-wizard-root .b702-card p,
html body #b702-dark-wizard-root .b702-card span {
  font-size: 15px !important;
  line-height: 1.5 !important;
}

/* Inputs and interactive controls */
html body #b702-dark-wizard-root input,
html body #b702-dark-wizard-root select,
html body #b702-dark-wizard-root textarea {
  font-size: 17px !important;
  line-height: 1.4 !important;
}

html body #b702-dark-wizard-root input,
html body #b702-dark-wizard-root select {
  min-height: 44px;
}

html body #b702-dark-wizard-root textarea {
  min-height: 90px;
}

html body #b702-dark-wizard-root label {
  font-size: 16px !important;
  line-height: 1.5 !important;
}

/* Buttons, excluding large selection cards */
html body #b702-dark-wizard-root button:not(.b702-card) {
  font-size: 16px !important;
  line-height: 1.4 !important;
}

/* Prevent tiny supporting copy */
html body #b702-dark-wizard-root .b702-card {
  overflow-wrap: anywhere;
}

/* Narrow screens */
@media (max-width: 700px) {
  html body #b702-dark-wizard-root h1 {
    font-size: 24px !important;
  }
  html body #b702-dark-wizard-root h2 {
    font-size: 27px !important;
  }
  html body #b702-dark-wizard-root .b702-card {
    min-height: 180px !important;
    padding: 18px !important;
  }
}