.list {

    &--neutral {
        list-style: none;
    }

    &__item {
        margin-bottom: $lineheight;

        &--separated:first-of-type {
            padding-top: $lineheight / 2;
            border-top: 1px solid $iron-dark;
        }
        
        &--separated {
            padding-bottom: $lineheight / 2;
            margin-bottom: $lineheight / 2;
            border-bottom: 1px solid $iron-dark;
        }

        &--expandable {
            &:hover {
                cursor: pointer;
                font-weight: 600;
            }

            & .expandable-item-contents {
                display: none;
            }
        }
        
        &--expandable.active {
            position: relative;
            margin-bottom: $lineheight * 2;
            margin-top: $lineheight * 2;

            &:before {
                position: absolute;
                background-color: $iron;
                border: 4px solid $grey-chateau;
                content: "";
                height: calc(100% + #{$lineheight*2});
                width: calc(100% + #{$gutter*2});
                top: -$lineheight;
                left: -$gutter;
            }

            &:hover {
                cursor: default;
                font-weight: 300;
            }

            & .expandable-item-contents {
                display: block;
            }
        }
    }
}
.list {

    &--neutral {
        list-style: none;
    }

    &__item {
        margin-bottom: $lineheight;

        &--separated:first-of-type {
            padding-top: $lineheight / 2;
            border-top: 1px solid $iron-dark;
        }
        
        &--separated {
            padding-bottom: $lineheight / 2;
            margin-bottom: $lineheight / 2;
            border-bottom: 1px solid $iron-dark;
        }

        &--expandable {
            &:hover {
                cursor: pointer;
                font-weight: 400;
            }

            & .expandable-item-contents {
                display: none;
            }
        }
        
        &--expandable.active {
            position: relative;
            margin-bottom: $lineheight * 2;
            margin-top: $lineheight * 2;

            &:before {
                position: absolute;
                background-color: $iron;
                border: 4px solid $grey-chateau;
                content: "";
                height: calc(100% + #{$lineheight*2});
                width: calc(100% + #{$gutter*2});
                top: -$lineheight;
                left: -$gutter;
            }

            &:hover {
                cursor: default;
                font-weight: 300;
            }

            & .expandable-item-contents {
                display: block;
            }
        }
    }
}
Reduce font weight on expandable list item hover
Reduce font weight on expandable list item hover
