.sp-hide {
    display: block;
    clear: both;
    box-sizing: border-box;
    margin: 12px 0;
    padding: 13px 16px;
    border: 1px solid;
    border-left-width: 4px;
    border-radius: 8px;
    color: inherit;
    line-height: 1.6;
    overflow-wrap: anywhere;
}
.sp-hide-heading { display: block; margin-bottom: 6px; font-size: 1em; }
.sp-hide-locked { border-color: rgba(230, 93, 93, .55); background: rgba(230, 93, 93, .07); }
.sp-hide-locked .sp-hide-heading { color: #e65d5d; }
.sp-hide-open { border-color: rgba(76, 185, 115, .55); background: rgba(76, 185, 115, .07); }
.sp-hide-open .sp-hide-heading { color: #4cb973; }
.sp-hide-explanation { font-size: .95em; }
.sp-hide-content { display: block; color: inherit; }
.sp-hide-content > :first-child { margin-top: 0; }
.sp-hide-content > :last-child { margin-bottom: 0; }