Point the contract doc at a heading that exists, and let the table say which axes it scrolls

e2e-tests/visual.spec.ts

@@ -28,11 +28,8 @@ test.beforeEach(async ({ context }) => {
   await context.addCookies([{ name: SESSION_COOKIE, url: BASE_URL, value: devSession() }]);
 });
 
-// The shell must never clip a page: a body that does not scroll itself has to reach the reader
+// A key press, not scrollIntoView — a script can scroll an overflow-hidden box, a reader cannot;
-// through the document. One page per body idiom, since the change removed a bounded rule from each
+// and not the wheel, which Firefox's synthetic event never delivers to the document.
-// (.form-page never had one, .shell-auth did). A key press, not scrollIntoView — a script can scroll
-// an overflow-hidden box, a reader cannot; and not the wheel, which Firefox's synthetic event never
-// delivers to the document.
 for (const [name, path, tail] of [
   ["the starter dashboard", "/dashboard", ".form-actions .btn"],
   ["the public landing", "/", ".landing-actions .btn"],

public/css/styles.css

@@ -562,7 +562,7 @@ span.nav-self { cursor: default; }                 /* static / non-clickable */
 
 /* ---------- 9. TABLE --------------------------------------- */
 /* A bounded region is opt-in: give this a height and the header below stays put inside it. */
-.table-wrap { overflow-x: auto; }
+.table-wrap { overflow: auto; }
 table.table {
   width: 100%; border-collapse: separate; border-spacing: 0;
   font-size: var(--fz); font-variant-numeric: tabular-nums;

views/partials/data-table.ejs

@@ -7,7 +7,7 @@
                                           name it when two tables share a page
     scrollRegion?                         take the leftover height and scroll, so the header stays
                                           put — needs the shell's `fill: true` and a flex chain
-                                          above (README → the app shell)
+                                          above (README → The menu system)
     columns: { label, sortable?, sort?: "asc"|"desc", href?, className? }[]
     rows:    { name?, cells: Cell[], actions?: Action[] }[]
   Cell ∈ string | { text, className? } | { user:{name,initials} } | { rowHeader:{text,href?} } | { badge:{tone,label} } | { html, className? }