Use marked for markdown parsing

web-app/template-styles/blog-styles.css

@@ -1,8 +1,3 @@
-ul,
-ol {
-  list-style: inside;
-}
-
 .container {
   margin-inline: auto;
   inline-size: min(100% - var(--space-m), 75ch);
@@ -21,10 +16,6 @@ footer {
   padding-block: var(--space-s);
 }
 
-section:has(> h2) + section:has(> h2) {
-  margin-block-start: var(--space-l);
-}
-
 .articles ul {
   display: grid;
   list-style: none;

web-app/template-styles/common-styles.css

@@ -108,6 +108,10 @@ section {
   gap: var(--space-s);
 }
 
+section:has(> h2) + section:has(> h2) {
+  margin-block-start: var(--space-l);
+}
+
 a {
   color: var(--color-accent);
 }
@@ -173,3 +177,35 @@ code {
   border: var(--border-primary);
   padding-inline: var(--space-3xs);
 }
+
+:is(ul, ol):not(.unpadded) {
+  padding-inline-start: var(--space-s);
+}
+
+.unpadded {
+  list-style: none;
+}
+
+hr {
+  block-size: 0.125rem;
+  background-color: var(--bg-tertiary);
+  border: none;
+}
+
+.scroll-container {
+  overflow-x: auto;
+}
+
+table {
+  border-collapse: collapse;
+  inline-size: 100%;
+  border: var(--border-primary);
+}
+
+th,
+td {
+  text-align: start;
+  padding-inline: var(--space-2xs);
+  padding-block: var(--space-3xs);
+  border: var(--border-primary);
+}