diff --git a/connect/index.html b/connect/index.html
index 4dcf316..0e23ca4 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 e2d57e4..15f31be 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 d11b3ba..bbe1b6a 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 c907e9e..86d8e07 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 ca9da7e..b262371 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 e00b9e3..071c015 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 c6b1ec7..e8d0aa1 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 29bb882..a986fbf 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 7f4929f..f4782e8 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 fb02c21..c501aa2 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 d676a16..76ccc2d 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 1de4fe8..f70da96 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 774f532..0f80348 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 84aa0c0..7139f8e 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 8f5e320..06b51b3 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 f82fddb..906d498 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 56d0f58..224bb30 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 5fcc33e..25bb1cf 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 fd5ba24..d62efd0 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 72e713b..a5508de 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 8235f35..865eb4a 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 b916019..d7e76cb 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 5eab75e..e85829d 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 fbe9782..583bf2e 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 987f0ab..4ec78e4 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 ec6b6d4..70c51b3 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 9619925..7dfeac5 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </head>
 <body class="doc home-page">
 <a class="skip-link" href="#top">Skip to main content</a>
@@ -219,38 +219,68 @@ <h2>How the models connect.</h2>
       <h2>Six models, six different questions.</h2>
       <p class="section-intro">Pick by the question you have, not by the model you know. Each line is what that model is for, and what its evidence does and does not support.</p>
     </div>
-    <ol class="xt-list" aria-label="What each macro model adds, and the evidence for it">
-      <li class="xt-row">
-        <span class="xt-id"><a class="mono" href="/obr">obr-macro</a><span class="xt-tag">anchored replication</span></span>
-        <p class="xt-what">For scoring a UK reform with its knock-on effects on GDP, not just its cost.</p>
-        <p class="xt-proof">Tracks the March 2026 EFO to <strong>0.15% GDP MAPE</strong> with the anchors held; free-running, <strong>4.48%</strong>.</p>
-      </li>
-      <li class="xt-row">
-        <span class="xt-id"><a class="mono" href="/svar">boe-svar</a><span class="xt-tag">forecast evaluation</span></span>
-        <p class="xt-what">For reading what has been driving UK GDP and inflation, and what comes next.</p>
-        <p class="xt-proof">Replicates the paper&rsquo;s GDP decomposition (<strong>37.4% vs ~40%</strong>), <strong>8pp short on CPI</strong>. Against a drifting random walk, <strong>no forecast skill survives</strong> the 64 tests run.</p>
-      </li>
-      <li class="xt-row">
-        <span class="xt-id"><a class="mono" href="/frb-us">frb-us</a><span class="xt-tag">software replication</span></span>
-        <p class="xt-what">For tracing how the US economy responds to a rate or spending shock.</p>
-        <p class="xt-proof">Matches the Fed&rsquo;s own pyfrbus inside its two releases&rsquo; disagreement (<strong>~1&times;10⁻⁸</strong>); <strong>no predictive claim</strong>.</p>
-      </li>
-      <li class="xt-row">
-        <span class="xt-id"><a class="mono" href="/us-hank">us-hank</a><span class="xt-tag">published replication</span></span>
-        <p class="xt-what">For seeing which US households absorb a shock, by wealth.</p>
-        <p class="xt-proof">Solves Auclert et al. (2021) to four decimals &mdash; the headline targets are <strong>inputs, not results</strong>.</p>
-      </li>
-      <li class="xt-row">
-        <span class="xt-id"><a class="mono" href="/olg">psl-og</a><span class="xt-tag xt-tag-warn">calibration only</span></span>
-        <p class="xt-what">For the decades-long effects on work, saving and the capital stock.</p>
-        <p class="xt-proof">+1pp on the basic rate: GDP <strong>&minus;£5.0bn (&minus;0.14%)</strong>, revenue <strong>+0.29pp of GDP</strong> by 2030. Targets met by construction; <strong>no independent outcome benchmark exists</strong>.</p>
-      </li>
-      <li class="xt-row">
-        <span class="xt-id"><a class="mono" href="/define">define-uk</a><span class="xt-tag xt-tag-warn">partial replication</span></span>
-        <p class="xt-what">For UK climate-policy scenarios: emissions, energy, green investment.</p>
-        <p class="xt-proof">Baseline replicates the manual; scenarios are design-gated and paper-anchored. <strong>Deltas only, never levels.</strong></p>
-      </li>
-    </ol>
+    <figure class="mm-figure">
+<svg class="model-map" viewBox="0 0 940 470" role="img" aria-labelledby="mm-t mm-d">
+<title id="mm-t">Which model answers which question, by horizon and country</title>
+<desc id="mm-d">A map of the six macro models on a shared time axis running from the recent past through coming quarters and three to five years out to decades. The UK lane holds boe-svar at the recent past for what is driving the economy now, obr-macro at three to five years for scoring a UK reform, and psl-og and define-uk at decades for long-run effects and climate scenarios. The US lane holds frb-us and us-hank in coming quarters, for shock response and for which households absorb a shock by wealth. Models drawn with a solid outline are checked against an external published anchor; psl-og and define-uk are drawn dashed because no independent outcome benchmark exists for them.</desc>
+<text class="mm-zone" x="145" y="452" text-anchor="middle">recent past → now</text>
+<rect class="mm-band" x="250" y="56" width="220" height="374"/>
+<text class="mm-zone" x="360" y="452" text-anchor="middle">coming quarters</text>
+<line class="mm-div" x1="250" y1="56" x2="250" y2="430"/>
+<text class="mm-zone" x="575" y="452" text-anchor="middle">3–5 years</text>
+<line class="mm-div" x1="470" y1="56" x2="470" y2="430"/>
+<rect class="mm-band" x="680" y="56" width="210" height="374"/>
+<text class="mm-zone" x="785" y="452" text-anchor="middle">decades</text>
+<line class="mm-div" x1="680" y1="56" x2="680" y2="430"/>
+<line class="mm-axis" x1="40" y1="430" x2="890" y2="430"/>
+<text class="mm-lane" x="40" y="46">UK</text>
+<line class="mm-lanediv" x1="40" y1="240" x2="890" y2="240"/>
+<text class="mm-lane" x="40" y="266">US</text>
+<a href="/svar">
+<rect class="mm-pill" x="60" y="97" width="176" height="62" rx="10"/>
+<text class="mm-id" x="148" y="122" text-anchor="middle">boe-svar</text>
+<text class="mm-what" x="148" y="144" text-anchor="middle">what is driving it now</text>
+</a>
+<a href="/obr">
+<rect class="mm-pill" x="490" y="97" width="176" height="62" rx="10"/>
+<text class="mm-id" x="578" y="122" text-anchor="middle">obr-macro</text>
+<text class="mm-what" x="578" y="144" text-anchor="middle">score a UK reform</text>
+</a>
+<a href="/olg">
+<rect class="mm-pill mm-pill-soft" x="696" y="65" width="176" height="62" rx="10"/>
+<text class="mm-id" x="784" y="90" text-anchor="middle">psl-og</text>
+<text class="mm-what" x="784" y="112" text-anchor="middle">decades ahead</text>
+</a>
+<a href="/define">
+<rect class="mm-pill mm-pill-soft" x="696" y="151" width="176" height="62" rx="10"/>
+<text class="mm-id" x="784" y="176" text-anchor="middle">define-uk</text>
+<text class="mm-what" x="784" y="198" text-anchor="middle">climate scenarios</text>
+</a>
+<a href="/frb-us">
+<rect class="mm-pill" x="272" y="269" width="176" height="62" rx="10"/>
+<text class="mm-id" x="360" y="294" text-anchor="middle">frb-us</text>
+<text class="mm-what" x="360" y="316" text-anchor="middle">US shock response</text>
+</a>
+<a href="/us-hank">
+<rect class="mm-pill" x="272" y="355" width="176" height="62" rx="10"/>
+<text class="mm-id" x="360" y="380" text-anchor="middle">us-hank</text>
+<text class="mm-what" x="360" y="402" text-anchor="middle">who absorbs it, by wealth</text>
+</a>
+<rect class="mm-pill mm-key" x="600" y="20" width="18" height="12" rx="3"/>
+<text class="mm-legend" x="626" y="30">checked against a published anchor</text>
+<rect class="mm-pill mm-pill-soft mm-key" x="600" y="38" width="18" height="12" rx="3"/>
+<text class="mm-legend" x="626" y="48">no independent outcome benchmark</text>
+</svg>
+      <figcaption>Placed by the horizon each model answers over, and split by country. A solid outline means the model is checked against an external published anchor; a dashed one means no independent outcome benchmark exists for it.</figcaption>
+    </figure>
+    <div class="vmet-notes mm-evidence">
+        <p class="vmet-notes-line"><span class="vmet-notes-key">obr-macro</span> <span>Tracks the March 2026 EFO to <strong>0.15% GDP MAPE</strong> with the anchors held; free-running, <strong>4.48%</strong>.</span></p>
+        <p class="vmet-notes-line"><span class="vmet-notes-key">boe-svar</span> <span>Replicates the paper&rsquo;s GDP decomposition (<strong>37.4% vs ~40%</strong>), <strong>8pp short on CPI</strong>. Against a drifting random walk, <strong>no forecast skill survives</strong> the 64 tests run.</span></p>
+        <p class="vmet-notes-line"><span class="vmet-notes-key">frb-us</span> <span>Matches the Fed&rsquo;s own pyfrbus inside its two releases&rsquo; disagreement (<strong>~1&times;10&minus;&#8312;</strong>); <strong>no predictive claim</strong>.</span></p>
+        <p class="vmet-notes-line"><span class="vmet-notes-key">us-hank</span> <span>Solves Auclert et al. (2021) to four decimals &mdash; the headline targets are <strong>inputs, not results</strong>.</span></p>
+        <p class="vmet-notes-line"><span class="vmet-notes-key">psl-og</span> <span>+1pp on the basic rate: GDP <strong>&minus;&pound;5.0bn (&minus;0.14%)</strong>, revenue <strong>+0.29pp of GDP</strong> by 2030. Targets met by construction; <strong>no independent outcome benchmark exists</strong>.</span></p>
+        <p class="vmet-notes-line"><span class="vmet-notes-key">define-uk</span> <span>Baseline replicates the manual; scenarios are design-gated and paper-anchored. <strong>Deltas only, never levels.</strong></span></p>
+    </div>
     <p class="chooser-note"><a href="/models">Inspect all seven models</a>, <a href="/models#compare">compare them side by side</a>, or <a href="/models#validation">read the evidence for each</a>.</p>
   </section>
 
diff --git a/models/index.html b/models/index.html
index 1a5093c..15b76b7 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </head>
 <body class="doc models-page">
 <a class="skip-link" href="#top">Skip to main content</a>
diff --git a/notes/2026-07-25-cpi-2026q2/index.html b/notes/2026-07-25-cpi-2026q2/index.html
index c6d7b23..bb6ed7a 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 29b3e64..e1c45f7 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 dc80686..23b1ad0 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 ee5d336..3e6f085 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 ae63d43..ef1c283 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 c46f718..96511f0 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 784cff6..994453e 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 </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 515ba5b..53a1116 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 b65cebf..4ec47e9 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 944cf65..a4664e4 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 b8e5c80..45d56a1 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 2cb6683..6ccb50a 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 2439733..5f0f67a 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 c3310b3..250d6b2 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 9398523..c49d861 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 33b7398..d3fbf7e 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 5ee448a..c69f27c 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 1ae185a..8be8772 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 7e107a7..abc9ceb 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 aedadd0..4ffe350 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 5ab88d3..d6cd2ca 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 da58a72..bbf0e74 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 1656c21..5e277d9 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 895921d..b57b455 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 2c05dc1..aa36a4d 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 0df87ec..5973fe2 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 0ef20ec..e02a6ea 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 2663093..510eca7 100644
--- a/style.css
+++ b/style.css
@@ -3877,3 +3877,65 @@ td.vc-warn, th.vc-warn { color: var(--brand-warning); font-weight: 600; }
 .home-page .strategy-card p { max-width: 88ch; }
 .home-page .glance-tabs { justify-content: flex-start; }
 .home-page #now .glance-col { margin-inline: 0; max-width: 980px; }
+
+
+/* ---------- model horizon map (landing 02) ----------
+   Six models placed on one shared time axis, split into UK and US lanes, so
+   the reader can see at a glance which model answers over which horizon
+   instead of reading six paragraphs to find out. Evidence strength is in the
+   shape itself: a solid outline is checked against an external published
+   anchor, a dashed one has no independent outcome benchmark. Fonts come from
+   the tokens, never a hardcoded family. */
+.mm-figure { margin: var(--s-6) 0 var(--s-5); }
+.model-map {
+  display: block;
+  width: 100%;
+  max-width: 940px;
+  height: auto;
+  margin: 0 auto;
+  overflow: visible;
+}
+.model-map text { font-family: var(--body); }
+.mm-band { fill: color-mix(in srgb, var(--brand) 4%, transparent); }
+.mm-div { stroke: var(--line-soft); stroke-width: 1; stroke-dasharray: 3 4; }
+.mm-axis { stroke: var(--line); stroke-width: 1.5; }
+.mm-lanediv { stroke: var(--line-soft); stroke-width: 1; }
+.mm-lane {
+  font-family: var(--mono);
+  font-size: 13px;
+  font-weight: 700;
+  fill: var(--paper-faint);
+  letter-spacing: .06em;
+}
+.mm-zone {
+  font-family: var(--mono);
+  font-size: 12px;
+  fill: var(--paper-faint);
+}
+.mm-pill {
+  fill: var(--surface);
+  stroke: var(--brand-strong);
+  stroke-width: 1.5;
+  transition: fill 180ms ease, stroke-width 180ms ease;
+}
+.mm-pill-soft { stroke-dasharray: 5 4; stroke: var(--paper-faint); }
+.mm-key { stroke-width: 1.5; }
+.mm-id {
+  font-family: var(--mono);
+  font-size: 14px;
+  font-weight: 700;
+  fill: var(--paper);
+}
+.mm-what { font-size: 12px; fill: var(--paper-faint); }
+.mm-legend { font-size: 11px; fill: var(--paper-faint); }
+.model-map a { cursor: pointer; }
+.model-map a:hover .mm-pill { fill: color-mix(in srgb, var(--brand) 10%, transparent); stroke-width: 2.5; }
+.model-map a:hover .mm-id { fill: var(--brand-strong); }
+.model-map a:focus-visible .mm-pill { stroke-width: 3; }
+.mm-evidence { margin-top: var(--s-5); }
+
+@media (max-width: 720px) {
+  /* The map is a two-dimensional layout; below this width it stops being
+     readable at all, so the evidence lines carry the section on their own. */
+  .mm-figure { display: none; }
+}
diff --git a/svar/code/index.html b/svar/code/index.html
index 3c2db2b..2648880 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 7307831..73ac540 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 9ae84aa..0d4132f 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 75e72fb..1710c56 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 186607e..8adc7ef 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 173b04a..13a542f 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 cb0b9c0..5d4f8ac 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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 5e6fc23..d2c01f6 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=6" />
+<link rel="stylesheet" href="/style.css?v=7" />
 <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; }
