/* Global responsive overrides */
/* Common responsive patterns shared across pages */

@media screen and (max-width: 768px) {
    .container {
        padding: 0 var(--spacing-md);
    }
}

@media screen and (max-width: 480px) {
    .container {
        padding: 0 15px;
    }
}