diff --git a/connect/index.html b/connect/index.html
index cd38907..eb41f11 100644
--- a/connect/index.html
+++ b/connect/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* ---------- connect page ---------- */
 .connect-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 24px; }
diff --git a/contact/index.html b/contact/index.html
index 8a9760e..846ed9b 100644
--- a/contact/index.html
+++ b/contact/index.html
@@ -18,7 +18,7 @@
 <meta name="theme-color" content="#FFFFFF" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/define/code/index.html b/define/code/index.html
index 92b99a1..e59b184 100644
--- a/define/code/index.html
+++ b/define/code/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/define/index.html b/define/index.html
index ca76dc2..c86e3eb 100644
--- a/define/index.html
+++ b/define/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/define/methodology/index.html b/define/methodology/index.html
index 738fcdd..a4f448a 100644
--- a/define/methodology/index.html
+++ b/define/methodology/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/define/validation/index.html b/define/validation/index.html
index fffa70f..530ca41 100644
--- a/define/validation/index.html
+++ b/define/validation/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/economy/index.html b/economy/index.html
index a87fbc9..9b96495 100644
--- a/economy/index.html
+++ b/economy/index.html
@@ -18,7 +18,7 @@
 <meta name="theme-color" content="#FFFFFF" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc economy-page">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/economy/topics.py b/economy/topics.py
index 83b7eee..418d348 100644
--- a/economy/topics.py
+++ b/economy/topics.py
@@ -2619,7 +2619,7 @@ def page(topic: dict) -> str:
 <meta name="theme-color" content="#FFFFFF" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc economy-page">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/economy/topics/growth/index.html b/economy/topics/growth/index.html
index 224f8b8..acacf3b 100644
--- a/economy/topics/growth/index.html
+++ b/economy/topics/growth/index.html
@@ -18,7 +18,7 @@
 <meta name="theme-color" content="#FFFFFF" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc economy-page">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/economy/topics/inflation/index.html b/economy/topics/inflation/index.html
index 6288932..cde9908 100644
--- a/economy/topics/inflation/index.html
+++ b/economy/topics/inflation/index.html
@@ -18,7 +18,7 @@
 <meta name="theme-color" content="#FFFFFF" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc economy-page">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/economy/topics/jobs/index.html b/economy/topics/jobs/index.html
index 9d65d32..eee2c2d 100644
--- a/economy/topics/jobs/index.html
+++ b/economy/topics/jobs/index.html
@@ -18,7 +18,7 @@
 <meta name="theme-color" content="#FFFFFF" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc economy-page">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/economy/topics/public-finances/index.html b/economy/topics/public-finances/index.html
index 21394fb..6566320 100644
--- a/economy/topics/public-finances/index.html
+++ b/economy/topics/public-finances/index.html
@@ -18,7 +18,7 @@
 <meta name="theme-color" content="#FFFFFF" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc economy-page">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/economy/topics/rates/index.html b/economy/topics/rates/index.html
index c3ebb71..5026b55 100644
--- a/economy/topics/rates/index.html
+++ b/economy/topics/rates/index.html
@@ -18,7 +18,7 @@
 <meta name="theme-color" content="#FFFFFF" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc economy-page">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/economy/topics/reform/index.html b/economy/topics/reform/index.html
index cefea09..5c97e1f 100644
--- a/economy/topics/reform/index.html
+++ b/economy/topics/reform/index.html
@@ -18,7 +18,7 @@
 <meta name="theme-color" content="#FFFFFF" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc economy-page">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/economy/us/index.html b/economy/us/index.html
index 34ecc67..d079e9f 100644
--- a/economy/us/index.html
+++ b/economy/us/index.html
@@ -18,7 +18,7 @@
 <meta name="theme-color" content="#FFFFFF" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc economy-page">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/economy/us/topics/growth/index.html b/economy/us/topics/growth/index.html
index 59735eb..338f1b0 100644
--- a/economy/us/topics/growth/index.html
+++ b/economy/us/topics/growth/index.html
@@ -18,7 +18,7 @@
 <meta name="theme-color" content="#FFFFFF" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc economy-page">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/economy/us/topics/inflation/index.html b/economy/us/topics/inflation/index.html
index a0780f8..cdf5b18 100644
--- a/economy/us/topics/inflation/index.html
+++ b/economy/us/topics/inflation/index.html
@@ -18,7 +18,7 @@
 <meta name="theme-color" content="#FFFFFF" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc economy-page">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/economy/us/topics/jobs/index.html b/economy/us/topics/jobs/index.html
index b5c9c31..160ccd0 100644
--- a/economy/us/topics/jobs/index.html
+++ b/economy/us/topics/jobs/index.html
@@ -18,7 +18,7 @@
 <meta name="theme-color" content="#FFFFFF" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc economy-page">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/economy/us/topics/rates/index.html b/economy/us/topics/rates/index.html
index 65157f8..d13e689 100644
--- a/economy/us/topics/rates/index.html
+++ b/economy/us/topics/rates/index.html
@@ -18,7 +18,7 @@
 <meta name="theme-color" content="#FFFFFF" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc economy-page">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/economy/us/topics/reform/index.html b/economy/us/topics/reform/index.html
index 48dddda..e09d81f 100644
--- a/economy/us/topics/reform/index.html
+++ b/economy/us/topics/reform/index.html
@@ -18,7 +18,7 @@
 <meta name="theme-color" content="#FFFFFF" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc economy-page">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/forecasts/index.html b/forecasts/index.html
index f5f323c..20cc641 100644
--- a/forecasts/index.html
+++ b/forecasts/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/forecasts/us/index.html b/forecasts/us/index.html
index 796dbb1..ca3ae8a 100644
--- a/forecasts/us/index.html
+++ b/forecasts/us/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/frb-us/code/index.html b/frb-us/code/index.html
index 2f2c94f..245cca6 100644
--- a/frb-us/code/index.html
+++ b/frb-us/code/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/frb-us/index.html b/frb-us/index.html
index b8e4c6a..bca656e 100644
--- a/frb-us/index.html
+++ b/frb-us/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/frb-us/methodology/index.html b/frb-us/methodology/index.html
index 61f6498..2e66af2 100644
--- a/frb-us/methodology/index.html
+++ b/frb-us/methodology/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/frb-us/validation/index.html b/frb-us/validation/index.html
index 3a024de..666098b 100644
--- a/frb-us/validation/index.html
+++ b/frb-us/validation/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/index.html b/index.html
index 84d8dae..28d6271 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc home-page">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/models/index.html b/models/index.html
index f6f2b23..e9de221 100644
--- a/models/index.html
+++ b/models/index.html
@@ -13,7 +13,7 @@
 <meta name="theme-color" content="#FFFFFF" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc models-page">
 <a class="skip-link" href="#top">Skip to main content</a>
@@ -41,7 +41,7 @@
     <div class="hero-inner">
       <p class="eyebrow reveal" style="--d:0">model catalog</p>
       <h1 class="reveal page-title" style="--d:1">One microsimulation, six models that extend it.</h1>
-      <p class="lede reveal" style="--d:2">PolicyEngine&rsquo;s tax-benefit microsimulation is the core: what a UK or US family pays and receives, and what a reform costs. Six macro models supply the shocks, forecasts and long-run change it cannot see &mdash; and a score can chain them together.</p>
+      <p class="lede reveal" style="--d:2">The microsimulation says what a family pays and what a reform costs. The six macro models supply what it cannot see &mdash; shocks, forecasts, long-run change &mdash; and a score can chain them.</p>
     </div>
   </section>
   <nav class="model-tabs" aria-label="Model catalog sections" data-models-subnav>
@@ -56,56 +56,56 @@ <h1 class="reveal page-title" style="--d:1">One microsimulation, six models that
   <section id="choose" class="band band-stack">
     <div class="band-head"><span class="kicker mono">the suite</span><h2>The core, and six extensions.</h2><p class="section-intro">Every extension names where it joins the microsimulation.</p></div>
     <div class="qa-list">
-      <details class="qa" id="core" open>
+      <details class="qa" style="--qa-i:0" id="core">
         <summary><span>Taxes and benefits, for a household or a population</span><strong>the core &middot; UK + US &middot; pe-microsim</strong></summary>
         <div class="qa-body">
           <p>PolicyEngine&rsquo;s own engine, and the one behind policyengine.org: the tax-benefit rules as code over enhanced survey microdata, for one household or the whole population. The only member covering both countries.</p>
           <div class="qa-facts">
-          <div class="qa-fact"><span class="icon">&rarr;</span><span>£50,000 of UK employment income gives <strong>£39,520 net</strong> &mdash; £12,570 allowance, £7,486 income tax, £2,994 National Insurance. Household answers are <strong>exact rule arithmetic</strong></span></div>
+          <div class="qa-fact"><span class="icon">&rarr;</span><span>£50,000 UK employment income &rarr; <strong>£39,520 net</strong>. Household answers are <strong>exact rule arithmetic</strong></span></div>
           <div class="qa-fact"><span class="icon">&rarr;</span><span>Population answers inherit <strong>survey-data error</strong> and carry no interval</span></div>
-          <div class="qa-fact"><span class="icon">&rarr;</span><span>Static by design: no forecast, and no GDP, inflation, rates or behavioural response &mdash; the six below add those</span></div>
+          <div class="qa-fact"><span class="icon">&rarr;</span><span>Static by design &mdash; no forecast, no GDP, inflation or behavioural response. The six below add those</span></div>
           <div class="qa-fact"><span class="icon">&rarr;</span><span>Hosted &mdash; MCP tools and a CLI, no account needed</span></div>
           </div>
           <p class="qa-link"><a href="/pe">Open PolicyEngine microsim &rarr;</a></p>
         </div>
       </details>
-      <details class="qa">
+      <details class="qa" style="--qa-i:1">
         <summary><span>A selected UK fiscal or macro scenario over 3&ndash;5 years</span><strong>UK &middot; obr-macro</strong></summary>
         <div class="qa-body">
           <p>A transpiled, solvable copy of the OBR&rsquo;s published macroeconometric model, anchored to the latest EFO: shock a lever, re-solve, and read GDP, consumption and investment against the official path.</p>
           <div class="qa-facts">
           <div class="qa-fact"><span class="icon">&rarr;</span><span>Tracks the published forecast within <strong>0.15% (GDP) / 0.25% (consumption)</strong> with the anchors held; free-running, <strong>4.48%</strong></span></div>
-          <div class="qa-fact"><span class="icon">&rarr;</span><span>Household-route multiplier ~0.35 vs the OBR&rsquo;s published 0.3; the spending lever is 1.0000 by construction vs 0.6 &mdash; read magnitudes, not point estimates</span></div>
+          <div class="qa-fact"><span class="icon">&rarr;</span><span>Household multiplier ~0.35 vs the OBR&rsquo;s 0.3; the spending lever is 1.0000 by construction vs 0.6</span></div>
           <div class="qa-fact"><span class="icon">&rarr;</span><span>Joins the core: <code>score_reform</code> feeds the static costing in through <code>HHDI_ADDFACTOR</code></span></div>
           </div>
           <p class="qa-link"><a href="/obr">Open the OBR emulator &rarr;</a></p>
         </div>
       </details>
-      <details class="qa">
+      <details class="qa" style="--qa-i:2">
         <summary><span>What drove UK GDP and inflation at the latest model-data vintage</span><strong>UK &middot; boe-svar</strong></summary>
         <div class="qa-body">
           <p>An eight-variable Bayesian structural VAR: named shocks identified by sign and zero restrictions, a decomposition of recent GDP and inflation, and a forward projection with credible bands.</p>
           <div class="qa-facts">
           <div class="qa-fact"><span class="icon">&rarr;</span><span>Frozen-edge check: 14 of 14 outturns inside the 68% bands (bands run wide)</span></div>
-          <div class="qa-fact"><span class="icon">&rarr;</span><span>Against a drifting random walk <strong>no skill survives</strong> the 64 variable-by-horizon tests &mdash; the smallest Benjamini-Hochberg q is <strong>0.36</strong></span></div>
+          <div class="qa-fact"><span class="icon">&rarr;</span><span>Against a drifting random walk <strong>no skill survives</strong> 64 tests &mdash; smallest q is <strong>0.36</strong></span></div>
           <div class="qa-fact"><span class="icon">&rarr;</span><span>Joins the core: the CPI path drives benefit-uprating incidence (<code>svar_inflation_incidence</code>, experimental)</span></div>
           </div>
           <p class="qa-link"><a href="/svar">Open BoE SVAR &rarr;</a></p>
         </div>
       </details>
-      <details class="qa">
+      <details class="qa" style="--qa-i:3">
         <summary><span>A monetary or fiscal shock in the US over coming quarters</span><strong>US &middot; frb-us</strong></summary>
         <div class="qa-body">
           <p>The Federal Reserve&rsquo;s FRB/US model &mdash; 284 equations parsed from the Board&rsquo;s own model file &mdash; solved around the April 2026 LONGBASE baseline. Pick a lever and a policy rule, read the deviation path.</p>
           <div class="qa-facts">
           <div class="qa-fact"><span class="icon">&rarr;</span><span>Levers: federal funds rate, government spending, transfers, taxes</span></div>
-          <div class="qa-fact"><span class="icon">&rarr;</span><span>Matches the Fed&rsquo;s own pyfrbus to <strong>~1&times;10<sup>&minus;8</sup></strong>, the reference implementation&rsquo;s own noise floor. Reproducing LONGBASE is an identity, not evidence</span></div>
-          <div class="qa-fact"><span class="icon">&rarr;</span><span>Joins the core one way: the wage and hours path drives employment-income incidence (<code>frbus_shock_incidence</code>, experimental). <code>score_reform</code> refuses <code>model="frbus"</code></span></div>
+          <div class="qa-fact"><span class="icon">&rarr;</span><span>Matches the Fed&rsquo;s pyfrbus to <strong>~1&times;10<sup>&minus;8</sup></strong>, its own noise floor. Reproducing LONGBASE is an identity, not evidence</span></div>
+          <div class="qa-fact"><span class="icon">&rarr;</span><span>Joins one way: wage and hours drive employment-income incidence (<code>frbus_shock_incidence</code>, experimental). <code>score_reform</code> refuses it</span></div>
           </div>
           <p class="qa-link"><a href="/frb-us">Open FRB/US &rarr;</a></p>
         </div>
       </details>
-      <details class="qa">
+      <details class="qa" style="--qa-i:4">
         <summary><span>How US shock responses differ across the household wealth distribution</span><strong>US &middot; us-hank</strong></summary>
         <div class="qa-body">
           <p>A two-asset heterogeneous-agent New Keynesian model (an ABRS 2021 replication): one monetary, fiscal or productivity shock, solved for the whole distribution of households.</p>
@@ -117,7 +117,7 @@ <h1 class="reveal page-title" style="--d:1">One microsimulation, six models that
           <p class="qa-link"><a href="/us-hank">Open US HANK &rarr;</a></p>
         </div>
       </details>
-      <details class="qa">
+      <details class="qa" style="--qa-i:5">
         <summary><span>Work, saving, and capital effects over decades</span><strong>UK &middot; psl-og</strong></summary>
         <div class="qa-body">
           <p>80 overlapping cohorts choose work and saving over their lifetimes. Solve the steady state or the 60-period transition path and read where a reform takes GDP, investment and revenue in the long run.</p>
@@ -129,7 +129,7 @@ <h1 class="reveal page-title" style="--d:1">One microsimulation, six models that
           <p class="qa-link"><a href="/olg">Open OG-UK &rarr;</a></p>
         </div>
       </details>
-      <details class="qa">
+      <details class="qa" style="--qa-i:6">
         <summary><span>A UK climate-policy scenario, as deltas against a baseline</span><strong>UK &middot; define-uk</strong></summary>
         <div class="qa-body">
           <p>The authors&rsquo; ecological stock-flow-consistent model of the UK economy and climate, run unmodified at a pinned commit: one published scenario, read as deltas over 2023&ndash;2037.</p>
@@ -147,7 +147,7 @@ <h1 class="reveal page-title" style="--d:1">One microsimulation, six models that
   <section id="compose" class="band band-stack">
     <div class="band-head"><span class="kicker mono">combine the models</span><h2>Every join starts or ends at the microsimulation.</h2><p class="section-intro"><code>score_reform</code> accepts <code>microsim</code>, <code>obr</code>, <code>og</code> and <code>og+microsim</code>. The other four members connect the opposite way.</p></div>
     <div class="qa-list">
-      <details class="qa" id="score">
+      <details class="qa" style="--qa-i:0" id="score">
         <summary><span>What would a reform cost &mdash; and what would it do to the economy?</span><strong>score a reform</strong></summary>
         <div class="qa-body">
           <p>The pipeline chains two members: the microsimulation produces the static costing from the actual tax-benefit rules, then the OBR emulator returns the second-round effects.</p>
@@ -169,7 +169,7 @@ <h1 class="reveal page-title" style="--d:1">One microsimulation, six models that
           <p>Read the caveats before the headline: the costing inherits survey-microdata uncertainty, and the emulator&rsquo;s household-route multiplier is ~0.35 vs the OBR&rsquo;s published 0.3 for income tax, while its <em>spending</em> multiplier is 1.0000 by construction vs 0.6 &mdash; treat macro feedback as sign and order of magnitude. Mechanics on the <a href="/pe">microsimulation</a> and <a href="/obr">OBR emulator</a> pages; setup on the <a href="/connect">Use page</a>.</p>
         </div>
       </details>
-      <details class="qa">
+      <details class="qa" style="--qa-i:1">
         <summary><span>What a reform does once wages and the capital stock adjust</span><strong>UK &middot; og+microsim</strong></summary>
         <div class="qa-body">
           <p>OG-UK solves the reform&rsquo;s long-run steady state, then its wage and interest-rate changes feed a second microsimulation run, so the distributional result carries general-equilibrium feedback.</p>
@@ -181,7 +181,7 @@ <h1 class="reveal page-title" style="--d:1">One microsimulation, six models that
           <p class="qa-link"><a href="/olg">Open OG-UK &rarr;</a></p>
         </div>
       </details>
-      <details class="qa">
+      <details class="qa" style="--qa-i:2">
         <summary><span>How a macro shock lands across households</span><strong>experimental &middot; four members</strong></summary>
         <div class="qa-body">
           <p>The four members that cannot score a reform run the arrow the other way instead. <strong>boe-svar</strong>, <strong>frb-us</strong>, <strong>us-hank</strong> and <strong>define-uk</strong> each take a macro path in and return distributional incidence through a microsimulation run &mdash; all four experimental, and none of them a reform bridge. The row-by-row mapping is in the <a href="#compare">comparison table</a>.</p>
diff --git a/notes/2026-07-25-cpi-2026q2/index.html b/notes/2026-07-25-cpi-2026q2/index.html
index fc329e9..198823a 100644
--- a/notes/2026-07-25-cpi-2026q2/index.html
+++ b/notes/2026-07-25-cpi-2026q2/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 .implication {
   border-left: 3px solid var(--brand);
diff --git a/notes/releases/2026-07-29-uk_bank_rate/index.html b/notes/releases/2026-07-29-uk_bank_rate/index.html
index 60b4373..150daf3 100644
--- a/notes/releases/2026-07-29-uk_bank_rate/index.html
+++ b/notes/releases/2026-07-29-uk_bank_rate/index.html
@@ -9,7 +9,7 @@
 <link rel="icon" type="image/svg+xml" href="/assets/policyengine-mark.svg" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/notes/releases/2026-07-29-uk_gilt_10y/index.html b/notes/releases/2026-07-29-uk_gilt_10y/index.html
index 01e02e0..a7c5729 100644
--- a/notes/releases/2026-07-29-uk_gilt_10y/index.html
+++ b/notes/releases/2026-07-29-uk_gilt_10y/index.html
@@ -9,7 +9,7 @@
 <link rel="icon" type="image/svg+xml" href="/assets/policyengine-mark.svg" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/notes/releases/2026-07-29-uk_gilt_20y/index.html b/notes/releases/2026-07-29-uk_gilt_20y/index.html
index 4cbeaf2..6f13041 100644
--- a/notes/releases/2026-07-29-uk_gilt_20y/index.html
+++ b/notes/releases/2026-07-29-uk_gilt_20y/index.html
@@ -9,7 +9,7 @@
 <link rel="icon" type="image/svg+xml" href="/assets/policyengine-mark.svg" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/notes/releases/2026-07-29-uk_gilt_5y/index.html b/notes/releases/2026-07-29-uk_gilt_5y/index.html
index afe6ea1..a85becc 100644
--- a/notes/releases/2026-07-29-uk_gilt_5y/index.html
+++ b/notes/releases/2026-07-29-uk_gilt_5y/index.html
@@ -9,7 +9,7 @@
 <link rel="icon" type="image/svg+xml" href="/assets/policyengine-mark.svg" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/notes/releases/2026-07-29-us_treasury_10y/index.html b/notes/releases/2026-07-29-us_treasury_10y/index.html
index 1c73915..ebcf3ed 100644
--- a/notes/releases/2026-07-29-us_treasury_10y/index.html
+++ b/notes/releases/2026-07-29-us_treasury_10y/index.html
@@ -9,7 +9,7 @@
 <link rel="icon" type="image/svg+xml" href="/assets/policyengine-mark.svg" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/notes/releases/index.html b/notes/releases/index.html
index 1aece4f..a418fad 100644
--- a/notes/releases/index.html
+++ b/notes/releases/index.html
@@ -9,7 +9,7 @@
 <link rel="icon" type="image/svg+xml" href="/assets/policyengine-mark.svg" />
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 </head>
 <body class="doc">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/obr/code/index.html b/obr/code/index.html
index 43aa2cb..cb80521 100644
--- a/obr/code/index.html
+++ b/obr/code/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/obr/index.html b/obr/index.html
index 71e655e..9d5ca6c 100644
--- a/obr/index.html
+++ b/obr/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/obr/methodology/index.html b/obr/methodology/index.html
index 8d3cb08..b69f1a9 100644
--- a/obr/methodology/index.html
+++ b/obr/methodology/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/obr/validation/index.html b/obr/validation/index.html
index e425518..b787ea5 100644
--- a/obr/validation/index.html
+++ b/obr/validation/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/olg/code/index.html b/olg/code/index.html
index ffe5f73..4046454 100644
--- a/olg/code/index.html
+++ b/olg/code/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/olg/index.html b/olg/index.html
index 1731137..b0ef835 100644
--- a/olg/index.html
+++ b/olg/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/olg/methodology/index.html b/olg/methodology/index.html
index 905d106..266ee03 100644
--- a/olg/methodology/index.html
+++ b/olg/methodology/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/olg/validation/index.html b/olg/validation/index.html
index 0578312..6106250 100644
--- a/olg/validation/index.html
+++ b/olg/validation/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/papers/boe-svar/index.html b/papers/boe-svar/index.html
index 36c25e8..ce957f9 100644
--- a/papers/boe-svar/index.html
+++ b/papers/boe-svar/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
 .cite-head { margin-top: 44px; }
diff --git a/papers/define-uk/index.html b/papers/define-uk/index.html
index 4d43a40..4467537 100644
--- a/papers/define-uk/index.html
+++ b/papers/define-uk/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
 </style>
diff --git a/papers/frb-us/index.html b/papers/frb-us/index.html
index 4c82058..c43aa14 100644
--- a/papers/frb-us/index.html
+++ b/papers/frb-us/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
 .cite-head { margin-top: 44px; }
diff --git a/papers/obr-macro/index.html b/papers/obr-macro/index.html
index 4c10cf3..2ec42ca 100644
--- a/papers/obr-macro/index.html
+++ b/papers/obr-macro/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
 .cite-head { margin-top: 44px; }
diff --git a/papers/pe-microsim/index.html b/papers/pe-microsim/index.html
index 59c7437..600e389 100644
--- a/papers/pe-microsim/index.html
+++ b/papers/pe-microsim/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
 .cite-head { margin-top: 44px; }
diff --git a/papers/psl-og/index.html b/papers/psl-og/index.html
index f6f4e30..68369bd 100644
--- a/papers/psl-og/index.html
+++ b/papers/psl-og/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
 .cite-head { margin-top: 44px; }
diff --git a/pe/code/index.html b/pe/code/index.html
index e0a44b7..cb66143 100644
--- a/pe/code/index.html
+++ b/pe/code/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/pe/index.html b/pe/index.html
index 8abf4dc..ba2633c 100644
--- a/pe/index.html
+++ b/pe/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/pe/methodology/index.html b/pe/methodology/index.html
index 7983a99..de68df4 100644
--- a/pe/methodology/index.html
+++ b/pe/methodology/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/pe/validation/index.html b/pe/validation/index.html
index 3aa4263..6ace99f 100644
--- a/pe/validation/index.html
+++ b/pe/validation/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/reports/define-uk-replication/index.html b/reports/define-uk-replication/index.html
index 5d0800f..6f5276a 100644
--- a/reports/define-uk-replication/index.html
+++ b/reports/define-uk-replication/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
 </style>
diff --git a/reports/us-hank-open-source/index.html b/reports/us-hank-open-source/index.html
index cd4b0cd..90e41de 100644
--- a/reports/us-hank-open-source/index.html
+++ b/reports/us-hank-open-source/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing, and tabular numerals in the count columns —
    shared component styles live in style.css */
diff --git a/style.css b/style.css
index 290fe9e..5fd9923 100644
--- a/style.css
+++ b/style.css
@@ -2885,6 +2885,25 @@ td.vc-warn, th.vc-warn { color: var(--brand-warning); font-weight: 600; }
   list-style: none;
 }
 .qa summary::-webkit-details-marker { display: none; }
+
+/* Rows arrive in sequence rather than as one block, so the eye reads the
+   suite as a list of seven choices. --qa-i restarts per .qa-list, so the
+   second list does not inherit the first list's delays. The global
+   prefers-reduced-motion rule disables all of this. */
+@keyframes qa-in {
+  from { opacity: 0; transform: translateY(10px); }
+  to { opacity: 1; transform: none; }
+}
+.qa-list.in-view .qa {
+  animation: qa-in 380ms cubic-bezier(.2, .7, .3, 1) both;
+  animation-delay: calc(var(--qa-i, 0) * 55ms);
+}
+.qa { transition: border-color 180ms ease, transform 180ms ease; }
+.qa:hover { border-color: var(--brand-strong); }
+.qa[open] { border-color: var(--brand-strong); }
+.qa summary::after { transition: transform 180ms ease; }
+.qa[open] summary::after { transform: rotate(45deg); }
+
 .qa summary::after {
   content: "+";
   flex: 0 0 auto;
diff --git a/svar/code/index.html b/svar/code/index.html
index 25cc5a9..74fccc9 100644
--- a/svar/code/index.html
+++ b/svar/code/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/svar/index.html b/svar/index.html
index ae26622..430c533 100644
--- a/svar/index.html
+++ b/svar/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/svar/methodology/index.html b/svar/methodology/index.html
index 1aede7b..731c177 100644
--- a/svar/methodology/index.html
+++ b/svar/methodology/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/svar/validation/index.html b/svar/validation/index.html
index 630f002..f5a7d82 100644
--- a/svar/validation/index.html
+++ b/svar/validation/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/us-hank/code/index.html b/us-hank/code/index.html
index bf17051..2cefe7d 100644
--- a/us-hank/code/index.html
+++ b/us-hank/code/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/us-hank/index.html b/us-hank/index.html
index bafd623..082c5ae 100644
--- a/us-hank/index.html
+++ b/us-hank/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/us-hank/methodology/index.html b/us-hank/methodology/index.html
index 965ab31..cee07bc 100644
--- a/us-hank/methodology/index.html
+++ b/us-hank/methodology/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
diff --git a/us-hank/validation/index.html b/us-hank/validation/index.html
index eccb953..3d57c6e 100644
--- a/us-hank/validation/index.html
+++ b/us-hank/validation/index.html
@@ -19,7 +19,7 @@
 
 <link rel="stylesheet" href="/vendor/fonts/fonts.css" />
 <link rel="stylesheet" href="/vendor/ui-kit-tokens.css" />
-<link rel="stylesheet" href="/style.css?v=4" />
+<link rel="stylesheet" href="/style.css?v=5" />
 <style>
 /* page-specific: hero sizing only — shared component styles live in style.css */
 .model-hero { min-height: auto; padding-top: clamp(120px, 18vh, 180px); padding-bottom: 10px; }
