/* Shared FAQ accordion (home + content pages) — desktop-first */

.site-faq{padding-block: 150px;background: var(--color-bg-2);}
.site-faq .content-inner{text-align: center;margin-bottom: 80px;}

.faq-accordion{display: flex;flex-direction: column;gap: 20px;}
.faq-accordion__item{border: 1px solid var(--color-neutral-3);border-radius: 10px;background: var(--color-neutral-1);overflow: hidden;transition: border-color .2s;}
.faq-accordion__item.is-open{border: 2px solid var(--color-primary);}
.faq-accordion__trigger{display: flex;align-items: center;gap: 20px;width: 100%;padding: 16px 30px;text-align: left;cursor: pointer;}
.faq-accordion__q{flex-shrink: 0;font-weight: 600;font-size: 32px;color: var(--color-primary);}
.faq-accordion__trigger p{flex: 1;font-size: 24px;color: var(--color-neutral-7);font-weight: 500;}
.faq-accordion__icon{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;color: var(--color-neutral-9);transition: transform .2s;}
.faq-accordion__icon svg{display: block;}
.faq-accordion__item.is-open .faq-accordion__icon{transform: rotate(180deg);}
.faq-accordion__panel{display: none;padding: 0 100px 24px 74px;}
.faq-accordion__item.is-open .faq-accordion__panel{display: block;}
.faq-accordion__panel p{font-size: 20px;line-height: 1.6;color: var(--color-neutral-7);white-space: pre-wrap;}

@media all and (max-width:1440px) {
    .site-faq .content-inner{margin-bottom: 60px;}
    .faq-accordion__q{font-size: 26px;}
    .faq-accordion__trigger p{font-size: 20px;}
    .faq-accordion__panel p{font-size: 16px;}
}

@media all and (max-width:1024px) {
    .site-faq{padding-block: 100px;}
    .faq-accordion{gap: 12px;}
    .faq-accordion__trigger{padding: 15px 25px;}
    .faq-accordion__panel{padding: 0 75px 20px 65px;}
}

@media all and (max-width:767px) {
    .site-faq{padding-block: 60px;}
    .site-faq .content-inner{margin-bottom: 40px;}
    .faq-accordion{gap: 7px;}
    .faq-accordion__trigger{gap: 7px;padding: 12px;}
    .faq-accordion__q{font-size: 16px;}
    .faq-accordion__trigger p{font-size: 13px;}
    .faq-accordion__panel{padding: 0 35px 16px 30px;}
    .faq-accordion__panel p{font-size: 13px;}
    .faq-accordion__icon svg{width: 16px;height: 16px;}
}