.nav-links {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 5rem;
    left: 1rem;
    color: rgb(var(--mw-txt-color-grey));
    background: rgb(var(--mw-bg-color-grey));
    width: fit-content;
    text-align: left;
    border-radius: 5px;
}

.nav-links a, .nav-menu-sub-pages a {
    text-decoration: none;
    color: inherit;
}

.nav-menu-sub-pages {
    padding-left: 3rem;
}

.nav-menu-sub-pages a {
    display: block;
}

.nav-menu-current-sub-page {
    color: rgb(var(--mw-txt-color-gold));
    font-weight: bold;
}

.nav-menu-current-sub-page, .nav-links a {
    padding: 0.8rem 1rem;
    border-bottom: 1px solid #555;
}

@media (max-width: 50rem) {
    .nav-links {
        display: none;
     }

     .nav-links a:last-child {
         border-bottom: none; /* Remove border for last item */
     }

     .nav-links.active {
         display: flex;
     }
}
@media (min-width: 50rem) {
    .nav-menu {
        display: block;
        position: fixed;
        top: 17vh;
        left: calc(7vw - 3rem);
    }
    .nav-links {
        color: rgb(var(--mw-txt-color-grey));
        background: unset;
        border-radius: unset;
    }
    .nav-menu-current-sub-page, .nav-links a {
        border-bottom: none;
        padding: 0.8rem 0.6rem;
        font-size: 1.3rem;
    }
}