.accordion{display:flex;flex-direction:column;gap:var(--space-3)}.accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden}.accordion-item:hover{border-color:var(--color-border-hover)}.accordion-item--open{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);text-align:left;background:transparent;cursor:pointer;transition:background-color var(--transition-fast)}.accordion-header:hover{background-color:var(--color-surface-hover)}.accordion-header:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.accordion-question{flex:1;font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);line-height:var(--leading-normal);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.accordion-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);background-color:var(--color-secondary-light);color:var(--color-primary);border-radius:var(--radius-full)}.accordion-icon{flex-shrink:0;color:var(--color-text-secondary);transition:transform var(--transition-normal),color var(--transition-fast)}.accordion-icon--open{transform:rotate(180deg);color:var(--color-primary)}.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.accordion-content--open{max-height:1000px}.accordion-answer{padding:0 var(--space-4) var(--space-4) var(--space-4);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}@media(max-width:767px){.accordion-header{padding:var(--space-3)}.accordion-question{font-size:var(--text-sm)}.accordion-answer{padding:0 var(--space-3) var(--space-3) var(--space-3);font-size:var(--text-sm)}.accordion-icon{width:18px;height:18px}}@media(hover:none)and (pointer:coarse){.accordion-header{min-height:48px}}