/* Container Styles - Unified across all pages */
.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    overflow-x: hidden;
}

/* Responsive Container Styles */
@media (max-width: 768px) {
    .container {
        padding: 0 1rem;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 1rem;
    }
}

/* Deprecated container classes - for backward compatibility */
.profile-container,
.checkout-container,
.pricing-container,
.docs-container,
.status-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    overflow-x: hidden;
}

@media (max-width: 768px) {
    .profile-container,
    .checkout-container,
    .pricing-container,
    .docs-container,
    .status-container {
        padding: 0 1rem;
    }
}