#faq-page .page-title {margin-bottom: 0 !important;}

#faq-page #faq_p--container {
    border-radius: 1rem 1rem 0 0;
    transform: translateY(-1rem);
    z-index: 5;
}

#faq-page .faq_p-topic:last-child {padding-bottom: var(--pad_bottom);}

#faq-page .faq_p-topic-faq {margin-top: .5em;}

#faq-page .faq_p-topic,
#faq-page .faq_p-topic-faq {transition: opacity 500ms;}
#faq-page .faq_p-topic[data-status="inactive"],
#faq-page .faq_p-topic-faq.--inactive {opacity: .25;}

#faq-page .faq_p-question {width: 100%;}
#faq-page .faq_p-question p {margin-left: 1rem;}

#faq-page .faq_p-topic-title h3 {margin-top: .6em;}
#faq-page .faq_p-topic-faq[data-status="close"] .faq_p-answer {height: 0;}
#faq-page .faq_p-answer p {margin: .4em 0 .8em;}


@media only screen and (min-width: 1096px) {
    #faq-page #faq_p--container {
        border-radius: 0;
        transform: translateY(0);
    }

    #faq-page .faq_p-topic dd {width: calc(50% - 1rem);}

    #faq-page .faq_p-topic-faq {margin-top: .4em;}
    #faq-page .faq_p-topic-title h3 {margin-top: .425em;}
}

@media (hover: hover) {
    #faq-page .faq_p-topic[data-status="active"]:hover .faq_p-topic-faq[data-status="close"] {opacity: .25;}
    #faq-page .faq_p-topic[data-status="active"] .faq_p-topic-faq[data-status="close"]:hover {opacity: 1;}

    #faq-page .faq_p-topic[data-status="inactive"]:hover {opacity: 1;}
    #faq-page .faq_p-topic[data-status="inactive"]:hover .faq_p-topic-faq {opacity: .25;}
    #faq-page .faq_p-topic[data-status="inactive"] .faq_p-topic-faq:hover {opacity: 1;}
}