@media (max-width:600px){html,body,.container{overflow:visible!important;height:auto!important;min-height:100vh!important;position:static!important;} .verse-row, .verse-row * {margin-top:0!important;padding-top:0!important;} #verse-1 {margin-top:0!important;padding-top:0!important;}}


                @media (max-width: 700px) {
                    #mobileAaBtn { display: flex !important; }
                    .mobile-float-fontsize {
                        position: fixed;
                        right: 12px;
                        top: 50%;
                        transform: translateY(-50%);
                        z-index: 12000;
                        display: flex;
                        flex-direction: column;
                        gap: 0;
                        box-shadow: 0 2px 8px rgba(0,0,0,0.18);
                        border-radius: 12px;
                        background: rgba(255,255,255,0.95);
                        padding: 0.2em 0.1em;
                    }
                    .mobile-float-fontsize button {
                        background: transparent;
                        border: none;
                        color: #336699;
                        font-size: 2em;
                        width: 44px;
                        height: 44px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        cursor: pointer;
                        transition: background 0.2s;
                        border-radius: 8px;
                    }
                    .mobile-float-fontsize button:active {
                        background: #e0eaff;
                    }
                }
                @media (min-width: 701px) {
                    #mobileAaBtn, .mobile-float-fontsize { display: none !important; }
                }

            .modal-ro-note-content { max-width: 90vw !important; width: 100% !important; }

                                .modal-passage-content label {
                                    color: #222 !important;
                                    background: transparent !important;
                                    font-weight: bold;
                                    font-size: 0.95em;
                                    display: block;
                                    margin-bottom: 4px;
                                }
                        #modalPassageCaption {
                            color: #222 !important;
                        }
            #modalBookList, #modalChapterList, #modalVerseList {
                scrollbar-color: #d3d3d3 #f5f5f5;
                scrollbar-width: thin;
            }
            #modalBookList::-webkit-scrollbar, #modalChapterList::-webkit-scrollbar, #modalVerseList::-webkit-scrollbar {
                width: 8px;
                background: #f5f5f5;
            }
            #modalBookList::-webkit-scrollbar-thumb, #modalChapterList::-webkit-scrollbar-thumb, #modalVerseList::-webkit-scrollbar-thumb {
                background: #d3d3d3;
                border-radius: 6px;
            }
            .modal-list-item {
                background: #fff !important;
                color: #222 !important;
                cursor: pointer;
            }
            .modal-list-item.selected {
                background: #b3d1ff !important;
                color: #225599 !important;
                font-weight: bold;
            }