/* Immutable accessibility supplement for the Elo calculator. */
.elo-modeTabs button span {
  color: #59686e;
}

.elo-ratingCards article p,
.elo-auditGrid dt,
.elo-batchSummary span,
.elo-tableHeading > small,
.elo-tableScroll thead th,
.elo-tableScroll small {
  color: #b2c1c6;
}

@media (max-width: 720px) {
  .elo-breadcrumb,
  .elo-eyebrow,
  .elo-heroKicker,
  .elo-heroAnswer > span,
  .elo-heroAnswer small,
  .elo-trustStrip span,
  .elo-panelHeading > span,
  .elo-resultLead > span,
  .elo-tableHeading span,
  .elo-boundary > span,
  .elo-methodLabel,
  .elo-modeTabs button span,
  .elo-field small,
  .elo-segmentedControl small,
  .elo-parameters summary small,
  .elo-csvActions > span,
  .elo-csvContract,
  .elo-ratingCards article > span,
  .elo-ratingCards article p,
  .elo-ratingCards article em,
  .elo-auditGrid dt,
  .elo-batchSummary span,
  .elo-tableHeading > small,
  .elo-tableScroll thead th,
  .elo-tableScroll small,
  .elo-errorPanel span {
    font-size: 12px;
    line-height: 1.5;
  }

  .elo-modeTabs button,
  .elo-field > span,
  .elo-csvField > span,
  .elo-outcomeFieldset legend,
  .elo-segmentedControl strong,
  .elo-textButton,
  .elo-csvActions button,
  .elo-fileButton,
  .elo-downloadRow button,
  .elo-runButton {
    font-size: 14px;
  }

  .elo-textButton,
  .elo-csvActions button,
  .elo-fileButton,
  .elo-downloadRow button,
  .elo-runButton {
    min-height: 44px;
  }

  .elo-textButton {
    display: inline-flex;
    align-items: center;
    padding: 8px 0;
  }

  .elo-csvField textarea,
  .elo-tableScroll table {
    font-size: 12px;
  }
}