diff --git a/layouts/shortcodes/h3.html b/layouts/shortcodes/h3.html
new file mode 100644
index 0000000000000..d6fee7609321f
--- /dev/null
+++ b/layouts/shortcodes/h3.html
@@ -0,0 +1,5 @@
+{{ $anchorized := anchorize .Inner }}
+
+<h3 id="{{ $anchorized }}">
+  {{ .Inner }}
+</h3>
\ No newline at end of file
diff --git a/src/styles/pages/_global.scss b/src/styles/pages/_global.scss
index 95284882df1ee..6b9e07543636a 100644
--- a/src/styles/pages/_global.scss
+++ b/src/styles/pages/_global.scss
@@ -179,6 +179,20 @@ code + code.region-param {
     border-bottom-left-radius: 0;
 }
 
+details {
+    margin-bottom: 1.5rem;
+
+    summary {
+        h3 {
+            display: inline-block;
+        }
+
+        &:focus {
+            outline: none;
+        }
+    }
+}
+
 .programming-lang-wrapper {
     .code-snippet-wrapper {
         display: none;