toc: <ol> with list-marker numbering, drop "Part N:" prefix from link text

Index TOC previously read:
  • Part 1: Anatomy of a PURL (41 sections)
  • Part 2: Building & Stringifying PURLs (46 sections)
  …

Which was redundant — the "Part N:" prefix repeats what a numbered
list already conveys via its marker. Swap the <ul> for an <ol> so the
browser supplies the "1." "2." numbering, and strip "Part N:" from
each link's visible text. Now reads:
  1. Anatomy of a PURL (41 sections)
  2. Building & Stringifying PURLs (46 sections)
  …

Accessibility preserved — the aria-label and title on each <a> still
carry the full "Part N: <title>" so screen readers + tooltips get
the part number context unchanged.

The rewrite lives in the post-processor on index.html only (gated on
the <h3>Parts</h3> + /part/<n> href shape so part pages and any future
documents page aren't touched).

Bullet/marker color updated to muted-lavender so the numbers recede
and the titles carry the visual weight.

Author: jdalton

scripts/walkthrough.mts

@@ -637,6 +637,29 @@ async function generate(
       })
     }
 
+    // Index-page TOC cleanup. Meander emits `<ul><li><a>Part N: Title</a>
+    // <span class="ok">(M sections)</span></li>…`. Two tweaks:
+    //   - Swap <ul> → <ol> so numbers come from the list marker, not
+    //     the link text. Users read "1. Anatomy of a PURL" instead of
+    //     "• Part 1: Anatomy of a PURL".
+    //   - Strip the "Part N: " prefix from each link so the title
+    //     alone carries the line, no duplication with the list marker.
+    // Only applies to the index page (has <h3>Parts</h3> + ul with
+    // /part/<n> hrefs) — part pages don't have this shape.
+    if (entry === 'index.html' && html.includes('<h3>Parts</h3>')) {
+      html = html.replace(
+        /(<h3>Parts<\/h3>\s*)<ul>([\s\S]*?)<\/ul>/,
+        (_m, head, body) => `${head}<ol class="wt-parts-ol">${body}</ol>`,
+      )
+      // Strip the "Part N: " prefix from the visible link text — the
+      // list marker already supplies the number. aria-label + title
+      // keep the full "Part N: <title>" for screen readers / tooltips.
+      html = html.replace(
+        /(<a\s[^>]*\bhref="\/[^"]+\/part\/\d+"[^>]*>)Part \d+:\s*/g,
+        '$1',
+      )
+    }
+
     // Base-path rewrite — last step so every injected tag above gets
     // prefixed in one pass. No-op when --base-path is empty (local dev,
     // Val Town hosting, etc.).

walkthrough-overrides.css

@@ -301,32 +301,34 @@ html[data-theme='dark'] .file-grid > .code-section:hover {
   margin: 0 0 16px 0;
 }
 
-/* Index-page TOC list. Meander's default was a tight bullet list that
- * read as cramped against the generous topbar above it. Bump the item
- * font + line-height, space the bullets, and add a hover tint on the
- * link. Bullets get the muted-lavender tint so they don't compete
- * with the part titles. */
-.annotation-card > ul {
+/* Index-page TOC list. Meander emits <ul> but our post-processor
+ * rewrites it to <ol class="wt-parts-ol"> + strips the "Part N: "
+ * prefix from each link — so the list marker carries the number
+ * and the title stands alone. Muted-lavender markers + section
+ * counts keep the meta visually behind the titles. Hover tint on
+ * each row for affordance. */
+.annotation-card .wt-parts-ol {
   margin: 0;
-  padding-left: 1.5em;
-  list-style: disc;
+  padding-left: 2em;
+  list-style: decimal;
 }
-.annotation-card > ul > li {
+.annotation-card .wt-parts-ol > li {
   padding: 8px 0;
   font-size: 16px;
   line-height: 1.5;
   color: var(--muted-lavender);
 }
-.annotation-card > ul > li::marker {
+.annotation-card .wt-parts-ol > li::marker {
   color: var(--muted-lavender);
+  font-weight: 600;
 }
-.annotation-card > ul > li > a {
+.annotation-card .wt-parts-ol > li > a {
   border-radius: 4px;
   padding: 2px 4px;
   margin: -2px -4px;
   transition: background var(--transition-fast);
 }
-.annotation-card > ul > li > a:hover {
+.annotation-card .wt-parts-ol > li > a:hover {
   background: color-mix(in srgb, var(--accent) 10%, transparent);
 }