/* FAQ accordion — adapted from privacy-management-group content-base.css.
   Scoped entirely under .faq-section so it never collides with the
   .wis-items grid or any other .item markup on the page. */
.faq-section { margin-bottom: 20px; }
.faq-section .item { border-bottom: 1px solid #d0d0d0; }
.faq-section .item:last-child { margin-bottom: 0; }
.faq-section .item > a {
    color: #3f3f3f;
    display: block;
    position: relative;
    cursor: pointer;
    text-decoration: none;
}
.faq-section .item > a .item-title-wrap { position: relative; }
.faq-section .item > a:hover .item-title-wrap { color: #2e4659; }
.faq-section .item > a .item-title {
    padding: 25px 30px 25px 0;
    font-size: 18px;
    font-weight: 500;
}
.faq-section .item > a .item-icon {
    position: absolute;
    transform: translateY(-50%);
    transition: transform 0.2s ease-out;
    top: 50%;
    right: 0px;
    font-size: 24px;
    color: #2e4659;
}
.faq-section .item.active a .item-icon { transform: translateY(-50%) rotate(45deg); }
.faq-section .item .item-desc {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
}
.faq-section .item.active .item-desc { max-height: 2000px; }
.faq-section .item .item-desc .content-wrap { padding: 0 5px 25px; }
