/* Reset body margin for full-width layout */
body {
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', sans-serif;
    background: #fff;
    color: #333;
}

/* Make header, footer full-width */
header, footer {
    width: 100%;
    display: block;
}

/* Main content full width */
.main-content {
    width: 100%;
    padding: 40px 20px; /* spacing for readability */
    box-sizing: border-box;
}

    /* Optional: if you still want inner content centered */
    .main-content > .content-container {
        max-width: 1200px;
        margin: auto;
    }