.accordion{width:100%;display:flex;flex-direction:column;gap:8px}
.item{border-radius:12px;overflow:hidden}
.item-header{padding:18px 20px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none}
.item-icon{font-size:18px;transition:transform .3s ease,color .3s ease;line-height:1}
.item.open .item-icon{transform:rotate(45deg)}
.item-body{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}
.item.open .item-body{max-height:240px;padding:0 20px 18px}