<style>
/* Ensure the custom wrapper behaves as a full-width container */
.custom-content-page {
    display: block !important;
    width: 100% !important;
    clear: both !important;
}

/* ===================================================
   1. SOLID VERTICAL DIVIDER LINES (DESKTOP TO MOBILE)
   =================================================== */
@media (min-width: 992px) {
    /* Only targets pages wrapped in the custom-content-page class */
    .custom-content-page div.col-lg-8.col-md-12.col-sm-12 {
        position: relative !important;
        border-right: 1px solid #b0b0b0 !important;
        padding-right: 45px !important;
    }
}

@media (max-width: 991px) {
    .custom-content-page div.col-lg-8.col-md-12.col-sm-12 {
        border-right: none !important;
        border-bottom: 1px solid #b0b0b0 !important;
        padding-bottom: 45px !important;
        margin-bottom: 45px !important;
    }
}

/* ===================================================
   2. PERMANENT ERASER FOR GHOST LIST MARKERS
   =================================================== */
/* Target any list block inside your custom pages to permanently wipe out the rogue template rules */
.custom-content-page ul li::before,
.custom-content-page li::before {
    content: none !important;
    display: none !important;
}

.custom-content-page ul {
    list-style: none !important;
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.custom-content-page li {
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Ensure the top action buttons stay beautifully side-by-side */
.custom-content-page div._uy76_buttons ul li {
    display: inline-block !important;
    margin-right: 15px !important;
}
/* ===================================================
   3. THE ULTIMATE FOOTER RESTORATION
   =================================================== */
footer {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    background-color: #0b1c3f !important; /* Forces your beautiful dark blue background */
    position: relative !important;
    z-index: 9999 !important;
}

footer p, footer a {
    color: #ffffff !important; /* Forces the text to be bright white so you can read it! */
}
/* ===================================================
   4. HOME PAGE FOOTER FORCE DROP
   =================================================== */
#footer {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    position: relative !important;
    margin-top: 40px !important;
}
/* ===================================================
   6. THE ABSOLUTE HERO COLUMNS FORCE-SPLIT
   =================================================== */
.two-columns {
    display: flex !important;
    display: -webkit-flex !important; /* Forces older browsers to comply */
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    width: 100% !important;
    clear: both !important;
}

.left-column {
    flex: 1 !important;
    min-width: 280px !important;
    max-width: 550px !important;
    display: block !important;
}

.right-column {
    flex: 0 0 325px !important;
    display: block !important;
    margin-top: 10px !important;
}

/* ===================================================
   7. SIDEBAR WINDOW CONTAINER CARD RULES
   =================================================== */
:root {
    --window-accent-color: #000080;
    --window-bg: #ffffff;
    --window-border: #e0e0e0;
    --text-main: #333333;
}

.window-container {
    background: var(--window-bg) !important;
    width: 100% !important;
    max-width: 300px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid var(--window-border) !important;
    border-top: 6px solid var(--window-accent-color) !important;
    overflow: hidden !important;
    display: block !important;
}

.window-header {
    padding: 20px 24px !important;
    border-bottom: 1px solid var(--window-border) !important;
    background-color: #f0f2f5 !important;
}

.window-header h3 {
    margin: 0 !important;
    color: var(--text-main) !important;
    font-size: 18px !important;
}

.window-content {
    padding: 24px !important;
    text-align: left !important;
}

.custom-table {
    width: 100% !important;
    border-collapse: collapse !important;
    text-align: left !important;
    display: table !important;
}

.custom-table td {
    padding: 12px 16px !important;
    color: var(--text-main) !important;
    font-size: 14px !important;
}

.custom-table p {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    line-height: 1.5 !important;
}
.custom-table p:last-child {
    margin-bottom: 0 !important;
}
/* FIX: Removed 'display: flex' and 'justify-content: center' which crushed your page layout */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: #f0f2f5;
    padding: 0px;
}
</style>