/* Mobile dark-mode contrast fix for the three-step onboarding cards. */
@media (max-width: 520px) {
  html[data-theme="dark"] .step {
    border-color: rgba(117, 182, 255, 0.22);
    background: rgba(23, 34, 50, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  }

  html[data-theme="dark"] .step strong {
    color: #f3f6fb;
  }

  html[data-theme="dark"] .step small {
    color: #aebbd0;
  }

  html[data-theme="dark"] .step-icon {
    color: #b7c6da;
    background: #243247;
  }
}