/**
 * STAZZBOI.COM — Version 1.0
 * Foundational Page Layouts & Structural Wrappers
 * Foundation & Development Plan
 */

/* --- Main Layout Wrapper --- */
.app-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
}

/* --- Content Section Framework --- */
.main-content {
    flex: 1 0 auto;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* --- Structural Section Spacing --- */
.section {
    padding: 40px 0;
}

@media (min-width: 768px) {
    .section {
        padding: 60px 0;
    }
}

/* --- Shared Grid Utility --- */
.grid-layout {
    display: grid;
    gap: var(--grid-gap);
    width: 100%;
}