body {
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
}
.tags {
    margin-bottom: 10px;
    line-height: 1.7;
}
.tag {
    padding: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 12pt;
    background-color: #ebf2f9;
    color: #444;
    cursor: pointer;
    border-radius: 5px;
    outline: none;
    transition: 0.4s;
    float: left;
}
.accordion {
    background-color: #ebf2f9;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    border-radius: 5px;
    text-align: left;
    outline: none;
    font-size: 14pt;
    transition: 0.4s;
    margin-bottom: 8px;
}
.accleft {
    float: left;
    width: 60%;
}
.accright {
    float: right;
    width: 40%;
    text-align: right;
}
.tdexpand {
    width: 25px;
    vertical-align: top;
    font-size: 12pt;
    padding-top: 2px;
}
.active, .accordion:hover, .tag:hover {
    background-color: #D0E0F0; 
}
.panel {
    padding-left: 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}
.etitle {
    font-weight: bold;
}
.elabel {
    font-weight: bold;
}
.panelbody {
    font-size: calc(12px + .5vw);
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}
.nowrap {
    white-space: nowrap;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}