.funzionalita-page .funzionalita-nav {
    position: sticky;
    top: 1.5rem;
    max-height: calc(100vh - 3rem);
    overflow-y: auto;
    border: 1px solid #e7ebf0;
    border-radius: 1rem;
    background: #fff;
    padding: 1.25rem;
    scrollbar-width: thin;
    scrollbar-color: #9bbdcd #f3f7f9;
}

.funzionalita-page .funzionalita-nav::-webkit-scrollbar {
    width: 8px;
}

.funzionalita-page .funzionalita-nav::-webkit-scrollbar-track {
    border-radius: 1rem;
    background: #f3f7f9;
}

.funzionalita-page .funzionalita-nav::-webkit-scrollbar-thumb {
    border: 2px solid #f3f7f9;
    border-radius: 1rem;
    background: #9bbdcd;
}

.funzionalita-page .funzionalita-nav::-webkit-scrollbar-thumb:hover {
    background: var(--bs-primary);
}

.funzionalita-page .funzionalita-nav a {
    display: block;
    margin-top: .35rem;
    padding: .7rem .85rem;
    border-radius: .6rem;
    color: #344054;
    text-decoration: none;
}

.funzionalita-page .funzionalita-nav a:hover,
.funzionalita-page .funzionalita-nav a:focus-visible {
    background: #edf4ff;
    color: #1554a3;
    font-weight: 700;
}

.funzionalita-page .funzionalita-nav a[aria-current="page"] {
    background: var(--bs-primary-bg-subtle);
    color: var(--bs-primary);
    font-weight: 700;
    box-shadow: inset 3px 0 0 var(--bs-primary);
}

.funzionalita-page .funzionalita-content {
    border: 1px solid #e7ebf0;
    border-radius: 1rem;
    background: #fff;
    padding: clamp(1.25rem, 3vw, 2.5rem);
}

@media (max-width: 991px) {
    .funzionalita-page .funzionalita-nav {
        position: static;
        max-height: 18rem;
    }
}