/* Standard Page CSS */

.standard-page-container {
    width: 80%;
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-3xl);
    background-color: var(--off-white); /* Optional: to match the feel if needed, or transparent */
    border-radius: var(--radius-lg);
}

/* Ensure the content inside respects the container */
.standard-page-container .content {
    width: 100%;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .standard-page-container {
        width: 90%;
    }
}

@media (max-width: 768px) {
    .standard-page-container {
        width: 95%;
        padding: var(--spacing-md) var(--spacing-md) var(--spacing-xl);
    }
}