summary element styling needs to be scoped to details element

The current display style applied to the summary element results in unwanted list-item styling for instances where the summary element is not used properly.  

```
summary {
  display: list-item;
}
```

This should rather be something like `details > summary:first-of-type` - which matches how modern browsers are treating the element.