Make .post-content an <article> instead of <div>

assets/css/bobastyle.css

@@ -634,6 +634,14 @@ hr {
   border: 1px solid var(--background-3);
 }
 
+@media (min-width: 720px) {
+  .full-width-hr {
+    /* see also: the related-posts section too */
+    margin-left: calc(-100vw / 2 + 760px / 2);
+    margin-right: calc(-100vw / 2 + 760px / 2);
+  }
+}
+
 table.markdown {
   border-collapse: collapse;
   border: 2px solid var(--text-1);

layouts/_default/single.html

@@ -28,9 +28,9 @@
         </div>
     {{ end }}
 
-    <div class="post-content">
+    <article class="post-content">
         {{ .Content }}
-    </div>
+    </article>
 
     {{ partial "series-box.html" . }}
 

layouts/shortcodes/full-width-hr.html

@@ -0,0 +1 @@
+<hr class="full-width-hr">