.custom-navigation {
    display: block;
}

.custom-navigation__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--cnav-item-gap, 12px);
}

.custom-navigation__item {
    display: block;
}

.custom-navigation__link {
    display: inline-block;
    color: inherit;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.custom-navigation__link:hover {
    opacity: 0.7;
}

.custom-navigation__item--active .custom-navigation__link {
    text-decoration: underline;
    text-underline-offset: 6px;
}