/* Centralized Container Styles for SpoonMuse */

/* Reset for consistent baseline */
* {
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Main container with consistent alignment */
.main-container {
    max-width: 1200px;
    margin: 20px auto;
    padding: 0px;
    width: 100%;
    box-sizing: border-box;
    /* Ensure perfect centering and remove any browser inconsistencies */
    position: relative;
    left: 0;
    right: 0;
    /* Prevent any unexpected margins or padding */
    margin-left: auto;
    margin-right: auto;
}

/* Responsive container adjustments */
@media (max-width: 1240px) {
    .main-container {
        margin: 20px auto;
        padding: 20px;
    }
}

@media (max-width: 1024px) {
    .main-container {
        margin: 20px auto;
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .main-container {
        margin: 15px auto;
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .main-container {
        margin: 10px auto;
        padding: 15px;
    }
}

@media (max-width: 360px) {
    .main-container {
        margin: 5px auto;
        padding: 10px;
    }
}