diff --git a/assets/sass/common.scss b/assets/sass/common.scss
index bff93ef..af307b1 100644
--- a/assets/sass/common.scss
+++ b/assets/sass/common.scss
@@ -16,16 +16,6 @@ a:hover {
   color: var(--text-800);
 }
 
-sup,
-sub {
-  color: var(--text-600);
-}
-
-sup:hover,
-sub:hover {
-  color: var(--text-800);
-}
-
 h1,
 h2,
 h3,
@@ -64,3 +54,11 @@ body {
     flex: 1;
   }
 }
+
+p {
+  margin: 1.5rem 0 1.5rem 0;
+}
+
+li:not(:last-child) {
+  margin-bottom: 0.5rem;
+}
diff --git a/assets/sass/hero.scss b/assets/sass/hero.scss
index badf17d..103fe83 100644
--- a/assets/sass/hero.scss
+++ b/assets/sass/hero.scss
@@ -1,7 +1,7 @@
 .hero {
   max-width: $width-content;
   margin: 0 auto;
-  padding: 2rem;
+  padding: 2rem 2rem 0 2rem;
 
   .title {
     margin: 0;
diff --git a/layouts/_shortcodes/sub.html b/layouts/_shortcodes/sub.html
new file mode 100644
index 0000000..fca3963
--- /dev/null
+++ b/layouts/_shortcodes/sub.html
@@ -0,0 +1,2 @@
+<sub>{{ .Get 0 | markdownify }}</sub>
+{{- /* chomp trailing newline */ -}}
diff --git a/layouts/_shortcodes/sup.html b/layouts/_shortcodes/sup.html
new file mode 100644
index 0000000..de06743
--- /dev/null
+++ b/layouts/_shortcodes/sup.html
@@ -0,0 +1,2 @@
+<sup>{{ .Get 0 | markdownify }}</sup>
+{{- /* chomp trailing newline */ -}}
diff --git a/layouts/partials/components/postnav/index.html b/layouts/partials/components/postnav/index.html
index 65bbe3a..b8baa58 100644
--- a/layouts/partials/components/postnav/index.html
+++ b/layouts/partials/components/postnav/index.html
@@ -1,5 +1,4 @@
-{{ $pages := .CurrentSection.Pages.ByDate }}
-
+{{ $pages := .CurrentSection.Pages.ByDate.Reverse }}
 
 <div class="postnav">
   {{ with $pages.Prev . }}