.collapsible-heading {
    cursor: pointer;
    transition: bacground-color ease-in-out 1s;
}

.collapsible-heading::before {
    content: "+";
    margin-right: 0.5rem;
    width: 1.1em;
    display: inline-block;
    text-align: center;
    color: white;
    font-weight: bold;
    background-color: var(--dbr-red);
}

.collapsible-heading.expanded::before {
    content: "-";
}

.collapsible-content {
    margin-left: 0.5rem;
    transition: bacground-color ease-in-out 1s;
    padding-top: 1px;
    margin-top: -1px;
    padding-bottom: 1px;
    margin-bottom: -1px;
}

.collapsible-heading:hover,
.collapsible-content.tint {
    background-color: rgba(0, 0, 0, 0.025);
}

.collapse-expand-link {
    float: right;
    margin-top: -1rem;
}