Missing changes

assets/companion.js

@@ -123,7 +123,9 @@
             // folder anchors there end in "/" and fall through to navigation.
             // Search file-result anchors join in too: page results end in "/"
             // and fall through to navigation, file results don't and open locally.
-            var anchor = e.target.closest('.list-item a, a.thumb-tile, .photo-grid a, aside.tree-sidebar a.tree-file, .search-card a');
+            // Embedded images (a.embed-link inside rendered content) wrap the
+            // raw file href, so they open the full-size original locally too.
+            var anchor = e.target.closest('.list-item a, a.thumb-tile, .photo-grid a, aside.tree-sidebar a.tree-file, .search-card a, .content a.embed-link');
             if (!anchor) return;
             var item = anchor.closest('.list-item');
             // Only intercept the primary file link, and only for files (not folders).

assets/style.css

@@ -308,6 +308,42 @@ main > h2 {
     text-decoration: line-through;
 }
 
+/* === Embedded images ===
+   Wiki-style figure box: a bounded, framed thumbnail with an optional caption.
+   The fixed width matches the 300px thumbnail request so the box never scales
+   the image up. left/right float so body text wraps; center is a plain block. */
+.embed {
+    margin: var(--space-2) 0;
+    width: 300px;
+    max-width: 100%;
+    padding: var(--space-2);
+    background: var(--bg-panel);
+    border: var(--border);
+}
+.embed-left {
+    float: left;
+    margin-right: var(--space-4);
+}
+.embed-right {
+    float: right;
+    margin-left: var(--space-4);
+}
+.embed-center {
+    margin-inline: auto;
+}
+.embed .embed-link { display: block; }
+.embed img {
+    display: block;
+    width: 100%;
+    height: auto;
+}
+.embed figcaption {
+    margin-top: var(--space-2);
+    color: var(--text-muted);
+    font-size: var(--font-sm);
+    line-height: 1.4;
+}
+
 a.heading-anchor {
     color: var(--text-muted);
     margin-right: 0.4em;