/*  COMPONENT: NAV LEVEL 3
//////////////////////////////////////////////////////////////////////////////*/

@layer components {
    .nav-sidebar {
        spadding-top: var(--spacing-m);
        margin-bottom: var(--spacing-l);
    }
    .nav-sidebar ul {
        flex-direction: column;
    }
    .nav-sidebar a {
        display: block;
        text-decoration: none;
    }
    .nav-sidebar a:hover,
    .nav-sidebar .active strong,
    .nav-sidebar .active span,
    .nav-sidebar .trail > a {
        font-weight: inherit;
        text-decoration: underline;
        text-underline-offset: 0.125em;
        text-decoration-thickness: 1px;
    }
    .nav-sidebar .level_1 {
        gap: 0;
        font-weight: bold;
    }
    .nav-sidebar .level_2 {
        gap: 0;
        font-weight: var(--font-weight-light);
    }
    .nav-sidebar .level_1 > li {
        sdisplay: none;
    }
    .nav-sidebar .level_1 > li.submenu.active {
        display: block;
        sflex-direction: column;
    }
    @media (max-width: 960px) {
        .nav-sidebar {
            padding-inline: var(--spacing-m);
            order: 1;
        }
    }
}