CSS for picture captions

src/content/blog/20230529-post.md

@@ -1,5 +1,9 @@
-# Abc
-## def
+# H1
+## H2
+### H3
+#### H4
+##### H5
+###### H6
 
 ```
 123
@@ -20,3 +24,4 @@ console.log(Object.keys({a:'a',b:'b'}))
 > Quotation
 
 ![Forest](https://dc09.ru/forest.jpg)
+123

src/pages/blog/[slug].astro

@@ -127,7 +127,8 @@ const image = (post.body.match(/(?:\s|^)!\[.*\]\((.*?)\)/) || [])[1];
         border-radius: var(--bdrs);
 
         font-size: 1rem;
-        font-family: "JetBrains Mono", "Fira Code", "Iosevka", "Source Code Pro",
+        font-family:
+            "JetBrains Mono", "Fira Code", "Iosevka", "Source Code Pro",
             "Liberation Mono", "Lucida Console", monospace;
     }
 
@@ -137,6 +138,14 @@ const image = (post.body.match(/(?:\s|^)!\[.*\]\((.*?)\)/) || [])[1];
         margin: auto;
     }
 
+    figcaption {
+        width: fit-content;
+        margin: auto;
+
+        font-size: 0.9rem;
+        color: var(--fg-sec);
+    }
+
     table {
         max-width: 90%;
         margin: auto;