/* ===================================================================
   SPLITKUN MAIN CONTENT STYLES
   Layout and alignment for main content area
   =================================================================== */

/* ===================================================================
   MAIN CONTENT CONTAINER
   =================================================================== */

.split-main {
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
    min-height: calc(100vh - 200px); /* Account for header and footer */
}

/* ===================================================================
   RESPONSIVE PADDING ADJUSTMENTS
   =================================================================== */

@media (max-width: 768px) {
    .split-main {
        padding: 0 16px;
    }
}

@media (max-width: 480px) {
    .split-main {
        padding: 0 16px;
    }
}

/* ===================================================================
   CONTENT SPACING
   =================================================================== */

.split-main > * {
    margin-bottom: 2rem;
}

.split-main > *:last-child {
    margin-bottom: 0;
}