/* Standard Padding for Fixed Nav/Footer */
body {
    padding-top: 56px;
    padding-bottom: 56px;
    overflow: hidden; /* Prevent double scrollbars on the main body */
}

/* Footer styling matching previous app */
.footer {
    height: 56px; 
    padding: 0 20px;
    z-index: 1030;
}

/* LANDING PAGE LAYOUT (Standard Bootstrap Container) */
.landing-container {
    min-height: calc(100vh - 112px);
    display: flex;
    align-items: center;
    overflow-y: auto; /* Allow scroll on landing page if content is long */
}

/* SCROLLYTELLING MODULE LAYOUT */
.module-wrapper {
    display: flex;
    height: calc(100vh - 112px); /* Exact height between nav and footer */
    width: 100%;
}

/* Left Pane: The Textbook (Scrollable, Light Grey) */
.text-pane {
    width: 35%; /* Adjust width as needed */
    height: 100%;
    overflow-y: auto;
    background-color: #f8f9fa; /* Bootstrap 'light' grey */
    padding: 2.5rem;
    border-right: 1px solid #dee2e6;
    box-shadow: inset -5px 0 10px -5px rgba(0,0,0,0.05);
}

/* Right Pane: The Lab (Fixed, White) */
.lab-pane {
    width: 65%;
    height: 100%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 1rem;
}

/* Typography tweaks */
.text-justify {
    text-align: justify;
    text-justify: inter-word;
}