/* Responsive adjustments */

@media (max-width: 1024px) {
    aside {
        position: fixed !important;
        left: -100%;
        top: 64px;
        bottom: 0;
        z-index: 50;
        transition: left 0.3s ease;
        background: var(--surface);
    }

    aside.open {
        left: 0 !important;
    }
}

@media (max-width: 640px) {
    .max-w-7xl, .max-w-4xl, .max-w-6xl {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}