/* ============================================================
   FAQ — Akkordeon
   ============================================================ */
.faq__list {
    display: grid;
    gap: var(--space-faq);
}
.faq__item {
    background: var(--color-card);
    border-radius: var(--radius-md);
    overflow: hidden;
}
.faq__question-wrap { margin: 0; font-size: inherit; font-weight: inherit; }
.faq__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 1.15rem 1.25rem;
    text-align: left;
    color: var(--color-white);
    font-weight: var(--fw-semibold);
    font-size: clamp(1rem, 1.8vw, 1.125rem);
    transition: color var(--transition-fast);
}
.faq__question:hover { color: var(--color-heading); }
.faq__question[aria-expanded="true"] { color: var(--color-heading); }

.faq__icon {
    position: relative;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}
.faq__icon::before, .faq__icon::after {
    content: "";
    position: absolute;
    background: var(--color-heading);
    border-radius: 2px;
    transition: transform var(--transition-fast);
}
.faq__icon::before { top: 9px; left: 0; width: 20px; height: 2px; }
.faq__icon::after { top: 0; left: 9px; width: 2px; height: 20px; }
.faq__question[aria-expanded="true"] .faq__icon::after { transform: scaleY(0); }

.faq__answer {
    padding: 0 1.25rem;
}
.faq__answer[hidden] { display: none; }
.faq__answer-inner {
    padding-block: 0 1.25rem;
    color: var(--color-text);
}
.faq__answer-inner p { margin-bottom: 0.75rem; }
.faq__answer-inner p:last-child { margin-bottom: 0; }