website: Adjust spacing and headings styles

website/src/tailwind.css

@@ -54,6 +54,10 @@
   border: none;
 }
 
+:root .expressive-code {
+  padding: 0.8rem 0;
+}
+
 :root .expressive-code .frame {
   --ec-frm-frameBoxShdCssVal: none;
   --code-background: theme('colors.gray.800');
@@ -105,6 +109,28 @@
   box-shadow: var(--sl-shadow-sm);
 }
 
+:root :not(li, a, strong, em, del, span, input, code) + :not(li, a, strong, em, del, span, input, code, :where(.not-content *)) {
+  margin-top: 1.3rem;
+}
+
+:root .sl-markdown-content :not(li, a, strong, em, del, span, input, code) + :where(h2, h3, h4, h5):not(:where(.not-content *)) {
+  margin-top: 1.2em;
+  margin-bottom: 0.2em;
+}
+
+:root .sl-markdown-content :where(h2, h3, h4, h5):not(:where(.not-content *)) > code:only-child {
+  border: none;
+}
+
+:root .sl-markdown-content ul:not(:where(.not-content *)) {
+  padding-left: 1.4ch;
+}
+
+:root .sl-markdown-content ul:not(:where(.not-content *)) li::marker {
+  content: '- ';
+  color: var(--sl-color-gray-3);
+}
+
 :root .sl-markdown-content video:not(:where(.not-content *)) {
   border: 1px solid var(--sl-color-bg-inline-code-brd);
   border-radius: 7px;