.faq-item {
    display: grid;
    border-top: 1px solid #ffffff77;
    padding: 0;
    position: relative;
    margin: 0;
}
.faq-item.clickable {
    cursor: pointer;
}
.faq-item.clickable:hover {
    background: rgba(255,255,255,0.1);
}
.faq-item::after {
    content: "+";
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 50px;
    line-height: 0.56;
    transition: transform .3s;
}
.faq-item[open]::after {
    transform: rotate(45deg);
}
.faq-item:last-child {
    border-bottom: 1px solid #ffffff77;
}
.faq-item summary,
.faq-item .__content {
    padding: 20px 0;
    margin: 0;
}
.faq-item summary {
    padding-right: 60px;
    list-style: none;
}
.faq-item .__content {
    padding-top: 0;
}
details.faq-item summary::-webkit-details-marker,
details.faq-item summary::marker {
    display: none;
    content: "";
}
.faq-item summary h3 {
    font-size: var(--section-subtitle-font-size);
    font-weight: 300;
    margin: 0;
}
.faq-item p:last-child {
    margin-bottom: 0;
}

@media (min-width: 960px) {
    .faq-item {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 80px;
        padding: 0 80px 0 0;
    }
    .faq-item summary,
    .faq-item .__content {
        padding: 20px 0;
        margin: 0;
    }
    .faq-item summary {
        padding: 20px 0;
        padding-left: 20px;
    }
}