/* Make both text areas fill the available height and read comfortably. */
textarea {
    resize: none;
    font-size: 0.9rem;
    line-height: 1.4;
}

#bggOutput {
    background-color: var(--bs-tertiary-bg);
}

@media (max-width: 767.98px) {
    main .row > section:first-child {
        height: auto !important;
    }
    #bgaInput {
        height: 10rem;
        flex-grow: 0 !important;
    }
}