I was trying to apply a display:grid on a details element for a project, but it fails. After some search, it's seems to be impossible to change the display style of this element. Only solution is to simulate this element with new custom element and some javascript. Here is the result.
Here is the CSS part
custom-details > custom-summary {
cursor: pointer;
display: list-item;
list-style-position: inside;
list-style-type: disclosure-closed;