@tuanphan thanks SO much for this excellent post!
I have a related question that's probably a very basic CSS tweak for the Accordion Block, but I'm not sure how to do it. I'd like to reduce the indentation/padding on right margin of the expanded "DESCRIPTION" text.
I notice "TITLE" text will flow to the same right and left margins as an ordinary block of text above/below the Accordion on a section, but the expanded DESCRIPTION is always highly indented along the right margin.
I'll attach an example of what I'm talking about, and any thoughts on a few lines of CSS to fix this would be warmly appreciated!
Here's a plain text block and short TITLE in the Accordion block, with the expanded DESCRIPTION text below.
Here's a long TITLE in the Accordion block with the expanded DESCRIPTION text below. The TITLE flows out fully to the far right margin (just like a normal text block in the example above), but the expanded DESCRIPTION is very indented on the right margin: