details {
    margin-bottom: $gutter-half;
    @include media(tablet) {
        margin-bottom: $gutter;
    }
}

.js-enabled {
    details.focused {
        outline: $focus-outline;
    }
    summary {
        &:focus {
            outline: none;
        }
    }
}

details {
    margin-bottom: $gutter-half;
    @include media(tablet) {
        margin-bottom: $gutter;
    }
    .panel {
        margin-bottom: 0;
    }
}

.js-enabled {
    details.focused {
        outline: $focus-outline;
    }
    summary {
        &:focus {
            outline: none;
        }
    }
}

Remove bottom margin from panels inside details/summary elements
Remove bottom margin from panels inside details/summary elements
