/* Clickable section headers */
.modtype_labelcollapsed .lc_section {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Optional: adjust number badge in title */
.modtype_labelcollapsed .lc_section span {
    font-weight: normal;
}

/* Base arrow icon — medium gray */
.modtype_labelcollapsed .lc_section::after {
    font-family: "FontAwesome";
    font-weight: 400;
    font: var(--fa-font-solid);
    font-size: 25px;
    color: #808080;
    content: "\f0a9";
    transition: transform 0.3s ease, color 0.3s ease;
}

/* Arrow icon: rotate and change to dark gray when expanded */
.modtype_labelcollapsed .lc_section.show::after {
    transform: rotateZ(90deg);
    color: #333333;
}

/* Reveal animation for collapsible content (scoped!) */
.modtype_labelcollapsed .collapse {
    overflow: hidden;
    transition: max-height 0.35s ease;
    max-height: 0;
    display: block !important;
}

.modtype_labelcollapsed .collapse.show {
    max-height: 500px;
}