Nav: a single Blog link instead of one per breakpoint

The nav carried two Blog anchors — one in .nav-links for desktop and a
.nav-cta-link duplicate for mobile — relying on CSS to hide whichever
didn't apply. styles.css is served with max-age=14400 and no version
query, so a browser holding the previous stylesheet against the new HTML
rendered both at once.

Keep one anchor, tagged .nav-blog, and collapse its siblings rather than
the whole container under 940px. Blog is a destination rather than an
in-page anchor, so it survives the breakpoint where the rest fall away —
same reachability, and no arrangement of stale CSS can duplicate it.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

Author: ten9876

blog.html

@@ -51,7 +51,7 @@
       <nav class="nav-links">
         <a href="index.html#features">Features</a>
         <a href="index.html#built">How it's built</a>
-        <a href="blog.html" class="is-active" aria-current="page">Blog</a>
+        <a href="blog.html" class="nav-blog is-active" aria-current="page">Blog</a>
         <a href="index.html#partners">Partners</a>
         <a href="index.html#contribute">Contribute</a>
         <a href="index.html#sponsor">Sponsor</a>
@@ -77,8 +77,6 @@
         </div>
       </nav>
       <div class="nav-cta">
-        <!-- Mobile-only: .nav-links is hidden under 940px, so Blog needs its own way in. -->
-        <a class="nav-cta-link" href="blog.html">Blog</a>
         <a class="btn btn-primary btn-sm" href="index.html#download">Download</a>
       </div>
     </div>
@@ -379,7 +377,7 @@ <h2>Get the build for your machine</h2>
           <h4>Project</h4>
           <a href="index.html#features">Features</a>
           <a href="index.html#download">Download</a>
-          <a href="blog.html">Blog</a>
+          <a class="nav-blog" href="blog.html">Blog</a>
           <a href="https://github.com/aethersdr/AetherSDR/releases">What's new</a>
           <a href="https://github.com/aethersdr/AetherSDR#roadmap">Roadmap</a>
         </div>

index.html

@@ -43,7 +43,7 @@
       <nav class="nav-links">
         <a href="#features">Features</a>
         <a href="#built">How it's built</a>
-        <a href="blog.html">Blog</a>
+        <a class="nav-blog" href="blog.html">Blog</a>
         <a href="#partners">Partners</a>
         <a href="#contribute">Contribute</a>
         <a href="#sponsor">Sponsor</a>
@@ -69,8 +69,6 @@
         </div>
       </nav>
       <div class="nav-cta">
-        <!-- Mobile-only: .nav-links is hidden under 940px, so Blog needs its own way in. -->
-        <a class="nav-cta-link" href="blog.html">Blog</a>
         <a class="btn btn-primary btn-sm" href="#download">Download</a>
       </div>
     </div>
@@ -539,7 +537,7 @@ <h2 style="margin-top:16px;">Fuel the next release</h2>
           <h4>Project</h4>
           <a href="#features">Features</a>
           <a href="#download">Download</a>
-          <a href="blog.html">Blog</a>
+          <a class="nav-blog" href="blog.html">Blog</a>
           <a href="https://github.com/aethersdr/AetherSDR/releases">What's new</a>
           <a href="https://github.com/aethersdr/AetherSDR#roadmap">Roadmap</a>
         </div>

styles.css

@@ -547,9 +547,6 @@ footer.foot { border-top: 1px solid var(--line); margin-top: 30px; padding: 46px
 
 /* ---------- Blog ---------- */
 .nav-links a.is-active { color: var(--cyan); }
-/* Blog needs a way in once .nav-links collapses under 940px. */
-.nav-cta-link { display: none; color: var(--ink-soft); font-size: 14.5px; font-weight: 520; }
-.nav-cta-link:hover { color: var(--ink); }
 
 .blog-index { padding-top: 76px; }
 .blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
@@ -648,7 +645,6 @@ footer.foot { border-top: 1px solid var(--line); margin-top: 30px; padding: 46px
 /* ---------- Responsive ---------- */
 @media (max-width: 940px) {
   .blog-grid { grid-template-columns: repeat(2, 1fr); }
-  .nav-cta-link { display: inline-flex; }
   .blog-index { padding-top: 46px; }
   .blog-post { padding-top: 36px; }
   .feature-grid, .dl-grid { grid-template-columns: repeat(2, 1fr); }
@@ -660,7 +656,9 @@ footer.foot { border-top: 1px solid var(--line); margin-top: 30px; padding: 46px
   .spot.rev .spot-text { order: 0; }
   .hw-cols { grid-template-columns: 1fr; }
   .foot-grid { grid-template-columns: 1fr 1fr; }
-  .nav-links { display: none; }
+  /* No room for the full link set, but Blog is a destination rather than an
+     in-page anchor, so it stays while the rest collapse away. */
+  .nav-links > :not(.nav-blog) { display: none; }
 }
 @media (max-width: 560px) {
   .feature-grid, .dl-grid, .partners-grid, .blog-grid { grid-template-columns: 1fr; }