@bongos/core 1.19.445 → 1.19.446

package/docs/module-api-changelog.md

@@ -1327,5 +1327,7 @@ is load-bearing: the script throws rather than guess if it is missing, and
         landed since 1.19.443 with no explicit bump. run 33334908383. (task 1002620)
   1.19.445 — CI auto-patch (publish-on-merge, ADR 0161): carrier for merges
         landed since 1.19.444 with no explicit bump. run 33337122866. (task 1002620)
+  1.19.446 — CI auto-patch (publish-on-merge, ADR 0161): carrier for merges
+        landed since 1.19.445 with no explicit bump. run 33341626697. (task 1002620)
 ---------------------------------------------------------------------------
 ```

package/modules/hall-ui/public/atlas.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='25' font-size='26' text-anchor='middle'>🪘</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/atlas.css">
 </head>
@@ -20,7 +19,7 @@
   <div class="app-body">
     <header class="app-topbar" id="app-topbar"></header>
     <div class="app-content">
-      <main>
+      <main id="hall-main">
         <!-- The atlas chrome rides the hall tokens (pack + dark aware, task 1737);
              only the semantic node/edge palette stays instance-independent so a
              pack can never scramble the map's color-coded meaning (ADR 0094). -->

package/modules/hall-ui/public/collab.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/collab.css">
 </head>
@@ -24,7 +23,7 @@
         <p class="page-head__sub" id="cb-sub">Loading…</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <!-- ASKED OF YOU comes first: it is the half where someone is waiting on a
              human. Your own asks are below, because they are a status check, not a
              call to act. -->

package/modules/hall-ui/public/copy-desk.css

@@ -17,9 +17,9 @@
   flex-direction: column;
   gap: 0.15rem;
   padding: 0.75rem 0.9rem;
-  border: 1px solid var(--line, rgba(255, 255, 255, 0.12));
+  border: 1px solid var(--rule-soft);
   border-radius: 0.5rem;
-  background: var(--panel, rgba(255, 255, 255, 0.03));
+  background: var(--surface-2);
 }
 .cd-stat__n { font-size: 1.6rem; font-weight: 700; line-height: 1.1; }
 .cd-stat__l { font-size: 0.8rem; opacity: 0.7; }
@@ -28,7 +28,7 @@
 .cd-note code {
   padding: 0.05rem 0.3rem;
   border-radius: 0.25rem;
-  background: var(--panel, rgba(255, 255, 255, 0.06));
+  background: var(--surface-2);
   font-size: 0.95em;
 }
 
@@ -40,9 +40,9 @@
 .cd-dialog__input,
 .cd-dialog__text {
   padding: 0.4rem 0.6rem;
-  border: 1px solid var(--line, rgba(255, 255, 255, 0.15));
+  border: 1px solid var(--rule-soft);
   border-radius: 0.35rem;
-  background: var(--panel, rgba(0, 0, 0, 0.2));
+  background: var(--bg-deep);
   color: inherit;
   font: inherit;
 }
@@ -56,9 +56,9 @@
 
 .cd-card {
   padding: 0.85rem 1rem;
-  border: 1px solid var(--line, rgba(255, 255, 255, 0.12));
+  border: 1px solid var(--rule-soft);
   border-radius: 0.5rem;
-  background: var(--panel, rgba(255, 255, 255, 0.03));
+  background: var(--surface-2);
 }
 .cd-card--slim { padding: 0.6rem 0.8rem; }
 .cd-card__head { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; margin-bottom: 0.4rem; }
@@ -85,7 +85,7 @@
 .cd-tag {
   display: inline-block;
   padding: 0.1rem 0.45rem;
-  border: 1px solid var(--line, rgba(255, 255, 255, 0.18));
+  border: 1px solid var(--rule);
   border-radius: 999px;
   font-size: 0.72rem;
   letter-spacing: 0.02em;
@@ -103,9 +103,9 @@
 .cd-dialog {
   width: min(34rem, 92vw);
   padding: 1.25rem;
-  border: 1px solid var(--line, rgba(255, 255, 255, 0.18));
+  border: 1px solid var(--rule);
   border-radius: 0.6rem;
-  background: var(--bg, #12131a);
+  background: var(--bg-card);
   color: inherit;
 }
 .cd-dialog::backdrop { background: rgba(0, 0, 0, 0.55); }
@@ -115,5 +115,5 @@
 .cd-dialog__hint { display: block; font-weight: 400; font-size: 0.78rem; opacity: 0.65; line-height: 1.45; margin-top: 0.1rem; }
 .cd-dialog__select, .cd-dialog__input, .cd-dialog__text { width: 100%; }
 .cd-dialog__text { resize: vertical; line-height: 1.5; }
-.cd-dialog__err { min-height: 1.2rem; margin: 0.5rem 0 0; font-size: 0.85rem; color: var(--danger, #ff8080); line-height: 1.45; }
+.cd-dialog__err { min-height: 1.2rem; margin: 0.5rem 0 0; font-size: 0.85rem; color: var(--danger); line-height: 1.45; }
 .cd-dialog__actions { display: flex; gap: 0.5rem; justify-content: flex-end; margin-top: 0.9rem; }

package/modules/hall-ui/public/copy-desk.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/copy-desk.css">
 </head>
@@ -22,7 +21,7 @@
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="cd-sub">Loading the copy desk…</p></div>
 
-      <main>
+      <main id="hall-main">
         <!-- The counts. Deliberately four numbers and not a dashboard: open work,
              the fast pile (targets that have since been edited away), untouched
              duplicates, and how big the inventory is. -->

package/modules/hall-ui/public/diagrams.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/diagram-viewer.css?v=2026-06-14-diagviewer-1">
   <style>
@@ -42,7 +41,7 @@
         <p class="page-head__sub">Five diagrams that show, at a glance, how work flows through {{worldName}}'s development system. <em>Drag to pan, scroll to zoom</em> — or open any diagram fullscreen.</p>
       </div>
 
-      <main>
+      <main id="hall-main">
 
         <section class="scroll" aria-labelledby="legend-h">
           <h2 id="legend-h" class="scroll__h">Reading the diagrams</h2>

package/modules/hall-ui/public/drachmae.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>◈</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/primer.css?v=2026-07-02-shell1">
 </head>
@@ -28,7 +27,7 @@
         <p class="page-head__sub">How you get paid, and how you earn trust — the reward model in plain language. About a five-minute read.</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <div class="primer-layout">
 
           <!-- Sticky left-rail table of contents, built from the article's h2s. -->

package/modules/hall-ui/public/gate.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/gate.css">
 </head>
@@ -22,7 +21,7 @@
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="gate-sub">Loading…</p></div>
 
-      <main>
+      <main id="hall-main">
         <p class="gate-sealed" id="gate-sealed" hidden>Archons only.</p>
 
         <section id="gate-body" hidden>

package/modules/hall-ui/public/goals.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-03-goals1">
   <!-- Page-local styles (task 2171) — extracted from the old inline <style>
        block per the hall placement rules; shared pager/filter/tab/count-pill
@@ -35,7 +34,7 @@
         <p class="page-head__sub" id="goals-sub">Loading goals…</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <!-- LIST view -->
         <section id="goals-list-view" aria-labelledby="goals-list-h">
           <h2 id="goals-list-h" class="sr-only">All goals</h2>

package/modules/hall-ui/public/government.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/government.css">
 </head>
@@ -22,7 +21,7 @@
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="gov-sub">Loading…</p></div>
 
-      <main>
+      <main id="hall-main">
         <p class="gov-sealed" id="gov-sealed" hidden>Archons only.</p>
 
         <section id="gov-body" hidden>

package/modules/hall-ui/public/harbor.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/harbor.css">
 </head>
@@ -22,7 +21,7 @@
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="harbor-sub">Loading dev boxes…</p></div>
 
-      <main>
+      <main id="hall-main">
         <p class="harbor-sealed" id="harbor-sealed" hidden>Archons only.</p>
 
         <section id="harbor-body" hidden>

package/modules/hall-ui/public/idea.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/idea.css">
 </head>
@@ -28,7 +27,7 @@
         <p class="page-head__sub" id="idea-sub">Loading idea…</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <section class="scroll" id="idea-scroll" aria-labelledby="idea-h">
           <div id="idea-body">
             <p class="deeplink-card__title" id="idea-h">Loading…</p>

package/modules/hall-ui/public/ideas.css

@@ -6,14 +6,12 @@
    meter alongside, collapsing to one column where there is no room for it.
 
    USES THE REAL TOKEN NAMES — --border / --surface-2 / --accent / --ok / --warn /
-   --danger / --radius. Note for anyone copying a sibling sheet: copy-desk.css
-   reaches for `var(--line, rgba(255,255,255,.12))` and `var(--panel, …)`, and
-   NEITHER --line NOR --panel is defined in style.css — so those fallbacks apply,
-   and they assume a dark ground the hall does not have by default (--bg is
-   #f5f6f8). Borders drawn that way are invisible on the light theme. This sheet
-   deliberately does not inherit that. The hall's dark theme flips only the
-   neutrals, so every token below re-derives on its own and this page needs no
-   theme-specific block at all. */
+   --danger / --radius, so every token below re-derives on its own and this page
+   needs no theme-specific block at all. (The sibling trap this note used to warn
+   about — copy-desk.css reaching for an undefined --line / --panel and getting a
+   dark-ground fallback on the light theme — was fixed in task 1003303, when the
+   chrome-world tier defined --line as a WIDTH and those borders would otherwise
+   have gone invalid.) */
 
 /* The composer and its meter sit side by side once there is room. Below that
    width the meter stacks ABOVE the fields — a readout you cannot see while

package/modules/hall-ui/public/ideas.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/ideas.css">
 </head>
@@ -22,7 +21,7 @@
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="fi-sub">Loading the idea template…</p></div>
 
-      <main>
+      <main id="hall-main">
         <!-- The spark queue (task 1002930 / R154). ABOVE the composer, because
              "what is already waiting" is the thing to scan before starting
              something new — and because a queue nobody sees is not a pickup

package/modules/hall-ui/public/index.html

@@ -14,7 +14,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
 </head>
 <body data-page="home">
@@ -41,12 +40,12 @@
            — core (hall-widgets.js) and module-contributed (a module's own client
            script) — registers into the hall-widget registry (window.OTB,
            dom-utils.js), and builders.js stamps the registered <section>s into the
-           view containers below (falling back to <main> itself). The registry stays
+           view containers below (falling back to <main id="hall-main"> itself). The registry stays
            the single source of truth for what the hall shows; a fitness check
            (scripts/gds/fitness.js checkHallSectionRegistry) reds the build if a
-           <section class="scroll"> is hardcoded back inside this <main>. The
+           <section class="scroll"> is hardcoded back inside this <main id="hall-main">. The
            .view/.view-zone wrappers are shell layout only. -->
-      <main class="app-views">
+      <main class="app-views" id="hall-main">
         <section class="view" id="view-home" data-view-title="Home">
           <div class="view-zone" id="zone-home-banner">
             <!-- Landing card for signed-out visitors (builders.js renderLanding)

package/modules/hall-ui/public/modules.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/modules.css">
 </head>
@@ -22,7 +21,7 @@
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="modules-sub">Loading modules…</p></div>
 
-      <main>
+      <main id="hall-main">
         <!-- Browse — one filter over both grids below (task 1001772). -->
         <div class="mod-browse">
           <label class="mod-browse__label" for="mod-search">Search the catalog</label>

package/modules/hall-ui/public/my-projects.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/my-projects.css">
 </head>
@@ -24,7 +23,7 @@
         <p class="page-head__sub">Every project you build on across the platform.</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <section class="scroll" aria-labelledby="owned-h">
           <h2 id="owned-h" class="scroll__h">Projects you own</h2>
           <div id="owned"><p class="empty">—</p></div>

package/modules/hall-ui/public/not-ready.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
 </head>
 <body data-page="not-ready" data-page-title="Locked">
@@ -19,7 +18,7 @@
   <div class="app-body">
     <header class="app-topbar" id="app-topbar"></header>
     <div class="app-content">
-      <main>
+      <main id="hall-main">
         <section class="scroll">
           <h2 class="scroll__h">Not yet available</h2>
           <p class="scroll__lede">This page unlocks as you advance.</p>

package/modules/hall-ui/public/pair.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/pair.css">
 </head>
@@ -21,7 +20,7 @@
     <header class="app-topbar" id="app-topbar"></header>
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="pair-sub">Reading the request…</p></div>
-      <main>
+      <main id="hall-main">
         <section class="scroll" id="pair-scroll" aria-labelledby="pair-h">
           <h2 id="pair-h" class="scroll__h">A device is asking to act as you</h2>
           <div id="pair-body">

package/modules/hall-ui/public/people.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
 </head>
 <body data-page="people" data-page-title="People">
@@ -23,7 +22,7 @@
         <p class="page-head__sub">Everyone building across hosted projects, ranked by track record. Descriptive only — cross-project numbers never carry authority here.</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <section class="scroll" id="people-scroll" aria-labelledby="people-h">
           <h2 id="people-h" class="scroll__h">Builder directory</h2>
           <div id="people-filters"></div>

package/modules/hall-ui/public/primer.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/primer.css?v=2026-07-02-shell1">
   <link rel="stylesheet" href="/builders/diagram-viewer.css?v=2026-06-14-diagviewer-1">
@@ -31,7 +30,7 @@
         <p class="page-head__sub">Everything a new builder needs before claiming their first task. About a ten-minute read.</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <div class="primer-layout">
 
           <!-- Sticky left-rail table of contents. Built from the article's h2s after

package/modules/hall-ui/public/profile.html

@@ -13,7 +13,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
 </head>
 <body data-page="profile" data-page-title="Profile">
@@ -28,7 +27,7 @@
         <p class="page-head__sub" id="profile-sub">Loading profile…</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <!-- Standing — avatar, name, rank badge, member-since. Filled by profile.js. -->
         <section class="scroll" id="standing-scroll" aria-labelledby="standing-h">
           <h2 id="standing-h" class="sr-only">Standing</h2>

package/modules/hall-ui/public/ranks.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
 </head>
 <body data-page="ranks" data-page-title="Ranks">
@@ -23,7 +22,7 @@
         <p class="page-head__sub" id="ranks-sub">Loading your rank…</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <!-- Current rank summary — filled by ranks.js once /me resolves. -->
         <section class="scroll" id="standing-scroll" aria-labelledby="standing-h">
           <h2 id="standing-h" class="scroll__h">Where you stand</h2>

package/modules/hall-ui/public/roadmap.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-24-deck1">
   <link rel="stylesheet" href="/builders/roadmap.css">
 </head>
@@ -24,7 +23,7 @@
         <p class="page-head__sub" id="roadmap-sub">Loading the roadmap…</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <div id="rm-root">
           <div class="profile__placeholder">Loading the roadmap…</div>
         </div>

package/modules/hall-ui/public/scouting.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <style>
     #body .who { font-weight: 600; }
@@ -26,7 +25,7 @@
         <p class="page-head__sub">Builders active across all hosted projects — an internal talent view. Descriptive only; it grants no authority anywhere.</p>
       </div>
 
-      <main>
+      <main id="hall-main">
         <section class="scroll" aria-labelledby="scouting-h">
           <h2 id="scouting-h" class="scroll__h">Cross-project builders</h2>
           <div id="body" class="profile__placeholder">Loading…</div>

package/modules/hall-ui/public/sessions.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-06-04-sessions">
   <link rel="stylesheet" href="/builders/sessions.css">
 </head>
@@ -22,7 +21,7 @@
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="ledger-sub">Loading sessions…</p></div>
 
-      <main>
+      <main id="hall-main">
         <!-- Access notice — shown by sessions.js when the viewer is not an Archon. -->
         <section class="scroll" id="gate-scroll" aria-labelledby="gate-h" hidden>
           <h2 id="gate-h" class="scroll__h">Archons only</h2>

package/modules/hall-ui/public/settings.html

@@ -8,7 +8,6 @@
   <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
   <!-- Page-local styles (task 2172) — extracted from the old inline <style>
        block per the hall placement rules; the rail comes from style.css's
@@ -25,7 +24,7 @@
     <div class="app-content">
       <div class="page-head"><p class="page-head__sub" id="settings-sub">Loading your preferences…</p></div>
 
-      <main>
+      <main id="hall-main">
         <!-- Not-signed-in notice — shown by settings.js before it redirects, and
              as a fallback if reading the viewer fails. Deliberately OUTSIDE the
              grouped layout: full-width, ungrouped. -->

package/modules/hall-ui/public/shell.js

@@ -259,13 +259,23 @@
           ' title="' + esc(it.label) + '" hidden>' + icon(it.icon) +
           '<span class="nav-item__label">' + esc(it.label) + '</span></a>';
       }).join('');
+      // task 1003303: aria-controls names the region the head discloses. The
+      // frozen markup carried aria-expanded pointing at nothing, which is an
+      // accessibility gap a screen reader cannot recover from. The items get a
+      // wrapper to be that region; its class deliberately does NOT begin with
+      // "nav-group", because tests/hall_nav.mjs splits the sidebar on that
+      // string to find groups and a matching wrapper would parse as a phantom
+      // one. `data-gate` stays immediately after the class for the same reason.
       var head = g.group
-        ? '<button type="button" class="nav-group__head" data-gate="' + (g.gate || 'always') + '" data-group="' + esc(groupId) + '" aria-expanded="' + (collapsed ? 'false' : 'true') + '" hidden>' +
+        ? '<button type="button" class="nav-group__head" data-gate="' + (g.gate || 'always') + '" data-group="' + esc(groupId) + '" aria-expanded="' + (collapsed ? 'false' : 'true') + '" aria-controls="nav-items-' + esc(groupId) + '" hidden>' +
             '<span class="nav-group__head-label">' + esc(g.group) + '</span>' + chevronIcon() +
           '</button>'
         : '';
+      var body = collapsible
+        ? '<div class="nav-items" id="nav-items-' + esc(groupId) + '">' + items + '</div>'
+        : items;
       return '<div class="nav-group' + (collapsible ? ' nav-group--collapsible' : '') + (collapsed ? ' nav-group--collapsed' : '') + '"' +
-        (collapsible ? ' data-group="' + esc(groupId) + '"' : '') + '>' + head + items + '</div>';
+        (collapsible ? ' data-group="' + esc(groupId) + '"' : '') + '>' + head + body + '</div>';
     }).join('');
 
     el.innerHTML =
@@ -423,6 +433,28 @@
     history.replaceState(null, '', window.location.pathname + rest + window.location.hash);
   }
 
+  // task 1003303: the skip link, rendered once here rather than pasted into 27
+  // heads. The hall had none, which is a platform floor (DESIGN.md
+  // §Accessibility Floors) and, with the sidebar first in the DOM, meant a
+  // keyboard reader walked the whole nav before reaching the page on every
+  // page. It is the first focusable thing in the document and it targets a
+  // <main> made focusable but never ringed, so focus actually lands there.
+  function renderSkipLink() {
+    // Both mounts are looked up BY ID, not by selector: every hall page carries
+    // #app-sidebar and gives its <main> id="hall-main" for exactly this, and
+    // getElementById is the only lookup the hall's vm test stubs implement.
+    var main = document.getElementById('hall-main');
+    var sidebar = document.getElementById('app-sidebar');
+    if (!main || !sidebar || !sidebar.parentNode) return;
+    main.setAttribute('tabindex', '-1');
+    var a = document.createElement('a');
+    a.className = 'skip';
+    a.href = '#hall-main';
+    a.textContent = 'Skip to content';
+    // Before the sidebar, so it is the first focusable thing in the document.
+    sidebar.parentNode.insertBefore(a, sidebar);
+  }
+
   function renderFoot() {
     var el = document.getElementById('app-foot');
     if (!el) return;
@@ -676,6 +708,7 @@
 
   // ---------- boot (defer = DOM parsed; render synchronously) ----------
 
+  renderSkipLink();
   renderSidebar();
   renderTopbar();
   renderDeniedNotice();