@media screen and (max-width: 640px) { 
    body{
    }

    textarea, 
    input[type='password'], 
    select {
        font-size: 1rem;
    }

    /* button{
        font-size: 1.1rem;
    } */

    .form-grid {
        grid-template-columns: 1fr; /* stack labels above inputs */
        grid-template-rows: auto auto; /* each label-input pair takes two rows */
    }

    textarea.monospace {
        font-size: 1em;
        font-family: monospace;
    }    
    
    div.ioText textarea {
        min-width: 20ch;
        width: 100%;
    }
      
    /* div.ioText textarea.result {
        /* height: 5em; * /
    }

    div.ioText textarea.full-result {
        height: 10em!important;
    } */

    .password-display .hint .text{
        display: none!important; 
    }
    
 }