Обёртка div внутри details больше не нужна: ::details-content — это сам слот с содержимым. Отступы, фон и рамку можно задать прямо на нём. Summary не трогается.

Раскрытие на чистом CSS: block-size от 0 до auto, content-visibility с hidden на visible, allow-discrete в придачу. Скрипт не нужен. Но auto поедет только с interpolate-size, а это Chromium: в Firefox и Safari прыгает.

Chrome/Edge 131, Firefox 143, Safari 18.4, Baseline newly.

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::details-content