feat: build step 2 — the home page; close Q35, Q37, Q39; Q39's answer corrected the register

Pouya's rulings and the page are one commit, not two, because they are not
separable: Q37 changed the credential label the page renders, Q39 scoped the
arbitration copy, and Q35 gave Med-Arb the row that lets the footer link stand.
Splitting them would produce a commit where the register says one thing and the
page says another.

RULINGS

Q39 — ANSWERED, and my assertion was FALSE as a universal. Pouya checked
rather than defended. Family arbitration in Ontario is gated: prescribed
training, 14h on screening for domestic violence and power imbalances, 30h of
Ontario family law for arbitrators outside the bar, 10h ongoing per two years.
claims-auditor produced that counter-example from inside the repo on 2026-08-26
and it was right. The source is now IN the repo per R14 —
docs/reference/ontario-family-arbitration-training.md, retrieved with its
provenance — and §4 states which half it establishes: the family gate directly,
the commercial half only by absence. So "commercial arbitration in Ontario
requires no licence and no designation" is recorded as Pouya's stated position,
unstamped. What disposes of the question is the scope exclusion: he does not do
family arbitration, so it is NOT OFFERED and the gate never bears on the
practice.

The false universal survived in three more live places, found by grep, not
recall: §4's NOT-NEGOTIABLE boundary bullet (the boundary paragraph breaching
its own boundary), §9's Q33 closure row, and a comment in SiteHeader.astro.

Q35 — ANSWERED, all four items, and the answer supplied a gate that was
missing. Med-Arb gets an Offerings row and stays in the footer sitemap. The six
subject-matter labels pass test 1. §4 gains "Subject-matter areas — the
publication gate": competence to accept an appointment, AND a page that frames
it as positioning without claiming history. Nothing in the nav or footer is
unrowed any more.

Q37 — ANSWERED. "Law and engineering" becomes "Legal training and engineering
practice". A degree is not a practice; the parallel was doing the implying.

Q38/R13 — the committed SVG does not close it; the walk-back went too far. It
renders faithfully BECAUSE it is the raster. R13 stays open.

R1 — surfaced and acknowledged; the interim licensure framing is now carried by
a shipped page rather than a spec, which raises the stakes.

BUILD STEP 2

Seven of docs/01's eight home sections, six new components, zero JavaScript.
Section 7 (Latest insights) ships at step 7 with the collection it lists —
recorded in docs/01 and in the page, not just here. Four credential slots, not
three: §4's paired-disclosure condition requires the Q.Arb stage on any page
that offers arbitration. No booking link (R6). The masthead tagline is
suppressed on / (it duplicated the hero eyebrow). The step-1 proof sheet is
deleted, and five live references to it were found by grep.

WHAT THE REVIEWS FOUND — 24 findings across the two passes

claims-auditor FAILED it on ten, every one implication or scope rather than
fabrication, which is where D13 says the risk lives. The four that mattered:
"I mediate and arbitrate" asserted a track record §4 does not hold for
arbitration; the JSON-LD asserted arbitration twice and stated the stage
nowhere (a crawler-only claim is still a claim); "at one published rate with
preparation time included" misdescribed money against docs/07's two day rates
and capped prep allowance; and "Law and engineering are not blended here" was
Q37's struck parallel relocated into prose one day after Pouya struck it.
It also found the Canadian Tax Foundation missing from §9 Q8 — a stale second
copy of a fact that would have bitten at step 3.

adversarial-reviewer found fourteen, three blocking. The first was
class="section-head" on <SectionHeading> never matching — the parent-cannot-
style-a-child defect for the FOURTH time, written into a diff where I had just
added fresh warnings about it to two other components. Measured: 0px margin,
0px gap, headings over the card edges, with astro check and eslint both clean.
I had looked at a screenshot of that section and passed over it. Fixed with a
page-owned wrapper (48px, measured) and the prop is deleted from six components
so it is now a build error. Also: the credential row was never "two up on a
phone" and its comment said it was; PROCESS was hardcoded in the page against
the reason written in site.ts; 83px of residual overflow at a 200% default font
size, now 3px.

Seven more I found myself first, including <Picture widths> declaring the
untouched 1600px master as the <img src> fallback (254,626 B for a 476px slot,
and the build log said "before: 349kB" either way), and a prop named `as`
silently turning off type-checking for a whole component.

VERIFICATION — run, not asserted. Full figures in AGENTS.md entry (w).

npx tsc 6.0.3 · check 0/0/0 · lint clean · build clean · audit 0
1 <script> and it is JSON-LD; non-JSON-LD scripts 0; no JS bundle; identical
page with script execution disabled (444 nodes, 6,578 chars)
Phase 5 minifier check: no `animation` shorthand beside animation-timeline
overflow 0 at 14 widths, AND every mark measured at 1.5654-1.5657 vs 1.5657
one h1, no heading skips, focus order == DOM order across 44 focusables
31 painted contrast pairs at 3 widths, 0 failures
72/72 hit-test points across 8 cards resolve to the card's link
print 0 hidden, reduced-motion 0 hidden
Lighthouse NOT RUN — tool unavailable until step 7 (R11)
HTML validator NOT RUN, and 4 of 12 srcsets carry a duplicate 1x descriptor

Opened for Pouya: Q40 (one OG image for nineteen pages), Q41 (does Q37 reach
prose; may the comparative be restored; what LAT pre-hearing mediation means),
Q42 (the four "also offered" processes have no row), Q43 (the process timings
are published commitments with no row).

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0148NztQskLKKApP5SzAA78e

src/components/CredentialRow.astro

@@ -0,0 +1,104 @@
+---
+/**
+ * docs/02: "Three or four credential slots. NEVER matter counts — AGENTS.md §4."
+ *
+ * THE SUBSTITUTION PRINCIPLE IS THE POINT OF THIS COMPONENT (§4). Wherever a
+ * design wants a "how much / how many", it takes a longer-arc credential
+ * instead: something already substantial and true at launch that does not grow
+ * by closing files. `Q.Med` / `JD + ML` / `EN · FA`, with `Q.Arb` fourth.
+ *
+ * So this component is not a stat row wearing a different name, and it must
+ * never be handed one. §4 Forbidden bars every count of matters closed, hours
+ * mediated or years in practice, plus settlement rates and dollar figures. The
+ * slots come from src/data/site.ts, which mirrors §4; nothing is typed here.
+ *
+ * <dl> RATHER THAN A DIV GRID. Each pair is a term and its description, which
+ * is what a description list is. It also fixes the reading order: a screen
+ * reader gets "Q.Arb — Commenced August 2026" as one associated pair, which is
+ * §4's paired-disclosure condition surviving into assistive technology rather
+ * than being a visual arrangement only. Wrapping each dt/dd pair in a <div>
+ * inside <dl> is valid HTML and is what makes the grid tractable.
+ */
+interface Props {
+  slots: ReadonlyArray<{ value: string; label: string }>;
+}
+// No `class` prop: it was declared, never passed, and a parent cannot reach this
+// root anyway (SectionHeading carries the measurement; CLAUDE.md the rule).
+const { slots } = Astro.props;
+---
+
+<dl class="credentials">
+  {
+    slots.map((slot) => (
+      <div class="credential">
+        <dt class="credential-value">{slot.value}</dt>
+        <dd class="credential-label">{slot.label}</dd>
+      </div>
+    ))
+  }
+</dl>
+
+<style>
+  .credentials {
+    display: grid;
+    /* EXPLICIT COLUMNS, BECAUSE `auto-fit` NEVER DELIVERED THE ROW IT CLAIMED.
+       This read `repeat(auto-fit, minmax(11rem, 1fr))` under a comment saying
+       "two up on a phone, four up where there is room". `adversarial-reviewer`
+       measured it: at 390px the resolved template was a SINGLE 342px track and
+       all four items stacked, running the band ~430px tall — with
+       `Q.Arb / Commenced August 2026`, which §4's paired-disclosure condition
+       puts on this page, at the bottom of it. The arithmetic is not subtle: two
+       tracks at an 11rem (176px) floor plus a 24px gap need 376px and the
+       container is 342px, so `auto-fit` correctly dropped to one. A
+       measured-sounding comment that was false is this project's own named
+       failure mode.
+
+       `minmax(0, 1fr)` cannot overflow at any width or any root font size,
+       which also retires the `min(11rem, 100%)` guard this line briefly
+       carried — that guard was fixing the overflow symptom of a floor that
+       should not have been there. */
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: var(--space-6) var(--space-5);
+    margin: 0;
+    padding-block: var(--space-7);
+    border-block: 1px solid var(--rule);
+  }
+  .credential {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2);
+  }
+  .credential-value {
+    font-family: var(--font-serif);
+    font-size: var(--text-3xl);
+    line-height: var(--leading-tight);
+    letter-spacing: var(--tracking-tight);
+    color: var(--accent);
+  }
+  /* Four across only where four actually fit, measured rather than inferred.
+     Two 11rem-equivalent tracks plus three 24px gaps need 776px of container;
+     above 48rem the gutter is 48px each side, so that is a 872px viewport. 56rem
+     (896px) is the clean token above it. Re-measure if --space-5 or the label
+     type changes. */
+  @media (min-width: 56rem) {
+    .credentials {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
+
+  .credential-label {
+    margin: 0;
+    font-family: var(--font-mono);
+    font-size: var(--text-xs);
+    letter-spacing: var(--tracking-wide);
+    line-height: var(--leading-snug);
+    text-transform: uppercase;
+    color: var(--text-meta);
+    /* "Legal training and engineering practice" is 39 characters and is
+       deliberately long (AGENTS.md Q37) — it wraps to two lines at every width
+       and must not be prevented from doing so. Do not add `white-space: nowrap`
+       here, and do not shorten the label to make the row tidier: the asymmetry
+       is the honest part. */
+    text-wrap: pretty;
+  }
+</style>