/* Layout styles for mobile */
.container {
    padding: var(--spacing-medium);
    margin: 0 auto;
}

/* Larger screens */
@media (min-width: var(--breakpoint-md)) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: var(--breakpoint-lg)) {
    .container {
        max-width: 960px;
    }
}