.faq-page .faq-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 80px;
}

.faq-page .faq-sidebar {
    position: sticky;
    top: 120px;
    align-self: start;
}

.faq-page .faq-sidebar ul {
    list-style: none;
    margin: 1.5rem 0 0;
    padding: 0;
}

.faq-page .faq-sidebar li + li {
    margin-top: 12px;
}

.faq-page .faq-sidebar a {
    color: inherit;
    text-decoration: none;
}

.faq-page .faq-sidebar a:hover {
    text-decoration: underline;
}

.faq-page .faq-content {
    max-width: 900px;
}

.faq-page .faq-group + .faq-group {
    margin-top: 70px;
}

.faq-page .faq-group h2 {
    font-size: 2rem;
}

.faq-page details {
    border-top: 1px solid rgba(31, 31, 31, 0.18);
}

.faq-page details:last-child {
    border-bottom: 1px solid rgba(31, 31, 31, 0.18);
}

.faq-page summary {
    cursor: pointer;
    list-style: none;
    position: relative;
    padding: 1.5rem 3rem 1.5rem 0;
    font-weight: 700;
    font-size: 1.25rem;
}

.faq-page summary::-webkit-details-marker {
    display: none;
}

.faq-page summary::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 1.5rem;
    font-weight: 400;
}

.faq-page details[open] summary::after {
    content: "-";
}

.faq-page details p,
.faq-page details ul {
    margin: 0;
    padding-bottom: 1.5rem;
}

.faq-page details ul {
    padding-left: 20px;
}

.faq-page details li + li {
    margin-top: .5rem;
}

.faq-page a {
    color: inherit;
}

@media screen and (max-width: 1023px) {
    .faq-page .faq-layout {
        display: block;
    }

    .faq-page .faq-content {
        max-width: none;
    }

    .faq-page .faq-group + .faq-group {
        margin-top: 50px;
    }

    .faq-page summary {
        padding-right: 2.25rem;
    }
}