.expandable-list {
}

.expandable-list > ul.card-list {
  list-style: none;
  padding: 0;
}

.expandable-list > ul.card-list > li.card {
    border: 2px solid #666;
    margin-bottom: 1em;
}

.expandable-list > ul.card-list > li.card > .card-head {
    font-size: large;
    padding: 0.5em;

    cursor: pointer;
}

.expandable-list > ul.card-list > li.card > .card-body {
    display: none;
    overflow: hidden;

    height: 0;
    padding: 1em;
}

.expandable-list > ul.card-list > li.card > .card-body.active {
    display: block;
    border-top: 2px solid #606060;
    padding: 1em;
    height: fit-content;
}