.faq-accordion{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.faq-accordion .faq-item{background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);overflow:hidden}:is(.faq-accordion .faq-item):has(.faq-question:hover){border-color:var(--color-border-strong)}.is-open:is(.faq-accordion .faq-item){border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.is-open:is(.faq-accordion .faq-item) .faq-icon{background:var(--color-primary);color:var(--color-text-inverse);rotate:180deg}.is-open:is(.faq-accordion .faq-item) .faq-answer{grid-template-rows:1fr}.faq-accordion .faq-item__heading{font-size:inherit;font-weight:inherit}.faq-accordion .faq-question{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5) var(--space-6);font-family:var(--font-family-heading);font-size:var(--fs-body);font-weight:var(--fw-bold);line-height:var(--lh-snug);text-align:left;color:var(--color-text-main);transition:color var(--transition-fast);background:0 0;border:none;display:flex}:is(.faq-accordion .faq-question):hover{color:var(--color-primary-ink)}.faq-accordion .faq-icon{border-radius:var(--radius-xs);background:var(--color-primary-soft);width:28px;height:28px;color:var(--color-primary-ink);transition:rotate var(--transition-base), background-color var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;display:flex}.faq-accordion .faq-answer{transition:grid-template-rows var(--transition-slow);grid-template-rows:0fr;display:grid}.faq-accordion .faq-answer__clip{overflow:hidden}.faq-accordion .faq-answer__text{padding:0 var(--space-6) var(--space-5);font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--color-text-muted)}
