diff --git a/stacks/news-digest/templates/archive.html.j2 b/stacks/news-digest/templates/archive.html.j2
index 26c5353..c57fd03 100644
--- a/stacks/news-digest/templates/archive.html.j2
+++ b/stacks/news-digest/templates/archive.html.j2
@@ -10,10 +10,10 @@
 <body>
   <header class="masthead" role="banner">
     <div class="masthead-inner">
-      <div class="masthead-brand">
+      <a class="masthead-brand" href="index.html" title="Latest edition">
         <span class="brand-glyph" aria-hidden="true">◢</span>
         <span class="brand-mark">DAILY DIGEST</span>
-      </div>
+      </a>
       <div class="masthead-edition">
         <span class="edition-stamp">ARCHIVE</span>
         <a class="archive-link" href="index.html">← LATEST</a>
diff --git a/stacks/news-digest/templates/digest.html.j2 b/stacks/news-digest/templates/digest.html.j2
index a7812f4..c542a21 100644
--- a/stacks/news-digest/templates/digest.html.j2
+++ b/stacks/news-digest/templates/digest.html.j2
@@ -11,10 +11,10 @@
   {# ────── header ────── #}
   <header class="masthead" role="banner">
     <div class="masthead-inner">
-      <div class="masthead-brand">
+      <a class="masthead-brand" href="index.html" title="Latest edition">
         <span class="brand-glyph" aria-hidden="true">◢</span>
         <span class="brand-mark">DAILY DIGEST</span>
-      </div>
+      </a>
       <div class="masthead-edition">
         <span class="edition-num">№ {{ generated_at.strftime("%j") }}</span>
         <span class="edition-stamp">{{ edition|upper }} EDITION</span>
diff --git a/stacks/news-digest/templates/style.css b/stacks/news-digest/templates/style.css
index 4cf47c2..14d1745 100644
--- a/stacks/news-digest/templates/style.css
+++ b/stacks/news-digest/templates/style.css
@@ -108,6 +108,20 @@ a:hover { color: var(--accent); }
   align-items: baseline;
   gap: 10px;
   font-family: var(--font-mono);
+  /* Brand wraps an <a href="index.html"> so the hero is clickable to
+     the latest edition from any archived page. Strip default link
+     styling so the visual is unchanged. */
+  color: inherit;
+  text-decoration: none;
+  transition: opacity 0.15s ease;
+}
+.masthead-brand:hover {
+  opacity: 0.85;
+}
+.masthead-brand:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 4px;
+  border-radius: 2px;
 }
 .brand-glyph {
   font-size: 32px;
