/* Page sheet for bible.php. Linked after style.css by includes/css.php,
   so these rules win ties against the shared sheet. */

/* Force the body to be a flex container that fills the whole screen */
body {
    height: 100vh;
    overflow: hidden; /* Prevents the main page from having a double scrollbar */
    display: flex;
    flex-direction: column;
}

/* The container takes all remaining space below the navbar */
.bible-container {
    flex: 1; 
    width: 100%;
    background: var(--bg-dark);
    border-top: 1px solid var(--border);
}

/* The iframe fills the container perfectly */
.bible-frame {
    width: 100%;
    height: 100%;
    border: none;
    /* If the bible has a white background, keeping this white prevents a flicker */
    background: #ffffff; 
}