@media (max-width: 740px) {
  .login-screen { padding: 16px; overflow-x: clip; grid-template-columns: minmax(0, 1fr); }
  .login-box { width: 100%; max-width: 100%; min-width: 0; padding: 24px 18px; }
  .login-steps { min-width: 0; }
  .login-steps > div {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 2px;
    align-items: start;
  }
  .login-steps > div > span { grid-column: 1; grid-row: 1 / span 2; }
  .login-steps > div > strong { grid-column: 2; grid-row: 1; min-width: 0; }
  .login-steps > div > small { grid-column: 2; grid-row: 2; min-width: 0; margin-top: 0; }
}