Fix personnel list two-column formatting

Target the existing columns-2 divs generated by tex4ht and wrap
their text content in span elements so CSS grid can lay them out
in two columns.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: jeremymanning

checklist.js

@@ -88,87 +88,34 @@ function fixEnumerationNumbering() {
 }
 
 // Format personnel lists (lab members) into two-column grid layout
-// tex4ht generates text nodes directly in divs, but CSS grid needs child elements
+// tex4ht generates text nodes directly in divs with class "columns-2"
+// CSS grid needs child elements, so we wrap each name in a span
 function formatPersonnelLists() {
-  // Find the lab members heading
-  var labMembersHeading = null;
-  var h2s = document.querySelectorAll('h2');
-  h2s.forEach(function(h2) {
-    if (h2.textContent.toLowerCase().includes('lab members')) {
-      labMembersHeading = h2;
-    }
-  });
+  // Find all columns-2 divs (tex4ht generates these for the \begin{columns} environment)
+  var columnsDivs = document.querySelectorAll('div.columns-2');
 
-  if (!labMembersHeading) return;
+  columnsDivs.forEach(function(div) {
+    // Get the text content and split into individual names
+    var text = div.textContent || '';
 
-  // Find all h3 elements after the lab members heading (subsections like "Graduate students")
-  var sibling = labMembersHeading.nextElementSibling;
-  while (sibling) {
-    // Stop if we hit another h2 (new major section)
-    if (sibling.tagName === 'H2') break;
-
-    if (sibling.tagName === 'H3') {
-      // Find the content after this h3 that contains personnel names
-      var contentSibling = sibling.nextSibling;
-      var names = [];
-
-      // Collect text nodes until we hit another heading or structural element
-      while (contentSibling) {
-        if (contentSibling.nodeType === Node.ELEMENT_NODE) {
-          var tag = contentSibling.tagName;
-          if (tag === 'H2' || tag === 'H3' || tag === 'P' || tag === 'DL') break;
-        }
+    // Split by newlines and filter out empty entries
+    var names = text.split(/[\n\r]+/)
+      .map(function(s) { return s.trim(); })
+      .filter(function(s) { return s.length > 0; });
 
-        if (contentSibling.nodeType === Node.TEXT_NODE) {
-          var text = contentSibling.textContent.trim();
-          if (text) {
-            // Split by newlines or common separators
-            var parts = text.split(/[\n\r]+/).map(function(s) { return s.trim(); }).filter(function(s) { return s.length > 0; });
-            names = names.concat(parts);
-          }
-        }
+    // Only process if we have names
+    if (names.length === 0) return;
 
-        contentSibling = contentSibling.nextSibling;
-      }
+    // Clear the div and add wrapped names
+    div.innerHTML = '';
 
-      // If we found names, create a grid container
-      if (names.length > 1) {
-        // Create the personnel list container
-        var container = document.createElement('div');
-        container.className = 'personnel-list';
-
-        // Add each name as a span
-        names.forEach(function(name) {
-          var span = document.createElement('span');
-          span.className = 'personnel-item';
-          span.textContent = name;
-          container.appendChild(span);
-        });
-
-        // Remove the old text nodes and insert the new container
-        var toRemove = [];
-        contentSibling = sibling.nextSibling;
-        while (contentSibling) {
-          if (contentSibling.nodeType === Node.ELEMENT_NODE) {
-            var tag = contentSibling.tagName;
-            if (tag === 'H2' || tag === 'H3' || tag === 'P' || tag === 'DL') break;
-          }
-          toRemove.push(contentSibling);
-          contentSibling = contentSibling.nextSibling;
-        }
-
-        // Insert container after h3
-        sibling.parentNode.insertBefore(container, sibling.nextSibling);
-
-        // Remove old nodes
-        toRemove.forEach(function(node) {
-          if (node.parentNode) node.parentNode.removeChild(node);
-        });
-      }
-    }
-
-    sibling = sibling.nextElementSibling;
-  }
+    names.forEach(function(name) {
+      var span = document.createElement('span');
+      span.className = 'personnel-item';
+      span.textContent = name;
+      div.appendChild(span);
+    });
+  });
 }
 
 // Convert the static checklist to an interactive form