diff --git a/docs/index.html b/docs/index.html
index 69e6918..216e79e 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -283,6 +283,11 @@
       </tbody>
     </table>
 
+    <details>
+      <summary>Some summary/details can't hurt!</summary>
+      <p>Lorem ipsum dolor sit blah blah.</p>
+    </details>
+
     <h3 id="typography">Typography</h3>
     <p>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum hendrerit velit, quis
diff --git a/src/parts/_misc.css b/src/parts/_misc.css
index a705d13..1dd4fb9 100644
--- a/src/parts/_misc.css
+++ b/src/parts/_misc.css
@@ -88,6 +88,13 @@ summary {
   background-color: var(--background);
   padding: 10px;
   margin: -10px -10px 0;
+  cursor: pointer;
+  outline: none;
+}
+
+summary:hover,
+summary:focus {
+  text-decoration: underline;
 }
 
 details > :not(summary) {