body {
    font-family: Arial, sans-serif;
}

@media (max-width: 640px) {
    .max-w-lg {
        max-width: 90%;
    }
    button {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
    }
    select, label {
        font-size: 0.9rem;
    }
    #questions, #answers {
        font-size: 0.9rem;
    }
}

#questions, #answers {
    max-height: 200px;
    overflow-y: auto;
    white-space: pre-wrap;
}

button:focus {
    outline: none;
    ring: 2px solid #3b82f6;
}