/* ============================================================================
   CONTAINER - Main content wrapper with responsive padding
   ============================================================================ */

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem;
}

/* Mobile-first: larger padding on bigger screens */
@media (min-width: 640px) {
    .container {
        padding: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .container {
        padding: 2rem;
    }
}