/* Évite le scroll horizontal sur petits écrans (longs chemins, titres, nav) */
html {
    overflow-x: hidden;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body.menu-open {
    overflow: hidden;
}

#nav-toc-overlay {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

#nav-toc-panel {
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body.menu-open #nav-toc-overlay {
    opacity: 1;
    pointer-events: auto;
}

body.menu-open #nav-toc-panel {
    transform: translateX(0);
}

@media (min-width: 1024px) {
    body.menu-open {
        overflow: auto;
    }

    #nav-toc-overlay,
    #nav-toc-panel {
        display: none !important;
    }
}