Need HTML/CSS help with a new concept for inline footnotes

I’m trying to figure out a new concept for inline footnotes for a Webflow CMS using the detail and summary html tags in custom code elements. But now I’m kind of stuck. - Can any HTML/CSS expert tell me what I need to do to make the detail text in Example 2 extend to two lines so the summery (open/close) option stay in the same place like in Example 1?
https://inline-footnotes.webflow.io/


Here is my site Read-Only: https://preview.webflow.com/preview/inline-footnotes?utm_medium=preview_link&utm_source=designer&utm_content=inline-footnotes&preview=52c8e74ead962763159a104f6550955e&workflow=preview