diff --git a/connect/index.html b/connect/index.html
index b20cc47..cd38907 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 b7268cd..8a9760e 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 c7ba6fe..92b99a1 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 f23c306..ca76dc2 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 d1da469..738fcdd 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 9e60ec9..fffa70f 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 037f598..a87fbc9 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 51a9d68..83b7eee 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 b2aeca8..224f8b8 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 f69da97..6288932 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 57e6bee..9d65d32 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 c8e9048..21394fb 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 4b79ebc..c3ebb71 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 fdf744d..cefea09 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 0c8a603..34ecc67 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 0c695c8..59735eb 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 54d969f..a0780f8 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 bdb6548..b5c9c31 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 d00045d..65157f8 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 aab0ce8..48dddda 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 3343559..f5f323c 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 d6c674d..796dbb1 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 090dedc..2f2c94f 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 ab9532d..b8e4c6a 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 6b3f7bf..61f6498 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 57f5882..3a024de 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 0896002..84d8dae 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 17d96b8..f6f2b23 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 9457bb7..fc329e9 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 39972dd..60b4373 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 3cd706c..01e02e0 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 0c2c12e..4cbeaf2 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 150a1c9..afe6ea1 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 cfdc7e0..1c73915 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 cfd8d09..1aece4f 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 </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 d22e1af..43aa2cb 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 0e87f60..71e655e 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 08f658b..8d3cb08 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 e65b6cd..e425518 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 49da7fb..ffe5f73 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 dd60381..1731137 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 0ee519a..905d106 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 e3454ee..0578312 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 16133d3..36c25e8 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 afc992f..4d43a40 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 75c1452..4c82058 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 85de647..4c10cf3 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 341cdc7..59c7437 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 2e0e198..f6f4e30 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 c9317e5..e0a44b7 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 f74ef20..8abf4dc 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 1b7ae70..7983a99 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 8e14779..3aa4263 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 4645d82..5d0800f 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 3066918..cd4b0cd 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 2b50a0f..290fe9e 100644
--- a/style.css
+++ b/style.css
@@ -3009,15 +3009,20 @@ td.vc-warn, th.vc-warn { color: var(--brand-warning); font-weight: 600; }
   color: var(--paper-faint);
 }
 .vmet-notes-line {
-  display: flex;
-  align-items: flex-start;
+  /* NOT display:flex. Flex makes every child its own item, so an inline <a>
+     in the note text became a 40px flex item and broke "working paper" across
+     three lines mid-word. A hanging indent reproduces the key/body look while
+     leaving inline content in normal flow. */
+  display: block;
+  padding-left: 6.5ch;
+  text-indent: -6.5ch;
   gap: 10px;
   margin: 0;
   padding: 4px 0;
   line-height: 1.6;
 }
 .vmet-notes-key {
-  flex: 0 0 auto;
+  display: inline-block;
   min-width: 5.5ch;
   color: var(--brand-strong);
   text-transform: uppercase;
diff --git a/svar/code/index.html b/svar/code/index.html
index 3a33916..25cc5a9 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 1cf79d5..ae26622 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 1734594..1aede7b 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 4c036fb..630f002 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 e24290c..bf17051 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 14c8796..bafd623 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 6417d79..965ab31 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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 ed363ac..eccb953 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=3" />
+<link rel="stylesheet" href="/style.css?v=4" />
 <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; }
