refactor(style): minor appearance modifications

assets/style/article.css

@@ -4,12 +4,16 @@ article {
   max-width: min(700px, 90vw);
   align-self: center;
   flex-direction: column;
+  margin-bottom: 30px;
 }
 
 article > blockquote {
   align-self: center;
 }
 
+article > p {
+  padding: 0;
+  margin-top: 0;
 }
 
 .article-name {
@@ -121,4 +125,4 @@ article > blockquote {
 
 .article-frontmatter-tags > ul > li:not(:last-child)::after {
   content: " ⦁";
-}
+}

assets/style/style.css

@@ -195,8 +195,10 @@ h3,
 h4,
 h5,
 h6 {
-  line-height: 0;
+  line-height: 1.2;
   font-family: sans-serif;
+  margin-top: 20px;
+  margin-bottom: 5px;
 }
 
 a:link {
@@ -252,10 +254,13 @@ code {
   border-radius: 6px;
   padding: 2px;
   font-family: monospace;
+  background-color: var(--sumiInk3);
+}
+
+pre > code {
+  background-color: unset;
 }
 
-p > code {
-  background-color: var(--sumiInk3);
 ul {
   margin: 0;
 }
@@ -294,4 +299,4 @@ hr {
   align-self: center;
   border: none;
   border-top: thin solid;
-}
+}