diff --git a/_assets/styles/_custom.scss b/_assets/styles/_custom.scss
index 7eb01a886..8a086d7d2 100644
--- a/_assets/styles/_custom.scss
+++ b/_assets/styles/_custom.scss
@@ -9,7 +9,7 @@ main > .container {
   max-width: 48ch;
   min-height: 100%;
   padding: 0 16px 104px;
-  padding-top: 74px;
+  padding-top: $navbar-height;
 }
 
 .navbar-brand svg {
diff --git a/_assets/styles/_home.scss b/_assets/styles/_home.scss
index e8d406f2e..492b2ee26 100644
--- a/_assets/styles/_home.scss
+++ b/_assets/styles/_home.scss
@@ -17,7 +17,7 @@
   --parchment: #{$body-bg};
   --primary-tint: #{tint-color($primary, 30%)};
   --primary-deep: #{shade-color($primary, 25%)};
-  --nav-h: 74px;
+  --nav-h: #{$navbar-height};
   --sans: #{$font-family-sans-serif};
   --mono: #{$font-family-monospace};
   --wrap: 1200px;
@@ -529,7 +529,7 @@
 
 /* --- Latest ---------------------------------------------------------- */
 
-.home .post {
+.home .latest {
   display: grid;
   grid-template-columns: minmax(0, 10rem) minmax(0, 1fr);
   gap: 0.375rem 1.5rem;
@@ -538,18 +538,18 @@
   border-bottom: 1px solid rgb(167 151 139 / 55%);
 }
 
-.home .post:hover .post-title {
+.home .latest:hover .latest-title {
   text-decoration: underline;
 }
 
-.home .post-meta {
+.home .latest-meta {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
   align-items: baseline;
 }
 
-.home .post-cat {
+.home .latest-cat {
   padding: 0.0625rem 0.4375rem;
   font-family: var(--mono);
   font-size: 0.6875rem;
@@ -559,17 +559,17 @@
   background-color: var(--tertiary);
 }
 
-.home .post-date {
+.home .latest-date {
   font-family: var(--mono);
   font-size: 0.75rem;
   color: #6b6259;
 }
 
-// Both are spans, kept for the grid's sake (see `.post`), but not blockified
-// by it: only `.post-body`, the direct grid item, is. Left as spans they run
+// Both are spans, kept for the grid's sake (see `.latest`), but not blockified
+// by it: only `.latest-body`, the direct grid item, is. Left as spans they run
 // on as one paragraph, title-text-then-excerpt, and `margin-top` below does
 // nothing — inline boxes do not take vertical margin.
-.home .post-title {
+.home .latest-title {
   display: block;
   font-size: 1.25rem;
   font-weight: 700;
@@ -577,7 +577,7 @@
   color: var(--primary-deep);
 }
 
-.home .post-excerpt {
+.home .latest-excerpt {
   display: block;
   max-width: 62ch;
   margin-top: 0.5rem;
@@ -657,7 +657,7 @@
     opacity: 0.2;
   }
 
-  .post {
+  .latest {
     grid-template-columns: minmax(0, 1fr);
   }
 
diff --git a/_assets/styles/_nav.scss b/_assets/styles/_nav.scss
index a124cc69f..65e63c572 100644
--- a/_assets/styles/_nav.scss
+++ b/_assets/styles/_nav.scss
@@ -1,7 +1,3 @@
-// The fixed navbar's height: the brand mark plus the padding around it.
-// _custom.scss offsets the page by the same number.
-$navbar-height: 74px;
-
 .navbar-toggler svg {
   height: 24px;
 }
diff --git a/_assets/styles/_sublime-theme.scss b/_assets/styles/_sublime-theme.scss
index 00082f42a..136bcde2b 100644
--- a/_assets/styles/_sublime-theme.scss
+++ b/_assets/styles/_sublime-theme.scss
@@ -15,6 +15,10 @@ $body-color: #1d1916;
 // our warm ink and it reads as a mistake. Our dark is the ink.
 $dark: $body-color;
 $body-bg: #e7e7d6;
+
+// The fixed navbar's height: the brand mark plus the padding around it. The
+// page offsets itself by this, and the navbar's own links fill it.
+$navbar-height: 74px;
 $pagination-border-width: 2px;
 $pagination-border-color: $tertiary;
 $pagination-active-bg: $tertiary;
diff --git a/collections/_pages/home.html b/collections/_pages/home.html
index 2c79d709c..f8c0cfee5 100644
--- a/collections/_pages/home.html
+++ b/collections/_pages/home.html
@@ -192,18 +192,18 @@ <h2 class="section-title" id="latest-title">Latest</h2>
 
       {%- assign latest = collections.posts | first -%}
       {%- if latest %}
-        <a class="post" href="{{ latest.url }}">
-          <span class="post-meta">
-            <span class="post-cat">{{ latest.data.category }}</span>
-            <span class="post-date">
+        <a class="latest" href="{{ latest.url }}">
+          <span class="latest-meta">
+            <span class="latest-cat">{{ latest.data.category }}</span>
+            <span class="latest-date">
               <time datetime="{{ latest.date | date: '%Y-%m-%d' }}">
                 {{- latest.date | date_to_string -}}
               </time>
             </span>
           </span>
-          <span class="post-body">
-            <span class="post-title">{{ latest.data.title }}</span>
-            <span class="post-excerpt">
+          <span class="latest-body">
+            <span class="latest-title">{{ latest.data.title }}</span>
+            <span class="latest-excerpt">
               {%- if latest.data.excerpt -%}
                 {{- latest.data.excerpt -}}
               {%- else -%}