/* ============ App Layout ============ */

.app-layout {
    /* layout shell — children are sidebar (fixed) and content */
}

.app-layout__content {
    margin-left: var(--sidebar-width);
    min-height: 100vh;
    padding: 2rem 2.5rem;
}

.app-layout__container {
    max-width: 960px;
    margin: 0 auto;
}

@media (max-width: 860px) {
    .app-layout__content {
        margin-left: 0;
        padding: 1.25rem;
        padding-top: 4rem;
    }
}