Fix table full-width resizing; add LRD repo link; mobile cloud + long-link fixes

posts/LRD1.html

@@ -26,6 +26,12 @@ onload="renderMathInElement(document.body,{delimiters:[{left:'$$',right:'$$',dis
 <div class="meta">June 2026 &middot; Research</div>
 
 <h1>Latent Reasoning Directions (LRD)</h1>
+
+<p>
+Code and experiments are available in the project repository:
+<a href="https://github.com/bench-labs-org/Latent-Reasoning-Directions">bench-labs-org/Latent-Reasoning-Directions</a>.
+</p>
+
 <blockquote>
 <strong>Update.</strong> The comparison has now been completed.
 Using the same <strong>664 training examples</strong>, conventional

script.js

@@ -672,6 +672,18 @@
     const article = document.querySelector(".article");
     if (!article) return;
 
+    // ---- Wrap tables so very wide ones scroll horizontally instead of
+    // overflowing the page. The table stays width:100% (a real table, so its
+    // columns distribute across the full container); the wrapper owns the
+    // overflow-x scrolling. ----
+    article.querySelectorAll("table").forEach((table) => {
+      if (table.parentElement.classList.contains("table-scroll")) return;
+      const wrap = document.createElement("div");
+      wrap.className = "table-scroll";
+      table.parentNode.insertBefore(wrap, table);
+      wrap.appendChild(table);
+    });
+
     // ---- Share button for the current post ----
     {
       const filename = location.pathname.split("/").pop();

style.css

@@ -143,6 +143,11 @@ a:focus-visible, .post-card a:focus-visible {
 .background .cloud-3 { top: 14%; --cloud-scale: 1.5;  opacity: 0.95; animation-duration: 300s; animation-delay: -40s; }
 .background .cloud-4 { top: 36%; --cloud-scale: 0.55; opacity: 0.6;  animation-duration: 320s; animation-delay: -240s; }
 
+/* MOBILE: script.js tags clouds .cloud-simple and skips injecting #cloud-fluff.
+   Without this rule the clouds still reference the missing filter and get
+   hidden (Chromium treats an unresolved filter url() as display:none). */
+.background .cloud-simple { filter: none; }
+
 @keyframes cloud-drift {
     from { transform: translateX(-45vw) scale(var(--cloud-scale, 1)); }
     to   { transform: translateX(120vw) scale(var(--cloud-scale, 1)); }
@@ -255,6 +260,12 @@ a:focus-visible, .post-card a:focus-visible {
     overflow-wrap: break-word;
 }
 
+/* Long, unbreakable link text (e.g. bare repo URLs/slugs) can otherwise push
+   the whole article wider than the viewport on narrow screens. */
+.article a {
+    overflow-wrap: anywhere;
+}
+
 .article h1 {
     font-size: clamp(2rem, 6vw, 3rem);
     margin-bottom: 18px;
@@ -341,17 +352,32 @@ p code {
 
 /* -------------------- TABLES -------------------- */
 
+/* Wrapper (added by script.js) that provides horizontal scrolling for very
+   wide tables on narrow screens. The table itself stays a real table with
+   width:100% so its columns distribute across the full container width, while
+   the wrapper carries the rounded card chrome and clips the table to it. Note:
+   overflow-x:auto forces overflow-y to compute to auto, so the chrome (and
+   especially the soft box-shadow) lives here, not on the table, to avoid being
+   clipped. */
+.table-scroll {
+    overflow-x: auto;
+    margin: 24px 0;
+    background: rgba(255,255,255,0.5);
+    border-radius: 12px;
+    box-shadow: var(--shadow-soft);
+}
+
 table {
     width: 100%;
     border-collapse: separate;
     border-spacing: 0;
     margin: 24px 0;
     font-size: 0.95rem;
-    display: block;
-    overflow-x: auto;
-    background: rgba(255,255,255,0.5);
-    border-radius: 12px;
-    box-shadow: var(--shadow-soft);
+}
+
+/* When wrapped for scrolling, the wrapper owns the outer margin and chrome. */
+.table-scroll > table {
+    margin: 0;
 }
 
 th, td {