Respnsive FAQs accordion SASS only

There are several ways to achieve the same result, but I chose to build this accordion using the <details> and <summary> tags because they are a perfect semantic match. The best part was arranging the layout by experimenting with relative and absolute positioning, as well as working with the complex box structure. The component looks great and closely matches the original design. However, this solution also has its downsides.

The biggest challenge was figuring out how to keep the layout structured and prevent the accordion from overflowing into the footer or extending beyond the body. Unfortunately, I wasn’t able to achieve this completely. It still remains a mystery to me how to implement it perfectly using <details> and <summary>. Perhaps someone could share some insights on this.