body {
    font-family: 'Inter', sans-serif;
}

#questionsBox, #answersBox {
    scrollbar-width: thin;
    scrollbar-color: #a0aec0 #edf2f7;
}

#questionsBox::-webkit-scrollbar, #answersBox::-webkit-scrollbar {
    width: 8px;
}

#questionsBox::-webkit-scrollbar-track, #answersBox::-webkit-scrollbar-track {
    background: #edf2f7;
}

#questionsBox::-webkit-scrollbar-thumb, #answersBox::-webkit-scrollbar-thumb {
    background-color: #a0aec0;
    border-radius: 4px;
}

@media (max-width: 640px) {
    h1 {
        font-size: 1.5rem;
    }

    .flex-col.sm\:flex-row {
        flex-direction: column;
    }

    button {
        font-size: 0.875rem;
    }

    .max-w-3xl {
        max-width: 100%;
    }
}