From baff2043080dbb3aa8b19090bd574cba75df592e Mon Sep 17 00:00:00 2001
From: bitcoinafterlife <info@bitcoin-after.life>
Date: Tue, 21 Jul 2026 16:51:31 +0000
Subject: [PATCH] Update blog.html

javascript patch
---
 blog.html | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/blog.html b/blog.html
index c2b3cfe..6c38dfc 100644
--- a/blog.html
+++ b/blog.html
@@ -95,10 +95,20 @@ footer .built{font-size:13px;color:var(--muted);margin-top:8px}
 @media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
 :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
 
-/* Without JavaScript the panel cannot be toggled, so show it inline. */
+/*
+  Without JavaScript the panel cannot be toggled, so the links are shown
+  inline. On narrow screens they wrap under the logo and the bar is allowed
+  to grow, instead of being clipped by the fixed 60px height.
+*/
 .nojs .navtoggle{display:none}
 .nojs .topbar nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;
   box-shadow:none;border-bottom:0;padding:0;margin-left:auto;background:transparent}
+@media (max-width:900px){
+  .nojs .topbar .wrap{height:auto;min-height:56px;flex-wrap:wrap;padding-bottom:8px;gap:10px}
+  .nojs .topbar nav{margin-left:0;width:100%;gap:4px 6px}
+  .nojs .topbar nav a{font-size:14.5px;min-height:40px;padding:0 10px;
+    display:flex;align-items:center;border:1px solid var(--line);border-radius:8px}
+}
 
 .blog-head{padding:48px 0 34px;border-bottom:1px solid var(--line);
   background:radial-gradient(820px 280px at 50% -40%,var(--accent-soft),transparent 70%)}
@@ -121,7 +131,9 @@ footer .built{font-size:13px;color:var(--muted);margin-top:8px}
 .post-card h2 a{color:var(--ink)}
 .post-card h2 a:hover{color:var(--accent);text-decoration:none}
 .post-card p{font-size:14.5px;color:var(--muted);line-height:1.65;margin:0 0 14px}
-.post-card .more{font-size:13.5px;font-weight:600;color:var(--accent)}
+.post-card .more{font-size:14px;font-weight:600;color:var(--accent);
+  display:inline-flex;align-items:center;min-height:44px}
+.post-card .more:hover{text-decoration:underline}
 
 @media (max-width:760px){
   .blog-head{padding:32px 0 26px}
@@ -192,7 +204,7 @@ footer .built{font-size:13px;color:var(--muted);margin-top:8px}
          often exposes the vulnerable instead of protecting them. Time-locked
          Bitcoin transactions offer a will that executes itself — no notary, no
          human executor, no third party to trust.</p>
-      <div class="more">Read the article →</div>
+      <a class="more" href="blog/inheritance-when-trust-fails.html">Read the article →</a>
     </div>
   </article>