ul.accordion {
    list-style: none;
    padding: 0px;
    margin-bottom: 2em;
}

    ul.accordion > li {
        display: grid;
        grid-template-columns: 1fr 30px;
        justify-content: space-between;
        border-bottom: 2px solid;
        border-color: #72c8f2;
        margin-bottom: 1em;
    }


.accordionbutton {
    background-color: #fff;
    cursor: pointer;
    transition: 400ms;
    border-radius: 3px;
    padding-right: 3px;
    padding-left: 3px;
}

.summary {    
    font-size: 20px;
    font-weight: bold;
    padding: 3px;
    border-radius: 3px;
}

.slidepanel {
    margin-top: .25em;
    max-height: 0;
    overflow: hidden;
    transition: max-height 200ms ease-out;
}

.expandindicator {
    align-self: center;
    justify-self: center;
    font-size: 30px;
    font-weight: 900;
}

.highlight-grey,
.accordionbutton:hover .summary {
    background-color: #ccc;
}