Newbie here... how can I "pin center" an accordian in its container? thanks!

Give the .list-container a max-width, let the display be 'block' and then set the margin left and right to 'auto'.

You can see how it is done in my component library here: https://mock-up.coffeecup.com Choose your framework and look in the section that says 'Layout'.