Switch back to using a <hr>

The thematic break is appropriate here and having it announced by screen
readers actually helps.

assets/css/main.css

@@ -180,14 +180,6 @@ section[role="doc-endnotes"] {
 	content-visibility: auto;
 }
 
-/* same as above */
-article header {
-	border-bottom: 1px solid;
-
-	/* padding ensures the border can't be mistaken for an underline */
-	padding-bottom: 1em;
-}
-
 /* Some browser focus indicators are inaccessible; override them with
  * something more visible. See WCAG 2.x SC 2.4.12. I also tried to
  * match browser behavior; mainstream browsers use :focus-visible

layouts/_default/single.html

@@ -18,6 +18,7 @@
 			<small>
 				<span itemprop="wordCount">{{ .WordCount }}</span> words, a <span itemprop="timeRequired" content="PT{{ .ReadingTime }}M">{{ .ReadingTime }} minute</span> read
 			</small>
+			<hr>
 		</header>
 		<section class="e-content entry-content" itemprop="articleBody">
 			{{ partial "processed-content" . -}}

layouts/posts/single.html

@@ -18,6 +18,7 @@
 			<small>
 				<span itemprop="wordCount">{{ .WordCount }}</span> words, a <span itemprop="timeRequired" content="PT{{ .ReadingTime }}M">{{ .ReadingTime }} minute</span> read
 			</small>
+			<hr>
 		</header>
 		<div class="e-content entry-content" itemprop="articleBody">
 			{{ partial "processed-content" . -}}