✨ Стилизованный через ::details-content
Подробнее

Контент, который стилизован псевдоэлементом ::details-content. Он отделён от заголовка <summary>, поэтому можно независимо задавать фон, отступы и анимацию появления.

В неподдерживающих браузерах будет показано базовое содержимое без анимации.

🔘 Обычный <details> (без стилей)
Подробнее

Это обычный <details> без применения ::details-content. Можно сравнить, как выглядит стандартный браузерный вариант и стилизованный.

Обратите внимание на отсутствие анимации, отступов и фона у раскрывающейся части.