/* Responsive 5-row, 3-column grid layout */
body { 
    padding: 0; 
    margin: 0; 
}

.parent {
    display: grid;
    min-height: 100vh;
    grid-template-rows: 250px 90px 90px 1fr 200px;
    grid-template-columns: 370px 1fr 370px;
    gap: 0;

    grid-template-areas:
        "header header header"
        "nav nav nav"
        "pagetitle pagetitle pagetitle"
        "sidebar_left main sidebar_right"
        "footer footer footer";
}

/* ====== Base Section Styles ====== */
.header { grid-area: header; }

.nav { 
    grid-area: nav; 
    display: flex; 
    justify-content: center; 
    align-items: center;
    background: linear-gradient(180deg, rgba(20, 88, 50, 1) 0%, rgba(36, 219, 166, 1) 50%, rgba(247, 247, 247, 1) 100%);
}

.pagetitle { 
    grid-area: pagetitle; 
    display: flex; 
    justify-content: center; 
    align-items: center;
    background: linear-gradient(90deg, rgba(247, 247, 247, 1) 0%, rgba(242, 220, 175, 1) 100%) !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.sidebar_left {
    grid-area: sidebar_left;
    padding: 15px;
    background-color: #5c5;
}

.main {
    grid-area: main;
    background: linear-gradient(90deg, rgba(247, 247, 247, 1) 0%, rgba(242, 220, 175, 1) 100%) !important;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 15px;
}

.sidebar_right {
    grid-area: sidebar_right;
    padding: 15px;
    background-color: #5c5;
}

.footer { 
    grid-area: footer;
    background-color: #0BDA51; /* ====== Required for Member Section ====== */
}