﻿.accordion-section h2 {
    cursor: pointer;
    position: relative;
    padding-right: 28px;
    user-select: none;
    transition: color .2s ease;
}

    .accordion-section h2:hover {
        color: #005b96;
    }

    .accordion-section h2::after {
        content: '\25BC'; 
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: transform .25s ease;
        font-size: .9em;
    }

.accordion-section.section--expanded h2::after {
    transform: rotate(180deg); 
}

.collapsible-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.accordion-section.section--expanded .collapsible-content {
    padding-top: 0.6rem;
}

.accordion-section h2:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0,123,255,0.15);
    border-radius: 4px;
}
