The native <details> element provides a semantic and accessible disclosure
widget without additional JavaScript. Browsers automatically handle focus, keyboard interactions,
and the expanded state.
Use this pattern when you want a quick, semantic, and universally supported solution for showing and hiding small sections of content such as FAQs or inline documentation.
This panel is controlled by a custom button using ARIA attributes. When the button is pressed,
JavaScript toggles the hidden attribute and updates aria-expanded.