@media (max-width: 600px) {
    .bible-dropdown {
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    body.bible-mode .verse-block {
        flex-direction: column;
        padding: 0.65rem 0.75rem;
    }

    .verse-block .verse-num {
        min-width: auto;
        font-size: 1rem;
        text-align: left;
    }

    .verse-block .verse-text {
        font-size: 1.1rem;
    }

    #site-header.sticky-header {
        flex-direction: column;
        gap: 0.75rem;
    }

    .header-center {
        max-width: 100%;
    }
}