.accordion-item { border: 1px solid var(--border); border-radius: 12px; margin-bottom: 12px; overflow: hidden; background: rgba(255,255,255,0.05); }
.accordion-header { padding: 20px 24px; font-weight: 700; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: rgba(255,255,255,0.05); transition: background 0.2s; color: var(--text); text-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.accordion-header:active { background: rgba(255,255,255,0.1); }
.accordion-body { display: none; padding: 24px; border-top: 1px solid var(--border); }
.accordion-item.open .accordion-body { display: block; }
.accordion-item.open .arrow { transform: rotate(180deg); }
.arrow { transition: transform 0.3s; font-size: 0.8rem; opacity: 0.5; color:var(--text); }