/* FAQ accordion built on <details>/<summary> (works without JavaScript) */

.accordion { border-top: 1px solid var(--color-border); }
.accordion__item { border-bottom: 1px solid var(--color-border); }

.accordion__question {
    position: relative;
    display: block;
    min-height: 44px;
    padding: var(--space-4) 2.5rem var(--space-4) 0;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}
.accordion__question::-webkit-details-marker { display: none; }
.accordion__question::after {
    content: "+";
    position: absolute;
    right: var(--space-2);
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--color-text-muted);
}
.accordion__item[open] > .accordion__question::after { content: "\2212"; }
.accordion__question:hover { color: var(--color-primary); }

.accordion__answer {
    padding-bottom: var(--space-4);
    max-width: 62ch;
    color: var(--color-text-muted);
}