/* Force this file to override global.css */
* {
    box-sizing: border-box;
}

/* Ensure this file has priority */
.slide-page .slide-content,
.slide-page,
.slide-content,
.content-box {
    all: revert-layer;
}

/* Page background */
.slide-page {
    background-color: #2c3e50 !important;
    margin: 0;
    padding: 0;
    font-family: "Segoe UI", sans-serif;
    color: white !important;
}

/* Push content away from sidebar */
.slide-content {
    margin-left: 260px !important;
    /* sidebar width 240 + 20px spacing */
    padding: 30px;
    max-width: 900px;
    color: white !important;
}

/* Inner content box */
.content-box {
    background: rgba(255, 255, 255, 0.06);
    padding: 25px;
    border-radius: 10px;
    color: white !important;
}

/* Force text to white */
.slide-content h1,
.slide-content h2,
.slide-content p,
.slide-content blockquote {
    color: white !important;
}

/* Blockquote style */
.slide-content blockquote {
    background: rgba(255, 255, 255, 0.1);
    padding: 15px 20px;
    border-left: 4px solid #f39c12;
    border-radius: 8px;
    margin: 20px 0;
}
/* Slide content container - 60% width */
.slide-content {
    margin-left: 260px !important;   /* Sidebar width (240px) + 20px gap */
    width: 60% !important;
    padding: 30px;
    color: white;
}

/* Center slide content vertically */
.slide-content .content-box {
    width: 100% !important;  /* content-box stays inside slide-content */
    margin: auto;
}
@media (min-width: 1400px) {
    .slide-content {
        margin-left: calc(260px + (20% / 2)) !important;
    }
}