diff --git a/assets/style-refractored.scss b/assets/style-refractored.scss
index 6848231..4b6236c 100644
--- a/assets/style-refractored.scss
+++ b/assets/style-refractored.scss
@@ -60,6 +60,14 @@ body{
     }
 
     overflow-wrap: break-word;
+
+    summary {
+        margin-bottom: 4px;
+    }
+
+    details {
+        margin-bottom: 16px;
+    }
 }
 
 .page{
diff --git a/layouts/shortcodes/details.html b/layouts/shortcodes/details.html
new file mode 100644
index 0000000..62e1dcb
--- /dev/null
+++ b/layouts/shortcodes/details.html
@@ -0,0 +1,4 @@
+<details>
+  <summary>{{ (.Get 0) | markdownify }}</summary>
+  {{ .Inner | markdownify }}
+</details>