style(site): file-block header path as a proper section title + menu close on nav

Two fixes:

1. File path on each file-block header (e.g.
   `src/package-url-builder.ts`) now renders at 22px / 600 —
   a hero for the entire code+prose stack below it, not a tiny
   13px line. Still monospace because it IS a file path, not
   prose. Section count sibling bumped to 14px / --muted so
   the metadata stays quiet next to it.

2. Section + files dropdowns close after the user picks an
   entry from their panel. Delegated click handler on document
   catches `.wt-sections-panel a` and `.wt-files-panel a`,
   then sets .open = false on every open
   .wt-sections-menu / .wt-files-menu. Without this, clicking
   a link jumped the page but left the panel floating on top
   of the content it just scrolled to.

Author: jdalton

drag.js

@@ -568,6 +568,22 @@
         panel.scrollTop += centerOffset
       })
     }
+    /* Close any open sections/files menu after the user picks
+     * an entry from its panel. Without this, clicking a link
+     * leaves the floating dropdown open on top of the content
+     * it just jumped to. Delegated on document so chips that
+     * hydrate lazily are covered too. */
+    document.addEventListener('click', e => {
+      const link = e.target.closest?.('.wt-sections-panel a, .wt-files-panel a')
+      if (!link) {
+        return
+      }
+      for (const menu of document.querySelectorAll(
+        '.wt-sections-menu[open], .wt-files-menu[open]',
+      )) {
+        menu.open = false
+      }
+    })
   }
 
   /* Cmd/Ctrl-click links inside code lines. Two flavors:

overrides.css

@@ -1202,15 +1202,21 @@ html:not([data-ua='safari']) .file-block {
   border-bottom: 1px solid var(--border);
 }
 
+/* File path on each file-block header — the "this section is
+ * about <file>" title. Larger + heavier than the TOC-title
+ * scale (18px/600) so it reads as a hero for the entire
+ * code+prose stack below, not just another body heading.
+ * Monospace because it's a file path, literal text. */
 .file-head .path {
   font-family: var(--font-mono);
-  font-size: 13px;
-  font-weight: 500;
+  font-size: 22px;
+  font-weight: 600;
   color: var(--ink);
+  letter-spacing: -0.01em;
 }
 
 .file-head .count {
-  font-size: 12px;
+  font-size: 14px;
   color: var(--muted);
 }
 
@@ -1686,12 +1692,17 @@ body.col-resizing * {
 
 /* JSDoc tag marker (@param, @returns, @throws, @example, …).
  * Set in annotation prose by drag.js's cleanupAnnotationProse
- * after meander hydrates. Same size + family as surrounding
- * prose so the tag still reads as inline text; just dimmer so
- * it recedes as metadata rather than fighting the primary
- * content. */
+ * after meander hydrates. Distinctive from surrounding prose —
+ * always a tinted accent color + non-italic, since the first
+ * annotation-card on each file-block is rendered in italic
+ * muted prose (so "dimmer than body" wouldn't stand out there).
+ * Using the accent token works across every theme + both
+ * card-ordinal treatments. */
 .wt-jsdoc-tag {
-  color: var(--muted);
+  color: var(--accent-fg);
+  font-style: normal;
+  font-weight: 500;
+  opacity: 0.75;
 }
 
 /* ── 8. Code / diff tables ───────────────────────────────────────── */