diff --git a/assets/css/main.css b/assets/css/main.css
index 349616b..14264d1 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -26,25 +26,26 @@
  * default fonts, non-dark-mode colors, etc.
  */
 
-html,
-.e-content {
+html {
 	/* Mobile screens benefit from greater line-spacing so links are
 	 * further apart. Dyslexic users prefer the spacing too.
 	 * <100dpi screens: sans-serif is better. Why did browsers settle
 	 * on serif being the default??*/
-	font: 110%/1.5 sans-serif;
+	font: 100%/1.5 sans-serif;
 
 	/* WCAG recommends a max line width. Not everyone can resize the
 	 * viewport. TODO: see if this should be reduced.
 	 * Aligning to the center with space on both sides prevents accidental
 	 * link activation on mobile devices.*/
 	margin: auto;
-	max-width: 48em;
+	max-width: 45em;
 	padding: 0 3%;
 }
 
 .e-content {
-	max-width: 40em;
+	max-width: 38em;
+	padding 0;
+	margin: auto;
 }
 
 /* narrow screens: reduce margin for blockquotes a lot, using
diff --git a/layouts/posts/single.html b/layouts/posts/single.html
index 4c17f90..9f39043 100644
--- a/layouts/posts/single.html
+++ b/layouts/posts/single.html
@@ -20,6 +20,7 @@
 				<span itemprop="wordCount">{{ .WordCount }}</span> words, a <span itemprop="timeRequired" content="PT{{ .ReadingTime }}M">{{ .ReadingTime }} minute</span> read
 			</small>
 		</header>
+		<hr>
 		<section class="e-content entry-content" itemprop="articleBody">
 			{{ partial "processed-content" . -}}
 		</section>