/* Responsive sizing for the login and registration screens. */
@media screen {
  html { font-size: clamp(1rem, 0.955rem + 0.2vw, 1.125rem); }
  .left { min-width: 0; }
  .left :is(input, select, textarea, button) { font-size: 1rem; }
  .left :is(input, select, button) { min-height: 2.75rem; }
}
@media screen and (max-width: 860px) {
  html, body { height: auto; overflow: auto; }
  .wrapper { height: auto; min-height: 100svh; grid-template-columns: minmax(0, 1fr); }
  .right { display: none; }
  .left { height: auto; min-height: 100svh; padding: clamp(20px, 5vw, 40px); overflow: visible; }
  .code-row { grid-template-columns: repeat(3, minmax(0, 1fr)) 8px repeat(3, minmax(0, 1fr)); gap: 4px; }
  .code-input { width: 100%; min-width: 0; }
}