/* --- Desktop & Wide Monitor Styles --- */
#sched-content-inner #custom_content {
    margin: 0px 0;
    padding: 60px 8%; /* Fluid horizontal padding for desktops */
    background-color: #ffffff;
}

div#sched-body-outer {
    max-width: 1400px;  /* Fills wide monitors better */
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
    background-color: transparent !important;
}

/* --- Mobile Fixes (Maximum Text Width) --- */
@media screen and (max-width: 768px) {
    /* 1. Remove the outer safety gap entirely */
    div#sched-body-outer {
        padding: 0 !important;
    }

    /* 2. Set the text box to the very edges of the screen */
    #sched-content-inner #custom_content {
        padding: 20px 15px; /* Tiny 15px side gap so text doesn't touch the glass */
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box; /* Ensures padding doesn't push the box off-screen */
    }
}