.accordion{display:grid;gap:var(--space-3)}.accordion__item{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--dur-200)}.accordion__item.is-open{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:transparent;text-align:left;font-family:var(--font-display);font-size:var(--fs-18);font-weight:var(--fw-medium);color:var(--color-ink);cursor:pointer}.accordion__icon{width:36px;height:36px;border-radius:50%;background:var(--color-primary-50);color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--dur-200),transform var(--dur-200)}.accordion__item.is-open .accordion__icon{background:var(--color-primary);color:var(--color-white);transform:rotate(45deg)}.accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-300) var(--ease-out)}.accordion__panel-inner{overflow:hidden}.accordion__item.is-open .accordion__panel{grid-template-rows:1fr}.accordion__content{padding:0 var(--space-6) var(--space-6);color:var(--color-text-muted);line-height:var(--lh-relaxed)}
