@media (orientation: landscape) {
    html,
    body {
        height: 100vh !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* Main side-by-side layout */
    body > div[style*="display: flex"] {
        height: 100vh !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    /* Left Pane - Bible Reader */
    #bible-reader {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        height: 100vh !important;
        border-right: 1px solid #ccc;
    }

    /* Toolbars (Form Groups) - Enforce consistent height and bottom alignment */
    #bible-reader .form-group,
    body > div[style*="display: flex"] > div:nth-child(2) .form-group {
        flex-shrink: 0 !important;
        background-color: #7a96a8 !important;
        height: 48px !important;
        padding: 0 10px 6px 10px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-end !important;
        gap: 8px !important;
        margin: 0 !important;
    }

    /* Hide the empty first row div in the left toolbar to prevent double height */
    #bible-reader .form-group > div:first-child {
        display: none !important;
    }

    /* Ensure the second row div spans the width and aligns correctly */
    #bible-reader .form-group > div:nth-child(2) {
        display: flex !important;
        width: 100% !important;
        gap: 8px !important;
        align-items: flex-end !important;
    }

    /* Right Pane - Guides */
    body > div[style*="display: flex"] > div:nth-child(2) {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        height: 100vh !important;
    }

    .search-bible-container {
        display: flex !important;
        width: 100% !important;
        gap: 8px !important;
        align-items: flex-end !important;
    }

    /* Normalize control heights to 34px for a professional, aligned bottom edge */
    .form-group select,
    .form-group input,
    .form-group button,
    .form-group .ui-button {
        height: 34px !important;
        line-height: normal !important;
        padding: 4px 8px !important;
        font-size: 14px !important;
        box-sizing: border-box !important;
        border-radius: 4px !important;
        margin: 0 !important;
    }

    /* Specific nudge for the select list to match button bottoms perfectly */
    #bibleVersion {
        transform: translateY(1px) !important;
        -webkit-appearance: menulist !important;
    }

    /* Auth container in toolbar */
    #sb-auth {
        display: flex !important;
        gap: 5px !important;
        align-items: flex-end !important;
        margin-left: auto !important;
    }

    /* Content areas scroll independently */
    #results {
        flex: 1 !important;
        height: auto !important;
        overflow-y: auto !important;
        padding: 15px !important;
        border: none !important;
        border-radius: 0 !important;
    }

    #guides {
        flex: 1 !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border: none !important;
    }

    .djm-guideBooks {
        flex: 1 !important;
        overflow-y: auto !important;
    }

    #minimizeGuides {
        display: none !important;
    }
}