From d71e39f40a121c3f4ef930fcdbd99b709dda6384 Mon Sep 17 00:00:00 2001
From: Stan Runge <stan@stanrunge.dev>
Date: Mon, 26 Oct 2026 00:16:08 +0000
Subject: [PATCH] stats: world opinions moves to /stats/opinions/world, the
 energy tracker merges into /stats/energy (live NED section), 301s from
 /projects/world-opinions and /projects/energy, tracker-style icons for the
 stats header, nav, sub-tabs and home grid

---
 scripts/stats/world-opinions-seed.json        | 1677 -----------------
 src/lib/components/CatalogGrid.svelte         |    2 +-
 src/lib/components/SiteChrome.svelte          |   29 +-
 src/lib/projects.ts                           |   35 +-
 src/lib/seo.ts                                |    9 +-
 src/lib/server/db/schema/stats.ts             |    2 +-
 src/lib/server/world-opinions.ts              |    2 +-
 .../stats/EnergyLive.svelte}                  |  490 ++---
 src/lib/title.ts                              |    3 +-
 src/lib/tracker-icons.ts                      |   83 +
 src/lib/world-opinions/data.test.ts           |   50 -
 src/lib/world-opinions/data.ts                |    2 +-
 src/routes/+page.svelte                       |    6 +-
 src/routes/projects/energy/+page.server.ts    |    4 -
 .../projects/energy/[...rest]/+server.ts      |    7 +
 .../world-opinions/[...rest]/+server.ts       |    7 +
 src/routes/sitemap.xml/+server.ts             |    3 +-
 src/routes/stats/+layout.svelte               |   85 +-
 src/routes/stats/+page.svelte                 |   45 +-
 src/routes/stats/energy/+page.server.ts       |    3 +
 src/routes/stats/energy/+page.svelte          |   48 +-
 src/routes/stats/opinions/+page.svelte        |    5 +-
 .../opinions/world}/+page.server.ts           |    0
 .../opinions/world}/+page.svelte              |   43 +-
 .../opinions/world}/world-opinions.css        |    0
 25 files changed, 405 insertions(+), 2235 deletions(-)
 delete mode 100644 scripts/stats/world-opinions-seed.json
 rename src/{routes/projects/energy/+page.svelte => lib/stats/EnergyLive.svelte} (69%)
 delete mode 100644 src/lib/world-opinions/data.test.ts
 delete mode 100644 src/routes/projects/energy/+page.server.ts
 create mode 100644 src/routes/projects/energy/[...rest]/+server.ts
 create mode 100644 src/routes/projects/world-opinions/[...rest]/+server.ts
 rename src/routes/{projects/world-opinions => stats/opinions/world}/+page.server.ts (100%)
 rename src/routes/{projects/world-opinions => stats/opinions/world}/+page.svelte (75%)
 rename src/routes/{projects/world-opinions => stats/opinions/world}/world-opinions.css (100%)

diff --git a/scripts/stats/world-opinions-seed.json b/scripts/stats/world-opinions-seed.json
deleted file mode 100644
index e90900d..0000000
--- a/scripts/stats/world-opinions-seed.json
+++ /dev/null
@@ -1,1677 +0,0 @@
-{
-	"countries": [
-		{
-			"id": "se",
-			"iso": "752",
-			"name": "Sweden",
-			"region": "nordics",
-			"values": {
-				"x": 2.4,
-				"y": 1.8
-			},
-			"liberal": "market",
-			"divide": "economy"
-		},
-		{
-			"id": "dk",
-			"iso": "208",
-			"name": "Denmark",
-			"region": "nordics",
-			"values": {
-				"x": 2.3,
-				"y": 1.2
-			},
-			"liberal": "market",
-			"divide": "economy",
-			"note": "\"Venstre\" (literally \"Left\") is the liberal, center-right party"
-		},
-		{
-			"id": "no",
-			"iso": "578",
-			"name": "Norway",
-			"region": "nordics",
-			"values": {
-				"x": 2.1,
-				"y": 1.4
-			},
-			"liberal": "market",
-			"divide": "economy"
-		},
-		{
-			"id": "fi",
-			"iso": "246",
-			"name": "Finland",
-			"region": "nordics",
-			"values": {
-				"x": 1.6,
-				"y": 1
-			},
-			"liberal": "market",
-			"divide": "economy"
-		},
-		{
-			"id": "nl",
-			"iso": "528",
-			"name": "Netherlands",
-			"region": "western-europe",
-			"values": {
-				"x": 2,
-				"y": 1.1
-			},
-			"liberal": "market",
-			"divide": "economy",
-			"note": "Liberal VVD is the main center-right party"
-		},
-		{
-			"id": "be",
-			"iso": "056",
-			"name": "Belgium",
-			"region": "western-europe",
-			"values": {
-				"x": 1.4,
-				"y": 0.8
-			},
-			"liberal": "market",
-			"divide": "economy",
-			"note": "Language (Flemish vs French-speaking) splits every party family"
-		},
-		{
-			"id": "de",
-			"iso": "276",
-			"name": "Germany",
-			"region": "western-europe",
-			"values": {
-				"x": 1.3,
-				"y": 1.4
-			},
-			"liberal": "market",
-			"divide": "economy",
-			"note": "Liberal FDP = pro-market, low taxes"
-		},
-		{
-			"id": "at",
-			"iso": "040",
-			"name": "Austria",
-			"region": "western-europe",
-			"values": {
-				"x": 1.3,
-				"y": 0.6
-			},
-			"liberal": "market",
-			"divide": "economy"
-		},
-		{
-			"id": "ch",
-			"iso": "756",
-			"name": "Switzerland",
-			"region": "western-europe",
-			"values": {
-				"x": 1.9,
-				"y": 0.7
-			},
-			"liberal": "market",
-			"divide": "economy"
-		},
-		{
-			"id": "gb",
-			"iso": "826",
-			"name": "United Kingdom",
-			"region": "western-europe",
-			"values": {
-				"x": 1.8,
-				"y": 0.3
-			},
-			"liberal": "market",
-			"divide": "economy",
-			"note": "Liberal Democrats sit in the center; Brexit cut across old lines"
-		},
-		{
-			"id": "ie",
-			"iso": "372",
-			"name": "Ireland",
-			"region": "western-europe",
-			"values": {
-				"x": 1.4,
-				"y": -0.4
-			},
-			"liberal": "market",
-			"divide": "history",
-			"note": "The two big parties descend from opposite sides of the 1922 civil war"
-		},
-		{
-			"id": "fr",
-			"iso": "250",
-			"name": "France",
-			"region": "western-europe",
-			"values": {
-				"x": 1.1,
-				"y": 0.8
-			},
-			"liberal": "market",
-			"divide": "economy",
-			"note": "\"Libéral\" means pro-market, often used as a criticism"
-		},
-		{
-			"id": "es",
-			"iso": "724",
-			"name": "Spain",
-			"region": "western-europe",
-			"values": {
-				"x": 1.3,
-				"y": 0.3
-			},
-			"liberal": "market",
-			"divide": "economy",
-			"note": "Regional nationalism (Catalonia, Basque Country) is a second axis"
-		},
-		{
-			"id": "pt",
-			"iso": "620",
-			"name": "Portugal",
-			"region": "western-europe",
-			"values": {
-				"x": 0.8,
-				"y": -0.3
-			},
-			"liberal": "market",
-			"divide": "economy"
-		},
-		{
-			"id": "it",
-			"iso": "380",
-			"name": "Italy",
-			"region": "western-europe",
-			"values": {
-				"x": 0.5,
-				"y": 0
-			},
-			"liberal": "market",
-			"divide": "economy"
-		},
-		{
-			"id": "gr",
-			"iso": "300",
-			"name": "Greece",
-			"region": "eastern-europe",
-			"values": {
-				"x": 0.2,
-				"y": 0
-			},
-			"liberal": "market",
-			"divide": "economy"
-		},
-		{
-			"id": "us",
-			"iso": "840",
-			"name": "United States",
-			"region": "north-america",
-			"values": {
-				"x": 1.3,
-				"y": -0.5
-			},
-			"liberal": "left",
-			"divide": "culture",
-			"note": "\"Liberal\" = Democrat; the Democrats sit near Europe's center economically"
-		},
-		{
-			"id": "ca",
-			"iso": "124",
-			"name": "Canada",
-			"region": "north-america",
-			"values": {
-				"x": 1.8,
-				"y": 0
-			},
-			"liberal": "left",
-			"divide": "economy"
-		},
-		{
-			"id": "mx",
-			"iso": "484",
-			"name": "Mexico",
-			"region": "latin-america",
-			"values": {
-				"x": 0.6,
-				"y": -1.3
-			},
-			"liberal": "market",
-			"divide": "economy"
-		},
-		{
-			"id": "br",
-			"iso": "076",
-			"name": "Brazil",
-			"region": "latin-america",
-			"values": {
-				"x": 0.1,
-				"y": -1
-			},
-			"liberal": "market",
-			"divide": "economy",
-			"note": "Bolsonaro's party is literally called \"Partido Liberal\""
-		},
-		{
-			"id": "ar",
-			"iso": "032",
-			"name": "Argentina",
-			"region": "latin-america",
-			"values": {
-				"x": 0.7,
-				"y": -0.6
-			},
-			"liberal": "market",
-			"divide": "economy",
-			"note": "President Milei calls himself a \"liberal-libertarian\""
-		},
-		{
-			"id": "cl",
-			"iso": "152",
-			"name": "Chile",
-			"region": "latin-america",
-			"values": {
-				"x": 0.8,
-				"y": -0.3
-			},
-			"liberal": "market",
-			"divide": "economy"
-		},
-		{
-			"id": "co",
-			"iso": "170",
-			"name": "Colombia",
-			"region": "latin-america",
-			"values": {
-				"x": 0.5,
-				"y": -1.6
-			},
-			"divide": "economy"
-		},
-		{
-			"id": "pe",
-			"iso": "604",
-			"name": "Peru",
-			"region": "latin-america",
-			"values": {
-				"x": 0.3,
-				"y": -1.1
-			},
-			"liberal": "market",
-			"divide": "economy"
-		},
-		{
-			"id": "ve",
-			"iso": "862",
-			"name": "Venezuela",
-			"region": "latin-america",
-			"values": {
-				"x": 0.4,
-				"y": -1.5
-			},
-			"divide": "none"
-		},
-		{
-			"id": "au",
-			"iso": "036",
-			"name": "Australia",
-			"region": "oceania",
-			"values": {
-				"x": 2,
-				"y": 0.2
-			},
-			"liberal": "market",
-			"divide": "economy",
-			"note": "The Liberal Party is the main conservative party"
-		},
-		{
-			"id": "nz",
-			"iso": "554",
-			"name": "New Zealand",
-			"region": "oceania",
-			"values": {
-				"x": 2.2,
-				"y": 0.1
-			},
-			"liberal": "market",
-			"divide": "economy"
-		},
-		{
-			"id": "pl",
-			"iso": "616",
-			"name": "Poland",
-			"region": "eastern-europe",
-			"values": {
-				"x": 0.2,
-				"y": -0.6
-			},
-			"liberal": "western",
-			"divide": "culture"
-		},
-		{
-			"id": "cz",
-			"iso": "203",
-			"name": "Czechia",
-			"region": "eastern-europe",
-			"values": {
-				"x": 0.5,
-				"y": 1.2
-			},
-			"liberal": "western",
-			"divide": "culture"
-		},
-		{
-			"id": "hu",
-			"iso": "348",
-			"name": "Hungary",
-			"region": "eastern-europe",
-			"values": {
-				"x": -0.4,
-				"y": 0.4
-			},
-			"liberal": "western",
-			"divide": "culture",
-			"note": "Orbán calls his model \"illiberal democracy\""
-		},
-		{
-			"id": "ro",
-			"iso": "642",
-			"name": "Romania",
-			"region": "eastern-europe",
-			"values": {
-				"x": -0.4,
-				"y": -0.6
-			},
-			"liberal": "western",
-			"divide": "culture"
-		},
-		{
-			"id": "rs",
-			"iso": "688",
-			"name": "Serbia",
-			"region": "eastern-europe",
-			"values": {
-				"x": -0.6,
-				"y": 0.1
-			},
-			"liberal": "western",
-			"divide": "history"
-		},
-		{
-			"id": "ua",
-			"iso": "804",
-			"name": "Ukraine",
-			"region": "eastern-europe",
-			"values": {
-				"x": -0.9,
-				"y": 0.2
-			},
-			"divide": "history",
-			"note": "Politics long split between pro-Western and pro-Russian orientation"
-		},
-		{
-			"id": "ru",
-			"iso": "643",
-			"name": "Russia",
-			"region": "eastern-europe",
-			"values": {
-				"x": -1,
-				"y": 0.6
-			},
-			"liberal": "western",
-			"divide": "none",
-			"note": "\"Liberal\" = the pro-Western opposition, mostly in exile or prison"
-		},
-		{
-			"id": "kz",
-			"iso": "398",
-			"name": "Kazakhstan",
-			"region": "eastern-europe",
-			"values": {
-				"x": -0.6,
-				"y": 0.4
-			},
-			"divide": "none"
-		},
-		{
-			"id": "tr",
-			"iso": "792",
-			"name": "Turkey",
-			"region": "middle-east",
-			"values": {
-				"x": -0.6,
-				"y": -0.9
-			},
-			"liberal": "western",
-			"divide": "culture",
-			"note": "Main divide: religious-conservative vs secular"
-		},
-		{
-			"id": "ir",
-			"iso": "364",
-			"name": "Iran",
-			"region": "middle-east",
-			"values": {
-				"x": -0.9,
-				"y": -0.6
-			},
-			"liberal": "western",
-			"divide": "none"
-		},
-		{
-			"id": "iq",
-			"iso": "368",
-			"name": "Iraq",
-			"region": "middle-east",
-			"values": {
-				"x": -1.2,
-				"y": -1.3
-			},
-			"divide": "culture"
-		},
-		{
-			"id": "eg",
-			"iso": "818",
-			"name": "Egypt",
-			"region": "middle-east",
-			"values": {
-				"x": -1.5,
-				"y": -1.5
-			},
-			"divide": "none"
-		},
-		{
-			"id": "ma",
-			"iso": "504",
-			"name": "Morocco",
-			"region": "middle-east",
-			"values": {
-				"x": -1.2,
-				"y": -1.5
-			}
-		},
-		{
-			"id": "sa",
-			"iso": "682",
-			"name": "Saudi Arabia",
-			"region": "middle-east",
-			"divide": "none"
-		},
-		{
-			"id": "ng",
-			"iso": "566",
-			"name": "Nigeria",
-			"region": "africa",
-			"values": {
-				"x": -0.3,
-				"y": -1.8
-			}
-		},
-		{
-			"id": "et",
-			"iso": "231",
-			"name": "Ethiopia",
-			"region": "africa",
-			"values": {
-				"x": -0.9,
-				"y": -1.5
-			}
-		},
-		{
-			"id": "ke",
-			"iso": "404",
-			"name": "Kenya",
-			"region": "africa",
-			"values": {
-				"x": -0.4,
-				"y": -1.5
-			}
-		},
-		{
-			"id": "za",
-			"iso": "710",
-			"name": "South Africa",
-			"region": "africa",
-			"values": {
-				"x": 0,
-				"y": -1.2
-			},
-			"divide": "history",
-			"note": "Politics still shaped by apartheid and the liberation struggle"
-		},
-		{
-			"id": "in",
-			"iso": "356",
-			"name": "India",
-			"region": "south-asia",
-			"values": {
-				"x": -0.5,
-				"y": -0.5
-			},
-			"divide": "culture",
-			"note": "Main divide: Hindu nationalism vs secular pluralism"
-		},
-		{
-			"id": "pk",
-			"iso": "586",
-			"name": "Pakistan",
-			"region": "south-asia",
-			"values": {
-				"x": -1,
-				"y": -1.4
-			}
-		},
-		{
-			"id": "bd",
-			"iso": "050",
-			"name": "Bangladesh",
-			"region": "south-asia",
-			"values": {
-				"x": -1,
-				"y": -1.1
-			},
-			"divide": "history"
-		},
-		{
-			"id": "cn",
-			"iso": "156",
-			"name": "China",
-			"region": "east-asia",
-			"values": {
-				"x": -0.9,
-				"y": 1.5
-			},
-			"liberal": "western",
-			"divide": "none",
-			"note": "\"Liberal\" = pro-Western intellectuals, a label the state treats with suspicion"
-		},
-		{
-			"id": "jp",
-			"iso": "392",
-			"name": "Japan",
-			"region": "east-asia",
-			"values": {
-				"x": 0.4,
-				"y": 1.8
-			},
-			"liberal": "market",
-			"divide": "history",
-			"note": "The \"Liberal Democratic Party\" is the conservative party in power since 1955"
-		},
-		{
-			"id": "kr",
-			"iso": "410",
-			"name": "South Korea",
-			"region": "east-asia",
-			"values": {
-				"x": -0.3,
-				"y": 1.2
-			},
-			"liberal": "left",
-			"divide": "history",
-			"note": "Divide is mostly about North Korea, Japan and the US"
-		},
-		{
-			"id": "tw",
-			"iso": "158",
-			"name": "Taiwan",
-			"region": "east-asia",
-			"values": {
-				"x": 0,
-				"y": 1.3
-			},
-			"divide": "history",
-			"note": "Main divide: how close to be with mainland China"
-		},
-		{
-			"id": "vn",
-			"iso": "704",
-			"name": "Vietnam",
-			"region": "southeast-asia",
-			"values": {
-				"x": -0.6,
-				"y": 0.5
-			},
-			"divide": "none"
-		},
-		{
-			"id": "th",
-			"iso": "764",
-			"name": "Thailand",
-			"region": "southeast-asia",
-			"values": {
-				"x": 0,
-				"y": -0.4
-			},
-			"divide": "history",
-			"note": "Main divide: monarchy and military vs reformists"
-		},
-		{
-			"id": "my",
-			"iso": "458",
-			"name": "Malaysia",
-			"region": "southeast-asia",
-			"values": {
-				"x": -0.6,
-				"y": -0.9
-			},
-			"divide": "culture"
-		},
-		{
-			"id": "ph",
-			"iso": "608",
-			"name": "Philippines",
-			"region": "southeast-asia",
-			"values": {
-				"x": -0.2,
-				"y": -1.4
-			}
-		},
-		{
-			"id": "id",
-			"iso": "360",
-			"name": "Indonesia",
-			"region": "southeast-asia",
-			"values": {
-				"x": -0.8,
-				"y": -1.2
-			},
-			"divide": "culture"
-		}
-	],
-	"parties": [
-		{
-			"country": "us",
-			"short": "Dem",
-			"name": "Democratic Party",
-			"econ": 4.8,
-			"social": 3.5,
-			"note": "The US \"liberals\": near Europe's center economically"
-		},
-		{
-			"country": "us",
-			"short": "GOP",
-			"name": "Republican Party",
-			"econ": 7.8,
-			"social": 8
-		},
-		{
-			"country": "nl",
-			"short": "GL-PvdA",
-			"name": "GroenLinks-PvdA",
-			"econ": 2.5,
-			"social": 1.5
-		},
-		{
-			"country": "nl",
-			"short": "SP",
-			"name": "Socialistische Partij",
-			"econ": 1.5,
-			"social": 5
-		},
-		{
-			"country": "nl",
-			"short": "D66",
-			"name": "Democraten 66",
-			"econ": 5.5,
-			"social": 1.5
-		},
-		{
-			"country": "nl",
-			"short": "CDA",
-			"name": "Christen-Democratisch Appèl",
-			"econ": 6,
-			"social": 6
-		},
-		{
-			"country": "nl",
-			"short": "VVD",
-			"name": "Volkspartij voor Vrijheid en Democratie",
-			"econ": 7.5,
-			"social": 5,
-			"note": "Dutch \"liberals\": market-liberal, center-right"
-		},
-		{
-			"country": "nl",
-			"short": "BBB",
-			"name": "BoerBurgerBeweging",
-			"econ": 6,
-			"social": 7.5
-		},
-		{
-			"country": "nl",
-			"short": "PVV",
-			"name": "Partij voor de Vrijheid",
-			"econ": 4.5,
-			"social": 9,
-			"note": "Radical right on immigration, centrist on welfare"
-		},
-		{
-			"country": "de",
-			"short": "Linke",
-			"name": "Die Linke",
-			"econ": 1,
-			"social": 2.5
-		},
-		{
-			"country": "de",
-			"short": "Grüne",
-			"name": "Bündnis 90/Die Grünen",
-			"econ": 3,
-			"social": 1.5
-		},
-		{
-			"country": "de",
-			"short": "SPD",
-			"name": "Sozialdemokratische Partei",
-			"econ": 3.5,
-			"social": 3.5
-		},
-		{
-			"country": "de",
-			"short": "BSW",
-			"name": "Bündnis Sahra Wagenknecht",
-			"econ": 2,
-			"social": 7
-		},
-		{
-			"country": "de",
-			"short": "FDP",
-			"name": "Freie Demokratische Partei",
-			"econ": 8.5,
-			"social": 3,
-			"note": "German \"liberals\": socially open, strongly pro-market"
-		},
-		{
-			"country": "de",
-			"short": "CDU",
-			"name": "CDU/CSU",
-			"econ": 6.5,
-			"social": 6
-		},
-		{
-			"country": "de",
-			"short": "AfD",
-			"name": "Alternative für Deutschland",
-			"econ": 7,
-			"social": 9.5
-		},
-		{
-			"country": "gb",
-			"short": "Green",
-			"name": "Green Party",
-			"econ": 1.5,
-			"social": 1.5
-		},
-		{
-			"country": "gb",
-			"short": "Lab",
-			"name": "Labour",
-			"econ": 3.8,
-			"social": 3.5
-		},
-		{
-			"country": "gb",
-			"short": "LD",
-			"name": "Liberal Democrats",
-			"econ": 5,
-			"social": 2.5
-		},
-		{
-			"country": "gb",
-			"short": "Con",
-			"name": "Conservatives",
-			"econ": 7,
-			"social": 6.5
-		},
-		{
-			"country": "gb",
-			"short": "Reform",
-			"name": "Reform UK",
-			"econ": 7.5,
-			"social": 8.5
-		},
-		{
-			"country": "fr",
-			"short": "LFI",
-			"name": "La France Insoumise",
-			"econ": 1,
-			"social": 2.5
-		},
-		{
-			"country": "fr",
-			"short": "PS",
-			"name": "Parti Socialiste",
-			"econ": 3,
-			"social": 3
-		},
-		{
-			"country": "fr",
-			"short": "RE",
-			"name": "Renaissance",
-			"econ": 6.5,
-			"social": 4
-		},
-		{
-			"country": "fr",
-			"short": "LR",
-			"name": "Les Républicains",
-			"econ": 7.5,
-			"social": 7
-		},
-		{
-			"country": "fr",
-			"short": "RN",
-			"name": "Rassemblement National",
-			"econ": 4.5,
-			"social": 9,
-			"note": "Economically left of Macron: lower retirement age, protectionism"
-		},
-		{
-			"country": "se",
-			"short": "V",
-			"name": "Vänsterpartiet",
-			"econ": 1,
-			"social": 2
-		},
-		{
-			"country": "se",
-			"short": "S",
-			"name": "Socialdemokraterna",
-			"econ": 3,
-			"social": 3.5
-		},
-		{
-			"country": "se",
-			"short": "C",
-			"name": "Centerpartiet",
-			"econ": 7,
-			"social": 2.5
-		},
-		{
-			"country": "se",
-			"short": "M",
-			"name": "Moderaterna",
-			"econ": 7.5,
-			"social": 5.5
-		},
-		{
-			"country": "se",
-			"short": "SD",
-			"name": "Sverigedemokraterna",
-			"econ": 5.5,
-			"social": 9
-		},
-		{
-			"country": "pl",
-			"short": "Lewica",
-			"name": "Lewica",
-			"econ": 2,
-			"social": 2
-		},
-		{
-			"country": "pl",
-			"short": "KO",
-			"name": "Koalicja Obywatelska",
-			"econ": 6.5,
-			"social": 4
-		},
-		{
-			"country": "pl",
-			"short": "PiS",
-			"name": "Prawo i Sprawiedliwość",
-			"econ": 3.5,
-			"social": 9,
-			"note": "Culturally right, economically left (big family benefits)"
-		},
-		{
-			"country": "pl",
-			"short": "Konf",
-			"name": "Konfederacja",
-			"econ": 9,
-			"social": 9
-		},
-		{
-			"country": "jp",
-			"short": "JCP",
-			"name": "Japanese Communist Party",
-			"econ": 1,
-			"social": 3
-		},
-		{
-			"country": "jp",
-			"short": "CDP",
-			"name": "Constitutional Democratic Party",
-			"econ": 4,
-			"social": 3.5
-		},
-		{
-			"country": "jp",
-			"short": "Komeito",
-			"name": "Komeito",
-			"econ": 5,
-			"social": 5.5
-		},
-		{
-			"country": "jp",
-			"short": "LDP",
-			"name": "Liberal Democratic Party",
-			"econ": 6,
-			"social": 7,
-			"note": "Called \"Liberal\", governs as conservatives since 1955"
-		},
-		{
-			"country": "jp",
-			"short": "Ishin",
-			"name": "Nippon Ishin no Kai",
-			"econ": 7.5,
-			"social": 6
-		},
-		{
-			"country": "jp",
-			"short": "Sansei",
-			"name": "Sanseitō",
-			"econ": 6,
-			"social": 9
-		},
-		{
-			"country": "kr",
-			"short": "Justice",
-			"name": "Justice Party",
-			"econ": 1.5,
-			"social": 1.5
-		},
-		{
-			"country": "kr",
-			"short": "DPK",
-			"name": "Democratic Party of Korea",
-			"econ": 4,
-			"social": 4.5,
-			"note": "The \"progressive\" camp, cautious on social issues"
-		},
-		{
-			"country": "kr",
-			"short": "PPP",
-			"name": "People Power Party",
-			"econ": 7,
-			"social": 7
-		},
-		{
-			"country": "in",
-			"short": "INC",
-			"name": "Indian National Congress",
-			"econ": 4.5,
-			"social": 4
-		},
-		{
-			"country": "in",
-			"short": "BJP",
-			"name": "Bharatiya Janata Party",
-			"econ": 6,
-			"social": 8.5,
-			"note": "Hindu-nationalist, pro-business, big welfare schemes"
-		},
-		{
-			"country": "br",
-			"short": "PT",
-			"name": "Partido dos Trabalhadores",
-			"econ": 2.5,
-			"social": 4.5
-		},
-		{
-			"country": "br",
-			"short": "MDB",
-			"name": "Movimento Democrático Brasileiro",
-			"econ": 6,
-			"social": 6
-		},
-		{
-			"country": "br",
-			"short": "PL",
-			"name": "Partido Liberal",
-			"econ": 7.5,
-			"social": 9
-		},
-		{
-			"country": "ca",
-			"short": "NDP",
-			"name": "New Democratic Party",
-			"econ": 2.5,
-			"social": 2.5
-		},
-		{
-			"country": "ca",
-			"short": "LPC",
-			"name": "Liberal Party of Canada",
-			"econ": 4.8,
-			"social": 3
-		},
-		{
-			"country": "ca",
-			"short": "CPC",
-			"name": "Conservative Party of Canada",
-			"econ": 7.5,
-			"social": 7
-		}
-	],
-	"profiles": [
-		{
-			"id": "us",
-			"center": "Individual liberty and suspicion of government, on both sides",
-			"fights": [
-				"abortion",
-				"guns",
-				"race",
-				"immigration",
-				"religion"
-			],
-			"timeline": [
-				{
-					"year": "1776",
-					"label": "revolt against a distant state"
-				},
-				{
-					"year": "1861",
-					"label": "civil war over slavery"
-				},
-				{
-					"year": "1945",
-					"label": "wins WWII, superpower"
-				},
-				{
-					"year": "1964",
-					"label": "Civil Rights Act"
-				},
-				{
-					"year": "1991",
-					"label": "wins the Cold War"
-				}
-			],
-			"blindSpots": [
-				"assumes its left/right is universal",
-				"partisan media bubbles",
-				"little view of other systems"
-			]
-		},
-		{
-			"id": "nl",
-			"center": "Coalition consensus (\"polder model\") around a strong welfare state",
-			"fights": [
-				"immigration",
-				"housing",
-				"nitrogen & farmers",
-				"EU"
-			],
-			"timeline": [
-				{
-					"year": "1600s",
-					"label": "Golden Age, trade empire"
-				},
-				{
-					"year": "1940",
-					"label": "German occupation"
-				},
-				{
-					"year": "1949",
-					"label": "loses Indonesia"
-				},
-				{
-					"year": "1960s",
-					"label": "pillars break, secularization"
-				},
-				{
-					"year": "2002",
-					"label": "Fortuyn, immigration debate"
-				}
-			],
-			"blindSpots": [
-				"tolerance self-image vs discrimination",
-				"colonial past taught thinly"
-			]
-		},
-		{
-			"id": "de",
-			"center": "Social market economy, fiscal caution, \"never again\"",
-			"fights": [
-				"migration",
-				"energy & climate",
-				"East vs West",
-				"debt brake"
-			],
-			"timeline": [
-				{
-					"year": "1923",
-					"label": "hyperinflation"
-				},
-				{
-					"year": "1933",
-					"label": "Nazi dictatorship"
-				},
-				{
-					"year": "1949",
-					"label": "split + economic miracle"
-				},
-				{
-					"year": "1990",
-					"label": "reunification"
-				},
-				{
-					"year": "2015",
-					"label": "refugee crisis"
-				}
-			],
-			"blindSpots": [
-				"debt as moral failing",
-				"Russian gas as \"just trade\""
-			]
-		},
-		{
-			"id": "fr",
-			"center": "Strong central state, laïcité, protest as normal politics",
-			"fights": [
-				"pensions",
-				"Paris vs periphery",
-				"Islam & laïcité",
-				"EU"
-			],
-			"timeline": [
-				{
-					"year": "1789",
-					"label": "Revolution invents left/right"
-				},
-				{
-					"year": "1940",
-					"label": "defeat and Vichy"
-				},
-				{
-					"year": "1962",
-					"label": "loses Algerian war"
-				},
-				{
-					"year": "1968",
-					"label": "May '68"
-				},
-				{
-					"year": "2018",
-					"label": "Yellow Vests"
-				}
-			],
-			"blindSpots": [
-				"colorblind universalism hides racism",
-				"influence in former African colonies"
-			]
-		},
-		{
-			"id": "gb",
-			"center": "Pragmatic and market-friendly, but the NHS is sacred",
-			"fights": [
-				"Brexit",
-				"class",
-				"North vs South",
-				"Scotland"
-			],
-			"timeline": [
-				{
-					"year": "1900",
-					"label": "largest empire in history"
-				},
-				{
-					"year": "1940",
-					"label": "\"stood alone\""
-				},
-				{
-					"year": "1948",
-					"label": "NHS founded"
-				},
-				{
-					"year": "1979",
-					"label": "Thatcher"
-				},
-				{
-					"year": "2016",
-					"label": "Brexit vote"
-				}
-			],
-			"blindSpots": [
-				"empire taught selectively",
-				"overrates the \"special relationship\""
-			]
-		},
-		{
-			"id": "se",
-			"center": "High-trust, high-tax welfare state; very secular and individualist",
-			"fights": [
-				"immigration",
-				"gang violence",
-				"private welfare",
-				"NATO"
-			],
-			"timeline": [
-				{
-					"year": "1814",
-					"label": "last war fought"
-				},
-				{
-					"year": "1932",
-					"label": "Social Democrats' era"
-				},
-				{
-					"year": "1939",
-					"label": "neutral in WWII"
-				},
-				{
-					"year": "2015",
-					"label": "record asylum intake"
-				},
-				{
-					"year": "2024",
-					"label": "joins NATO"
-				}
-			],
-			"blindSpots": [
-				"consensus makes disagreement taboo",
-				"neutrality myth (iron to Germany)"
-			]
-		},
-		{
-			"id": "pl",
-			"center": "Pro-NATO and wary of Russia across all parties",
-			"fights": [
-				"Catholic vs liberal",
-				"abortion",
-				"rule of law",
-				"EU"
-			],
-			"timeline": [
-				{
-					"year": "1795",
-					"label": "erased by partition"
-				},
-				{
-					"year": "1939",
-					"label": "invaded by Germany and USSR"
-				},
-				{
-					"year": "1980",
-					"label": "Solidarity movement"
-				},
-				{
-					"year": "1989",
-					"label": "communism falls"
-				},
-				{
-					"year": "2004",
-					"label": "joins the EU"
-				}
-			],
-			"blindSpots": [
-				"victimhood crowds out dark chapters",
-				"distrust of Germany"
-			]
-		},
-		{
-			"id": "ru",
-			"center": "Strong state and great-power status; opposition repressed",
-			"fights": [
-				"largely suppressed in public"
-			],
-			"timeline": [
-				{
-					"year": "1812",
-					"label": "Napoleon invades"
-				},
-				{
-					"year": "1941",
-					"label": "Nazi invasion, ~27M dead"
-				},
-				{
-					"year": "1991",
-					"label": "USSR collapses"
-				},
-				{
-					"year": "1990s",
-					"label": "chaos and poverty"
-				},
-				{
-					"year": "2022",
-					"label": "full invasion of Ukraine"
-				}
-			],
-			"blindSpots": [
-				"state-controlled media",
-				"neighbors seen as sphere of influence",
-				"Soviet crimes downplayed"
-			]
-		},
-		{
-			"id": "cn",
-			"center": "Order, growth and national rejuvenation, led by the Party",
-			"fights": [
-				"youth jobs",
-				"property crisis",
-				"local corruption"
-			],
-			"timeline": [
-				{
-					"year": "1839",
-					"label": "Opium Wars, \"humiliation\""
-				},
-				{
-					"year": "1937",
-					"label": "Japanese invasion"
-				},
-				{
-					"year": "1966",
-					"label": "Cultural Revolution"
-				},
-				{
-					"year": "1978",
-					"label": "reform and opening"
-				},
-				{
-					"year": "1989",
-					"label": "Tiananmen (unspoken)"
-				}
-			],
-			"blindSpots": [
-				"censorship shapes history",
-				"criticism read as new humiliation"
-			]
-		},
-		{
-			"id": "jp",
-			"center": "Stability and harmony; one party governing since 1955",
-			"fights": [
-				"pacifist constitution",
-				"aging & immigration",
-				"war memory"
-			],
-			"timeline": [
-				{
-					"year": "1868",
-					"label": "Meiji modernization"
-				},
-				{
-					"year": "1937",
-					"label": "war in Asia"
-				},
-				{
-					"year": "1945",
-					"label": "atomic bombs, defeat"
-				},
-				{
-					"year": "1947",
-					"label": "pacifist constitution"
-				},
-				{
-					"year": "1990",
-					"label": "bubble bursts"
-				}
-			],
-			"blindSpots": [
-				"wartime atrocities taught thinly",
-				"sees itself as war victim"
-			]
-		},
-		{
-			"id": "kr",
-			"center": "Fierce democracy won by protest; hyper-competitive society",
-			"fights": [
-				"North Korea",
-				"Japan",
-				"gender",
-				"chaebol power"
-			],
-			"timeline": [
-				{
-					"year": "1910",
-					"label": "Japanese colonization"
-				},
-				{
-					"year": "1950",
-					"label": "Korean War"
-				},
-				{
-					"year": "1980",
-					"label": "Gwangju massacre"
-				},
-				{
-					"year": "1987",
-					"label": "democracy"
-				},
-				{
-					"year": "2024",
-					"label": "martial law crisis"
-				}
-			],
-			"blindSpots": [
-				"US and Japan seen through party lens"
-			]
-		},
-		{
-			"id": "in",
-			"center": "Largest democracy; religion, caste and language drive politics",
-			"fights": [
-				"Hindu nationalism",
-				"caste quotas",
-				"language",
-				"center vs states"
-			],
-			"timeline": [
-				{
-					"year": "1858",
-					"label": "British Raj"
-				},
-				{
-					"year": "1947",
-					"label": "independence and Partition"
-				},
-				{
-					"year": "1961",
-					"label": "Non-Aligned Movement"
-				},
-				{
-					"year": "1991",
-					"label": "economic liberalization"
-				},
-				{
-					"year": "2014",
-					"label": "BJP majority"
-				}
-			],
-			"blindSpots": [
-				"polarized media",
-				"reduced to poverty & religion by outsiders"
-			]
-		},
-		{
-			"id": "br",
-			"center": "Inequality makes redistribution central; religious society",
-			"fights": [
-				"Lula vs Bolsonaro",
-				"crime",
-				"Amazon vs agribusiness"
-			],
-			"timeline": [
-				{
-					"year": "1888",
-					"label": "last to abolish slavery"
-				},
-				{
-					"year": "1964",
-					"label": "military coup"
-				},
-				{
-					"year": "1985",
-					"label": "democracy returns"
-				},
-				{
-					"year": "1994",
-					"label": "ends hyperinflation"
-				},
-				{
-					"year": "2014",
-					"label": "Car Wash scandal"
-				}
-			],
-			"blindSpots": [
-				"\"racial democracy\" myth",
-				"WhatsApp information bubbles"
-			]
-		},
-		{
-			"id": "tr",
-			"center": "National pride, strong state, balancing West and region",
-			"fights": [
-				"religious vs secular",
-				"Kurdish question",
-				"inflation"
-			],
-			"timeline": [
-				{
-					"year": "1915",
-					"label": "Armenian genocide (denied)"
-				},
-				{
-					"year": "1920",
-					"label": "Sèvres, fear of partition"
-				},
-				{
-					"year": "1923",
-					"label": "Atatürk's secular republic"
-				},
-				{
-					"year": "1980",
-					"label": "military coup"
-				},
-				{
-					"year": "2016",
-					"label": "failed coup"
-				}
-			],
-			"blindSpots": [
-				"genocide denial",
-				"restricted press",
-				"Western criticism read as hostility"
-			]
-		}
-	],
-	"narratives": [
-		{
-			"event": "World War II",
-			"years": "1939–45",
-			"views": [
-				{
-					"country": "us",
-					"story": "D-Day: democracy beats fascism"
-				},
-				{
-					"country": "ru",
-					"story": "We broke Hitler, 27M dead"
-				},
-				{
-					"country": "cn",
-					"story": "Our war began in 1937"
-				},
-				{
-					"country": "pl",
-					"story": "Liberation became Soviet occupation"
-				},
-				{
-					"country": "jp",
-					"story": "Hiroshima: we suffered"
-				}
-			]
-		},
-		{
-			"event": "End of the Cold War",
-			"years": "1989–91",
-			"views": [
-				{
-					"country": "us",
-					"story": "We won: the end of history"
-				},
-				{
-					"country": "pl",
-					"story": "We freed ourselves"
-				},
-				{
-					"country": "ru",
-					"story": "Collapse and humiliation"
-				},
-				{
-					"country": "cn",
-					"story": "A warning: never lose control"
-				}
-			]
-		},
-		{
-			"event": "Colonialism",
-			"years": "1500s–1970s",
-			"views": [
-				{
-					"country": "nl",
-					"story": "Golden Age trade, now debated"
-				},
-				{
-					"country": "gb",
-					"story": "Empire, remembered fondly by many"
-				},
-				{
-					"country": "in",
-					"story": "Extraction and Partition"
-				},
-				{
-					"country": "cn",
-					"story": "Century of humiliation"
-				},
-				{
-					"country": "br",
-					"story": "Conquest, then US dominance"
-				}
-			]
-		},
-		{
-			"event": "Iraq War",
-			"years": "2003",
-			"views": [
-				{
-					"country": "us",
-					"story": "Disarmament, later a mistake"
-				},
-				{
-					"country": "fr",
-					"story": "We warned you"
-				},
-				{
-					"country": "iq",
-					"story": "Invasion, then civil war"
-				},
-				{
-					"country": "ru",
-					"story": "Proof the rules are selective"
-				}
-			]
-		}
-	],
-	"sources": [
-		{
-			"name": "World Values Survey / EVS cultural map",
-			"href": "https://www.worldvaluessurvey.org/WVSContents.jsp?CMSID=Findings"
-		},
-		{
-			"name": "Chapel Hill Expert Survey",
-			"href": "https://www.chesdata.eu/"
-		},
-		{
-			"name": "Manifesto Project",
-			"href": "https://manifesto-project.wzb.eu/"
-		},
-		{
-			"name": "Pew Research Center",
-			"href": "https://www.pewresearch.org/global/"
-		},
-		{
-			"name": "Natural Earth (map shapes)",
-			"href": "https://www.naturalearthdata.com/"
-		}
-	]
-}
\ No newline at end of file
diff --git a/src/lib/components/CatalogGrid.svelte b/src/lib/components/CatalogGrid.svelte
index c5a9140..5e67652 100644
--- a/src/lib/components/CatalogGrid.svelte
+++ b/src/lib/components/CatalogGrid.svelte
@@ -61,7 +61,7 @@
 {#snippet body(project: Item)}
 	<span class="flex min-w-0 items-start gap-3">
 		{#if tracker}
-			<TrackerIcon name={project.name} class="catalog-icon mt-0.5 size-10" />
+			<TrackerIcon name={project.icon ?? project.name} class="catalog-icon mt-0.5 size-10" />
 		{:else}
 			<span
 				class="mt-0.5 flex size-10 shrink-0 items-center justify-center rounded-md border border-border bg-[var(--site-surface)] text-[var(--site-muted)]"
diff --git a/src/lib/components/SiteChrome.svelte b/src/lib/components/SiteChrome.svelte
index 70b7415..eaf1e39 100644
--- a/src/lib/components/SiteChrome.svelte
+++ b/src/lib/components/SiteChrome.svelte
@@ -317,7 +317,9 @@
 										// No overflow clipping on the trackers panel: its spotting flyout sticks out.
 										item.href === '/trackers'
 											? 'left-1/2 grid w-[min(36rem,calc(100vw-2rem))] -translate-x-1/2 grid-cols-2 gap-1.5 p-2'
-											: 'left-0 max-h-[75vh] w-72 overflow-y-auto'
+											: item.href === '/stats'
+												? 'left-1/2 grid w-[min(34rem,calc(100vw-2rem))] -translate-x-1/2 grid-cols-2 gap-1.5 p-2'
+												: 'left-0 max-h-[75vh] w-72 overflow-y-auto'
 									]}
 									aria-label={menu.label}
 									data-menu-panel
@@ -325,7 +327,7 @@
 									<a
 										href={resolve(item.href)}
 										class="flex items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent"
-										class:col-span-2={item.href === '/trackers'}
+										class:col-span-2={item.href !== '/projects'}
 										>all {menu.label} <ArrowRight size={14} class="ml-auto" /></a
 									>
 									<div class="col-span-2 my-1 h-px bg-border"></div>
@@ -438,12 +440,15 @@
 											<a
 												href={project.external ? project.href : resolve(project.href)}
 												rel={project.external ? 'external' : undefined}
-												class={item.href === '/trackers'
+												class={item.href !== '/projects'
 													? 'tile flex items-center gap-2.5 p-2 text-sm'
 													: 'flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent'}
 											>
-												{#if item.href === '/trackers'}
-													<TrackerIcon name={project.name} class="tile-icon size-9" />
+												{#if item.href !== '/projects'}
+													<TrackerIcon
+														name={project.icon ?? project.name}
+														class="tile-icon size-9"
+													/>
 												{:else}
 													<span
 														class="flex size-8 shrink-0 items-center justify-center rounded border border-border bg-[var(--site-surface)] text-[var(--site-muted)]"
@@ -606,6 +611,20 @@
 											</div>
 										{/each}
 									</div>
+								{:else if item.href === '/stats'}
+									<div class="ml-3 grid grid-cols-2 gap-1.5 border-l border-border py-1 pl-3">
+										{#each menus[item.href].items as project (project.name)}
+											<a
+												href={resolve(project.href as '/')}
+												class="tile flex min-w-0 items-center gap-2 p-1.5 text-sm"
+												onclick={() => (menuOpen = false)}
+												><TrackerIcon
+													name={project.icon ?? project.name}
+													class="tile-icon size-7"
+												/><span class="truncate">{project.name}</span></a
+											>
+										{/each}
+									</div>
 								{:else}
 									<div class="ml-3 flex flex-col border-l border-border pl-3">
 										{#each menus[item.href].items as project (project.name)}
diff --git a/src/lib/projects.ts b/src/lib/projects.ts
index e277b84..e256a3c 100644
--- a/src/lib/projects.ts
+++ b/src/lib/projects.ts
@@ -18,12 +18,6 @@ export const projects = [
 		href: '/projects/derby',
 		external: false
 	},
-	{
-		name: 'world opinions (warning: AI slop)',
-		subtitle: 'ideologies, values and biases across countries',
-		href: '/projects/world-opinions',
-		external: false
-	},
 	{
 		name: 'language learner (warning: AI slop)',
 		subtitle: 'Dutch, Korean and English, from zero to fluent',
@@ -36,48 +30,66 @@ export const projects = [
 export const statsPages = [
 	{
 		name: 'economy',
+		icon: 'stats-economy',
 		subtitle: 'rates, inflation, bond spreads, GDP and debt',
 		href: '/stats/economy',
 		external: false
 	},
 	{
 		name: 'energy',
-		subtitle: 'tariffs, oil and gas, renewables, heat pumps and EVs',
+		icon: 'stats-energy',
+		subtitle: 'live grid mix and gas storage, tariffs, oil and gas, renewables, heat pumps and EVs',
 		href: '/stats/energy',
 		external: false
 	},
 	{
 		name: 'gouda',
+		icon: 'stats-gouda',
 		subtitle: 'population, housing and neighbourhoods in Gouda',
 		href: '/stats/gouda',
 		external: false
 	},
 	{
 		name: 'countries',
+		icon: 'stats-countries',
 		subtitle: 'the Netherlands, Curaçao, the US, Korea, China and more side by side',
 		href: '/stats/countries',
 		external: false
 	},
 	{
 		name: 'elections',
+		icon: 'stats-elections',
 		subtitle: 'Dutch elections since 1918, Gouda per polling station, US presidential',
 		href: '/stats/elections',
 		external: false
 	},
 	{
 		name: 'history',
+		icon: 'stats-history',
 		subtitle: 'the long run, a sourced timeline, politics and culture of five places',
 		href: '/stats/history',
 		external: false
 	},
 	{
 		name: 'opinions',
-		subtitle: 'polls, Eurobarometer, happiness, search trends and party positions',
+		icon: 'stats-opinions',
+		subtitle: 'polls, Eurobarometer, happiness, party positions and world opinions',
 		href: '/stats/opinions',
 		external: false
 	}
 ] as const;
 
+/** Sub-tabs of a /stats section (second row under the stats nav), keyed by the section path. */
+export const statsSubPages: Record<
+	string,
+	readonly { name: string; href: string; icon: string }[]
+> = {
+	'/stats/opinions': [
+		{ name: 'polls & surveys', href: '/stats/opinions', icon: 'stats-polls' },
+		{ name: 'world', href: '/stats/opinions/world', icon: 'stats-world' }
+	]
+};
+
 type Tracker = {
 	name: string;
 	subtitle: string;
@@ -381,13 +393,6 @@ const allTrackers: readonly (Tracker & { private: boolean })[] = [
 		external: false,
 		private: true
 	},
-	{
-		name: 'energy',
-		subtitle: 'Dutch electricity mix, utilization and gas storage',
-		href: '/projects/energy',
-		external: false,
-		private: false
-	},
 	{
 		name: 'games',
 		subtitle: 'every pokemon in every game, and call of duty camo mastery',
diff --git a/src/lib/seo.ts b/src/lib/seo.ts
index fa5ab7a..2d41827 100644
--- a/src/lib/seo.ts
+++ b/src/lib/seo.ts
@@ -38,7 +38,7 @@ const publicPages: Record<string, { title: string; description: string }> = {
 	'/trackers': {
 		title: 'Trackers',
 		description:
-			'Stan Runge’s trackers: games, money, houses, books, Counter-Strike prices, Dutch energy, Animaldex and lists.'
+			'Stan Runge’s trackers: games, money, houses, books, Counter-Strike prices, Animaldex and lists.'
 	},
 	'/trackers/books': {
 		title: 'Books',
@@ -104,11 +104,6 @@ const publicPages: Record<string, { title: string; description: string }> = {
 		description:
 			'Compare historical Counter-Strike market prices by listing, weapon, skin, wear, and other item dimensions.'
 	},
-	'/projects/energy': {
-		title: 'Energy',
-		description:
-			'Dutch electricity generation mix, source utilization, consumption trends, CO₂ intensity and gas storage, from NED.nl data.'
-	},
 	'/projects/derby': {
 		title: 'Derby Lens',
 		description: 'Estimate horse racing odds and compare them with market prices.'
@@ -122,7 +117,7 @@ const publicPages: Record<string, { title: string; description: string }> = {
 		description:
 			'Learn Dutch, Korean and English from beginner to advanced, with lessons and endless daily challenges.'
 	},
-	'/projects/world-opinions': {
+	'/stats/opinions/world': {
 		title: 'World Opinions',
 		description:
 			'How political words, parties, values and national histories differ across the world.'
diff --git a/src/lib/server/db/schema/stats.ts b/src/lib/server/db/schema/stats.ts
index 8c5d71a..8af5873 100644
--- a/src/lib/server/db/schema/stats.ts
+++ b/src/lib/server/db/schema/stats.ts
@@ -523,7 +523,7 @@ export const statsElecTurnout = statsSchema.table(
 );
 
 // ── Step 3: world opinions (§4, A15) ─────────────────────────────────────────────────────
-// The /projects/world-opinions guide reads these. Curated rows (seeded from the former
+// The /stats/opinions/world guide reads these. Curated rows (seeded from the former
 // src/lib/world-opinions/data.ts) keep Stan's text exactly; collectors add CHES / V-Party data.
 
 export const statsWoCountry = statsSchema.table('wo_country', {
diff --git a/src/lib/server/world-opinions.ts b/src/lib/server/world-opinions.ts
index 7debca8..a82388b 100644
--- a/src/lib/server/world-opinions.ts
+++ b/src/lib/server/world-opinions.ts
@@ -12,7 +12,7 @@ import type {
 	WorldOpinionsData
 } from '#lib/world-opinions/data.js';
 
-// /projects/world-opinions content from stats.wo_* (seeded from the former data.ts). Rebuilds
+// /stats/opinions/world content from stats.wo_* (seeded from the former data.ts). Rebuilds
 // the exact shapes the components used, leaving optional keys out when the column is null.
 export function loadWorldOpinions(): Promise<WorldOpinionsData> {
 	return cached('world-opinions', async () => {
diff --git a/src/routes/projects/energy/+page.svelte b/src/lib/stats/EnergyLive.svelte
similarity index 69%
rename from src/routes/projects/energy/+page.svelte
rename to src/lib/stats/EnergyLive.svelte
index d56c830..21904a9 100644
--- a/src/routes/projects/energy/+page.svelte
+++ b/src/lib/stats/EnergyLive.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import * as Tabs from '#lib/components/ui/tabs/index.js';
-	import EnergyChart, { type ChartTheme } from '#lib/energy/EnergyChart.svelte';
+	import type { ChartTheme } from '#lib/energy/EnergyChart.svelte';
 	import {
 		SOURCES,
 		fillGaps,
@@ -11,10 +11,19 @@
 		type Bucket
 	} from '#lib/energy/data.js';
 	import { relativeTime } from '#lib/relative-time.js';
-	import type { PageProps } from './$types';
+	import StatChart from '#lib/stats/StatChart.svelte';
+	import Kpi from '#lib/stats/Kpi.svelte';
+	import type { EnergyData } from '#lib/server/energy.js';
 
-	let { data }: PageProps = $props();
-	let energy = $derived(data.energy);
+	// The live NED.nl grid and AGSI+ gas storage section of /stats/energy (formerly the
+	// /projects/energy tracker). Reads the ned-collector's `energy` schema, never writes.
+	let { energy, attributions }: { energy: EnergyData; attributions: Record<string, string> } =
+		$props();
+	const attr = $derived({
+		...attributions,
+		ned: 'NED.nl (Nationaal Energie Dashboard), hourly',
+		agsi: 'GIE AGSI+ gas storage'
+	});
 
 	const HOUR = 3_600_000;
 	const zone = 'Europe/Amsterdam';
@@ -565,332 +574,173 @@
 	});
 </script>
 
-<svelte:head>
-	<title>Energy · Stan Runge</title>
-	<meta
-		name="description"
-		content="Dutch electricity mix, utilization, trends and gas storage from NED.nl data, updated hourly."
-	/>
-</svelte:head>
-
-<div class="energy-page">
-	<header class="intro">
-		<div>
-			<p class="eyebrow">grid archive / netherlands</p>
-			<h1>Energy</h1>
-			<p class="lede">
-				Where Dutch electricity comes from hour by hour, how hard each source is running, and how
-				full the gas storages are. Data from NED.nl, collected hourly.
-			</p>
-		</div>
-		<div class="stats">
-			{#if now}
-				<div><strong>{percent.format(now.renewableShare)}</strong><span>renewable now</span></div>
-				{#if now.ef !== null}
-					<div><strong>{whole.format(now.ef * 1000)}</strong><span>g CO₂ / kWh</span></div>
-				{/if}
-			{/if}
-			{#if latestGas}
-				<div><strong>{one.format(latestGas.fill)}%</strong><span>gas storage full</span></div>
-			{/if}
-		</div>
-	</header>
-
-	{#if !now}
-		<section class="panel empty">No electricity data has been collected yet.</section>
-	{:else}
-		<section class="grid two">
-			<div class="panel">
-				<div class="panel-heading">
-					<h2>Current mix</h2>
-					<span class="muted">{formatHour.format(now.t)} · {whole.format(now.total)} MWh</span>
-				</div>
-				<EnergyChart
-					option={mixOption}
-					label="Electricity generation mix for the latest hour"
-					height="320px"
-				/>
-				<dl class="facts">
-					<div>
-						<dt>Low-carbon</dt>
-						<dd>{percent.format(now.lowCarbonShare)}</dd>
-					</div>
-					<div>
-						<dt>Fossil</dt>
-						<dd>{percent.format(now.fossilShare)}</dd>
-					</div>
-					{#if now.load !== null}
-						<div>
-							<dt>{now.load > now.total ? 'Net import' : 'Net export'}</dt>
-							<dd>{whole.format(Math.abs(now.total - now.load))} MWh</dd>
-						</div>
-					{/if}
-				</dl>
-			</div>
-			<div class="panel">
-				<div class="panel-heading">
-					<h2>Utilization</h2>
-					<span class="muted">share of installed capacity in use</span>
-				</div>
-				<EnergyChart
-					option={utilizationOption}
-					label="Utilization of each electricity source for the latest hour"
-					height="320px"
-				/>
-				<p class="note">
-					NED's load factor per source. Nuclear and "other" are reported near 100% almost
-					constantly, so treat those as estimates.
-				</p>
-			</div>
-		</section>
-
-		<section class="panel">
-			<div class="panel-heading">
-				<h2>Generation and consumption</h2>
-				<Tabs.Root bind:value={range}>
-					<Tabs.List>
-						{#each Object.entries(rangeLabels) as [value, label] (value)}
-							<Tabs.Trigger {value}>{label}</Tabs.Trigger>
-						{/each}
-					</Tabs.List>
-				</Tabs.Root>
-			</div>
-			<EnergyChart
-				option={trendOption}
-				label={`Electricity generation by source, ${rangeLabels[range]}`}
+<h2 class="stats-section-title" id="live">Live grid and gas storage</h2>
+<p class="stats-note">
+	Where Dutch electricity comes from hour by hour, how hard each source is running, and how full the
+	gas storages are. Collected hourly from NED.nl; the yearly CBS figures further down remain the
+	official totals.
+</p>
+<div class="kpis">
+	{#if now}
+		<Kpi
+			label="Renewable now"
+			value={percent.format(now.renewableShare)}
+			sub={formatHour.format(now.t)}
+			color="#10b981"
+		/>
+		{#if now.ef !== null}
+			<Kpi
+				label="Grid CO₂ intensity"
+				value={whole.format(now.ef * 1000)}
+				unit="g/kWh"
+				sub="latest hour"
+				color="#64748b"
 			/>
-			<p class="note">
-				Stacked: generation by source. Dashed: consumption (gap above it is export). Red: grid CO₂
-				intensity. * = incomplete (still running or hours missing).
-				{#if range === 'month' && daily.length < 28}
-					Hourly collection started {formatDate.format(energy.coverage.firstHour ?? now.t)}, so this
-					fills up over the coming weeks.
-				{/if}
-			</p>
-		</section>
-
-		{#if forecast.length}
-			<section class="panel">
-				<div class="panel-heading">
-					<h2>Next days</h2>
-					<span class="muted">NED forecast for wind, solar, generation and consumption</span>
-				</div>
-				<EnergyChart
-					option={forecastOption}
-					label="Forecast of wind and solar generation and consumption"
-					height="320px"
-				/>
-			</section>
 		{/if}
+		<Kpi
+			label="Low-carbon now"
+			value={percent.format(now.lowCarbonShare)}
+			sub={`fossil ${percent.format(now.fossilShare)}`}
+			color="#06b6d4"
+		/>
 	{/if}
-
-	<section class="grid two">
-		<div class="panel">
-			<div class="panel-heading">
-				<h2>Gas storage by year</h2>
-				{#if latestGas}
-					<span class="muted"
-						>{one.format(latestGas.twh)} TWh on {formatDate.format(new Date(latestGas.day))}</span
-					>
-				{/if}
-			</div>
-			<EnergyChart
-				option={seasonOption}
-				label="Dutch gas storage fill level per year"
-				height="340px"
-			/>
-		</div>
-		<div class="panel">
-			<div class="panel-heading">
-				<h2>Gas vs electricity</h2>
-				<span class="muted">monthly</span>
-			</div>
-			<EnergyChart
-				option={gasPowerOption}
-				label="Share of electricity from gas compared with gas storage fill"
-				height="340px"
-			/>
-			<p class="note">
-				NED has no gas consumption series here, so this compares how much electricity is made from
-				gas with how full storage is.
-			</p>
-		</div>
-	</section>
-
-	{#if energy.gasSites.length}
-		<section class="panel">
-			<div class="panel-heading">
-				<h2>Storage sites</h2>
-				<span class="muted">latest day per site</span>
-			</div>
-			<EnergyChart
-				option={sitesOption}
-				label="Fill level per Dutch gas storage site"
-				height="240px"
-			/>
-		</section>
+	{#if latestGas}
+		<Kpi
+			label="Gas storage"
+			value={one.format(latestGas.fill)}
+			unit="% full"
+			sub={`${one.format(latestGas.twh)} TWh · ${formatDate.format(new Date(latestGas.day))}`}
+			color="#3b82f6"
+		/>
 	{/if}
-
-	<footer class="coverage">
-		<p>
-			{#if energy.coverage.firstHour && energy.coverage.lastHour}
-				Hourly data {formatHour.format(energy.coverage.firstHour)} – {formatHour.format(
-					energy.coverage.lastHour
-				)} ({whole.format(energy.coverage.hours)} hours{missingHours
-					? `, ${missingHours} missing in the last week`
-					: ''}{incompleteHours.length
-					? `, ${incompleteHours.length} still incomplete and left out`
-					: ''}).
-			{/if}
-			{#if monthly.length}
-				Monthly from {formatMonth.format(monthly[0].t)}, yearly from {formatYear.format(
-					yearly[0]?.t ?? monthly[0].t
-				)}.
-			{/if}
-			{#if energy.gas.length}
-				Gas storage from {formatDate.format(new Date(energy.gas[0].day))}.
-			{/if}
-		</p>
-		<p>
-			Source: <a href="https://ned.nl" rel="external noopener">NED.nl</a>.
-			{#if energy.collector.lastOk}
-				Last successful collection {relativeTime(energy.collector.lastOk, clock)}{energy.collector
-					.failedWeek
-					? ` · ${energy.collector.failedWeek} failed runs this week`
-					: ''}.
-			{/if}
-		</p>
-	</footer>
 </div>
 
+{#if !now}
+	<p class="empty">No electricity data has been collected yet.</p>
+{:else}
+	<div class="stats-grid">
+		<StatChart
+			title="Current mix"
+			subtitle={`${formatHour.format(now.t)} · ${whole.format(now.total)} MWh`}
+			option={mixOption}
+			sources={['ned']}
+			attributions={attr}
+		>
+			{#if now.load !== null}
+				<p class="facts">
+					{now.load > now.total ? 'Net import' : 'Net export'}
+					<strong>{whole.format(Math.abs(now.total - now.load))} MWh</strong>
+				</p>
+			{/if}
+		</StatChart>
+		<StatChart
+			title="Utilization"
+			subtitle="share of installed capacity in use"
+			option={utilizationOption}
+			sources={['ned']}
+			attributions={attr}
+			note="NED's load factor per source. Nuclear and &quot;other&quot; are reported near 100% almost constantly, so treat those as estimates."
+		/>
+		<StatChart
+			title="Generation and consumption"
+			subtitle={rangeLabels[range]}
+			option={trendOption}
+			sources={['ned']}
+			attributions={attr}
+			height="380px"
+			wide
+			note={`Stacked: generation by source. Dashed: consumption (gap above it is export). Red: grid CO₂ intensity. * = incomplete (still running or hours missing).${range === 'month' && daily.length < 28 ? ` Hourly collection started ${formatDate.format(energy.coverage.firstHour ?? now.t)}, so this fills up over the coming weeks.` : ''}`}
+		>
+			<Tabs.Root bind:value={range}>
+				<Tabs.List>
+					{#each Object.entries(rangeLabels) as [value, label] (value)}
+						<Tabs.Trigger {value}>{label}</Tabs.Trigger>
+					{/each}
+				</Tabs.List>
+			</Tabs.Root>
+		</StatChart>
+		{#if forecast.length}
+			<StatChart
+				title="Next days"
+				subtitle="NED forecast for wind, solar, generation and consumption"
+				option={forecastOption}
+				sources={['ned']}
+				attributions={attr}
+				wide
+			/>
+		{/if}
+	</div>
+{/if}
+
+<div class="stats-grid">
+	<StatChart
+		title="Gas storage by year"
+		subtitle={latestGas
+			? `${one.format(latestGas.twh)} TWh on ${formatDate.format(new Date(latestGas.day))}`
+			: ''}
+		option={seasonOption}
+		sources={['agsi']}
+		attributions={attr}
+		height="340px"
+	/>
+	<StatChart
+		title="Gas vs electricity"
+		subtitle="monthly"
+		option={gasPowerOption}
+		sources={['ned', 'agsi']}
+		attributions={attr}
+		height="340px"
+		note="NED has no gas consumption series here, so this compares how much electricity is made from gas with how full storage is."
+	/>
+	{#if energy.gasSites.length}
+		<StatChart
+			title="Storage sites"
+			subtitle="latest day per site"
+			option={sitesOption}
+			sources={['agsi']}
+			attributions={attr}
+			height="240px"
+			wide
+		/>
+	{/if}
+</div>
+
+<p class="stats-note">
+	{#if energy.coverage.firstHour && energy.coverage.lastHour}
+		Hourly data {formatHour.format(energy.coverage.firstHour)} – {formatHour.format(
+			energy.coverage.lastHour
+		)} ({whole.format(energy.coverage.hours)} hours{missingHours
+			? `, ${missingHours} missing in the last week`
+			: ''}{incompleteHours.length
+			? `, ${incompleteHours.length} still incomplete and left out`
+			: ''}).
+	{/if}
+	{#if monthly.length}
+		Monthly from {formatMonth.format(monthly[0].t)}, yearly from {formatYear.format(
+			yearly[0]?.t ?? monthly[0].t
+		)}.
+	{/if}
+	{#if energy.gas.length}
+		Gas storage from {formatDate.format(new Date(energy.gas[0].day))}.
+	{/if}
+	{#if energy.collector.lastOk}
+		Last successful collection {relativeTime(new Date(energy.collector.lastOk), clock)}{energy
+			.collector.failedWeek
+			? ` · ${energy.collector.failedWeek} failed runs this week`
+			: ''}.
+	{/if}
+</p>
+
 <style>
-	.energy-page {
-		max-width: 1600px;
-		margin: 0 auto;
-		padding: 3rem clamp(1rem, 4vw, 4rem) 5rem;
-		color: var(--site-text);
-	}
-	.intro {
-		display: flex;
-		justify-content: space-between;
-		align-items: end;
-		gap: 2rem;
-		margin-bottom: 2.5rem;
-	}
-	.eyebrow {
-		color: var(--site-muted);
-		text-transform: uppercase;
-		letter-spacing: 0.2em;
-		font-size: 0.67rem;
-		font-weight: 700;
-	}
-	h1 {
-		font-size: clamp(2.8rem, 6vw, 5.2rem);
-		line-height: 1;
-		letter-spacing: -0.075em;
-		margin: 0.7rem 0 1rem;
-	}
-	h2 {
-		font-size: 1.25rem;
-		letter-spacing: -0.04em;
-	}
-	.lede {
-		color: var(--site-muted);
-		max-width: 40rem;
-		font-size: 0.95rem;
-	}
-	.stats {
-		display: flex;
-		gap: 2.5rem;
-		white-space: nowrap;
-	}
-	.stats div {
-		display: flex;
-		flex-direction: column;
-		align-items: end;
-	}
-	.stats strong {
-		font-size: 1.5rem;
-		font-weight: 600;
-		letter-spacing: -0.06em;
-	}
-	.stats span,
-	.facts dt {
-		color: var(--site-muted);
-		font-size: 0.69rem;
-		text-transform: uppercase;
-		letter-spacing: 0.08em;
-	}
-	.grid {
-		display: grid;
-		gap: 1rem;
-		margin-bottom: 1rem;
-	}
-	.grid.two {
-		grid-template-columns: repeat(2, minmax(0, 1fr));
-	}
-	.grid > .panel {
-		margin-bottom: 0;
-	}
-	.panel {
-		border: 1px solid var(--site-border);
-		background: var(--site-surface);
-		border-radius: 8px;
-		padding: 1.2rem;
-		margin-bottom: 1rem;
-		min-width: 0;
-	}
-	.panel-heading {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		flex-wrap: wrap;
-		gap: 0.5rem 1rem;
-		margin-bottom: 1rem;
-	}
-	.muted,
-	.note,
-	.coverage {
-		color: var(--site-muted);
-		font-size: 0.75rem;
-	}
-	.note {
-		margin-top: 0.75rem;
-	}
-	.empty {
-		color: var(--site-muted);
-	}
 	.facts {
-		display: flex;
-		gap: 2rem;
-		margin-top: 0.5rem;
+		color: var(--site-muted);
+		font-size: 0.8rem;
 	}
-	.facts div {
-		display: flex;
-		flex-direction: column;
-	}
-	.facts dd {
-		font-size: 1.1rem;
+	.facts strong {
+		color: var(--site-text);
 		font-weight: 600;
 	}
-	.coverage {
-		margin-top: 2rem;
-		display: grid;
-		gap: 0.4rem;
-	}
-	.coverage a {
-		text-decoration: underline;
-	}
-	@media (max-width: 900px) {
-		.intro {
-			flex-direction: column;
-			align-items: start;
-		}
-		.stats div {
-			align-items: start;
-		}
-		.grid.two {
-			grid-template-columns: minmax(0, 1fr);
-		}
+	#live {
+		scroll-margin-top: 5rem;
 	}
 </style>
diff --git a/src/lib/title.ts b/src/lib/title.ts
index c4f5b0a..e4aea7e 100644
--- a/src/lib/title.ts
+++ b/src/lib/title.ts
@@ -37,12 +37,11 @@ export function getTitle(path: string, environment: SiteEnvironment = null): str
 		'/projects/animaldex/admin': 'Animaldex admin',
 		'/projects/derby': 'Derby Lens',
 		'/projects/cs-prices': 'CS Prices',
-		'/projects/energy': 'Energy',
 		'/trackers/games': 'Game Tracker',
 		'/projects/language-learner': 'Language Learner',
 		'/projects/spotify-beatmap-finder': 'osu! map finder',
 		'/projects/progress': 'Progress',
-		'/projects/world-opinions': 'World Opinions',
+		'/stats/opinions/world': 'World Opinions',
 		'/trackers/money': 'Money'
 	};
 	const cleaned = path.replace(/\/$/, '') || '/';
diff --git a/src/lib/tracker-icons.ts b/src/lib/tracker-icons.ts
index 8b88a82..5962e00 100644
--- a/src/lib/tracker-icons.ts
+++ b/src/lib/tracker-icons.ts
@@ -370,6 +370,89 @@ export const trackerIcons: Record<string, TrackerIcon> = {
 			'M7 22a4 4 0 0 1-4-4 1 1 0 0 1 1-1h16a1 1 0 0 1 1 1 4 4 0 0 1-4 4z',
 			'M9.159 2.46a1 1 0 0 1 1.521-.193l9.977 8.98A1 1 0 0 1 20 13H4a1 1 0 0 1-.824-1.567z'
 		]
+	},
+	// /stats sections (header stats menu, home page, stats nav). Keys are `stats-<section>`.
+	'stats-overview': {
+		from: '#3b82f6',
+		to: '#6366f1',
+		ink: WHITE,
+		paths: ['M3 3v16a2 2 0 0 0 2 2h16', 'm19 9-5 5-4-4-3 3']
+	},
+	'stats-economy': {
+		from: '#10b981',
+		to: '#0d9488',
+		ink: WHITE,
+		paths: ['M16 7h6v6', 'm22 7-8.5 8.5-5-5L2 17']
+	},
+	'stats-energy': {
+		from: '#f97316',
+		to: '#e11d48',
+		ink: WHITE,
+		paths: ['M13 2 3 14h9l-1 8 10-12h-9l1-8z']
+	},
+	'stats-gouda': {
+		from: '#eab308',
+		to: '#f97316',
+		ink: WHITE,
+		paths: [
+			'M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0',
+			c(12, 10, 3)
+		]
+	},
+	'stats-countries': {
+		from: '#a855f7',
+		to: '#ec4899',
+		ink: WHITE,
+		paths: [c(12, 12, 10), 'M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20', 'M2 12h20']
+	},
+	'stats-curacao': {
+		from: '#22d3ee',
+		to: '#0e7490',
+		ink: WHITE,
+		paths: [
+			'M13 8c0-2.76-2.46-5-5.5-5S2 5.24 2 8h2l1-1 1 1h4',
+			'M13 7.14A5.82 5.82 0 0 1 16.5 6c3.04 0 5.5 2.24 5.5 5h-3l-1-1-1 1h-3',
+			'M5.89 9.71c-2.15 2.15-2.3 5.47-.35 7.43l4.24-4.25.7-.7.71-.71 2.12-2.12c-1.95-1.96-5.27-1.8-7.42.35',
+			'M11 15.5c.5 2.5-.17 4.5-1 6.5h4c2-5.5-.5-12-1-14'
+		]
+	},
+	'stats-elections': {
+		from: '#06b6d4',
+		to: '#3b82f6',
+		ink: WHITE,
+		paths: ['m9 12 2 2 4-4', 'M5 7c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v12H5V7Z', 'M22 19H2']
+	},
+	'stats-history': {
+		from: '#b45309',
+		to: '#eab308',
+		ink: WHITE,
+		paths: [
+			'M15 12h-5',
+			'M15 8h-5',
+			'M19 17V5a2 2 0 0 0-2-2H4',
+			'M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3'
+		]
+	},
+	'stats-opinions': {
+		from: '#ec4899',
+		to: '#f97316',
+		ink: WHITE,
+		paths: ['M7.9 20A9 9 0 1 0 4 16.1L2 22Z']
+	},
+	'stats-polls': {
+		from: '#f472b6',
+		to: '#db2777',
+		ink: WHITE,
+		paths: ['M3 3v16a2 2 0 0 0 2 2h16', 'M18 17V9', 'M13 17V5', 'M8 17v-3']
+	},
+	'stats-world': {
+		from: '#38bdf8',
+		to: '#0369a1',
+		ink: WHITE,
+		paths: [
+			c(12, 12, 10),
+			'm16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z'
+		]
 	}
 };
 
diff --git a/src/lib/world-opinions/data.test.ts b/src/lib/world-opinions/data.test.ts
deleted file mode 100644
index cc89f3a..0000000
--- a/src/lib/world-opinions/data.test.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import world from 'world-atlas/countries-110m.json';
-import seed from '../../../scripts/stats/world-opinions-seed.json';
-import { buildWorldOpinions, type WorldOpinionsData } from './data';
-
-// The guide's content lives in stats.wo_*; this checks the snapshot the stats_wo_seed migration
-// was generated from (scripts/stats/world-opinions-seed.json).
-const { countries, countryById, narratives, parties, partyCountries, profiles } =
-	buildWorldOpinions(seed as WorldOpinionsData);
-
-describe('world opinions seed', () => {
-	it('has unique country ids and ISO codes', () => {
-		expect(new Set(countries.map((country) => country.id)).size).toBe(countries.length);
-		expect(new Set(countries.map((country) => country.iso)).size).toBe(countries.length);
-	});
-
-	it('matches every country to a shape on the map', () => {
-		const shapes = new Set(
-			world.objects.countries.geometries.map((shape: { id?: string }) => String(shape.id))
-		);
-		for (const country of countries) expect(shapes.has(country.iso), country.name).toBe(true);
-	});
-
-	it('only references known countries', () => {
-		const referenced = [
-			...profiles.map((profile) => profile.id),
-			...partyCountries,
-			...parties.map((party) => party.country),
-			...narratives.flatMap((narrative) => narrative.views.map((view) => view.country))
-		];
-		for (const id of referenced) expect(countryById.has(id), id).toBe(true);
-	});
-
-	it('keeps party positions on the 0–10 scale with unique keys', () => {
-		const keys = new Set(parties.map((party) => `${party.country}-${party.short}`));
-		expect(keys.size).toBe(parties.length);
-		for (const party of parties) {
-			for (const value of [party.econ, party.social]) {
-				expect(value).toBeGreaterThanOrEqual(0);
-				expect(value).toBeLessThanOrEqual(10);
-			}
-		}
-		for (const id of partyCountries) {
-			expect(
-				parties.some((party) => party.country === id),
-				id
-			).toBe(true);
-		}
-	});
-});
diff --git a/src/lib/world-opinions/data.ts b/src/lib/world-opinions/data.ts
index 74124bd..80221f1 100644
--- a/src/lib/world-opinions/data.ts
+++ b/src/lib/world-opinions/data.ts
@@ -2,7 +2,7 @@
 // Positions are approximate and meant for comparing countries/parties relative
 // to each other. The curated content (countries, party placements, profiles,
 // narratives, sources) lives in the `stats.wo_*` tables (seeded by the
-// stats_wo_seed migration) and is loaded by +page.server.ts; this file keeps
+// stats_wo_seed migration) and is loaded by /stats/opinions/world; this file keeps
 // the types, the label dictionaries and the lookups the components share.
 import { getContext, setContext } from 'svelte';
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 52fed43..e3408ef 100755
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -152,7 +152,11 @@
 				>stats <ArrowRight size={20} aria-hidden="true" /></a
 			>
 		</h2>
-		<CatalogGrid items={statsPages} subtitleClass="mt-1 block text-base text-[var(--site-muted)]" />
+		<CatalogGrid
+			items={statsPages}
+			variant="tracker"
+			subtitleClass="mt-1 block text-base text-[var(--site-muted)]"
+		/>
 	</section>
 
 	<section aria-labelledby="lists-heading" class="pt-14 sm:pt-20">
diff --git a/src/routes/projects/energy/+page.server.ts b/src/routes/projects/energy/+page.server.ts
deleted file mode 100644
index 4b01d10..0000000
--- a/src/routes/projects/energy/+page.server.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { loadEnergy } from '#lib/server/energy.js';
-import type { PageServerLoad } from './$types';
-
-export const load: PageServerLoad = async () => ({ energy: await loadEnergy() });
diff --git a/src/routes/projects/energy/[...rest]/+server.ts b/src/routes/projects/energy/[...rest]/+server.ts
new file mode 100644
index 0000000..90d2080
--- /dev/null
+++ b/src/routes/projects/energy/[...rest]/+server.ts
@@ -0,0 +1,7 @@
+import { redirect } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+
+// Merged into /stats (2026-10-26): every old URL, subpaths included, moves permanently.
+export const GET: RequestHandler = ({ url }) => {
+	redirect(301, `/stats/energy${url.search}#live`);
+};
diff --git a/src/routes/projects/world-opinions/[...rest]/+server.ts b/src/routes/projects/world-opinions/[...rest]/+server.ts
new file mode 100644
index 0000000..5ca8712
--- /dev/null
+++ b/src/routes/projects/world-opinions/[...rest]/+server.ts
@@ -0,0 +1,7 @@
+import { redirect } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+
+// Merged into /stats (2026-10-26): every old URL, subpaths included, moves permanently.
+export const GET: RequestHandler = ({ url }) => {
+	redirect(301, `/stats/opinions/world${url.search}`);
+};
diff --git a/src/routes/sitemap.xml/+server.ts b/src/routes/sitemap.xml/+server.ts
index a608f31..c88af49 100644
--- a/src/routes/sitemap.xml/+server.ts
+++ b/src/routes/sitemap.xml/+server.ts
@@ -22,6 +22,7 @@ const staticPaths = [
 	'/stats/countries/CUW',
 	'/stats/elections',
 	'/stats/opinions',
+	'/stats/opinions/world',
 	'/stats/history',
 	'/stats/countries/NLD',
 	'/stats/countries/USA',
@@ -47,10 +48,8 @@ const staticPaths = [
 	'/projects/game-tracker/osu',
 	'/projects/game-tracker/pokemon/locations',
 	'/projects/animaldex',
-	'/projects/energy',
 	'/projects/derby',
 	'/projects/spotify-beatmap-finder',
-	'/projects/world-opinions',
 	'/projects/language-learner',
 	...COURSES.map((c) => `/projects/language-learner/${c.code}`)
 ];
diff --git a/src/routes/stats/+layout.svelte b/src/routes/stats/+layout.svelte
index a7a3bc9..8c83f75 100644
--- a/src/routes/stats/+layout.svelte
+++ b/src/routes/stats/+layout.svelte
@@ -1,44 +1,43 @@
 <script lang="ts">
 	import { page } from '$app/state';
 	import { resolve } from '$app/paths';
-	import { statsPages } from '#lib/projects.js';
-	import ChartLine from 'lucide-svelte/icons/chart-line';
-	import Flame from 'lucide-svelte/icons/flame';
-	import House from 'lucide-svelte/icons/house';
-	import Landmark from 'lucide-svelte/icons/landmark';
-	import Globe from 'lucide-svelte/icons/globe';
-	import Vote from 'lucide-svelte/icons/vote';
-	import MessageCircle from 'lucide-svelte/icons/message-circle';
-	import ScrollText from 'lucide-svelte/icons/scroll-text';
+	import { statsPages, statsSubPages } from '#lib/projects.js';
+	import TrackerIcon from '#lib/components/TrackerIcon.svelte';
 	let { children } = $props();
-	const icons = {
-		overview: ChartLine,
-		economy: Landmark,
-		energy: Flame,
-		gouda: House,
-		countries: Globe,
-		elections: Vote,
-		opinions: MessageCircle,
-		history: ScrollText
-	} as const;
 	const tabs = [
-		{ name: 'overview', href: '/stats' },
-		...statsPages.map((p) => ({ name: p.name, href: p.href }))
+		{ name: 'overview', href: '/stats', icon: 'stats-overview' },
+		...statsPages.map((p) => ({ name: p.name, href: p.href, icon: p.icon }))
 	];
+	const path = $derived(page.url.pathname.replace(/\/$/, '') || '/');
+	const active = (href: string) =>
+		href === '/stats' ? path === href : path === href || path.startsWith(`${href}/`);
+	const section = $derived(tabs.find((t) => t.href !== '/stats' && active(t.href))?.href);
+	const subTabs = $derived(section ? statsSubPages[section] : undefined);
 </script>
 
 <div class="stats-page">
 	<nav class="stats-tabs" aria-label="Stats sections">
 		{#each tabs as tab (tab.href)}
-			{@const Icon = icons[tab.name as keyof typeof icons] ?? ChartLine}
 			<a
 				href={resolve(tab.href as '/stats')}
-				class:active={page.url.pathname === tab.href}
-				aria-current={page.url.pathname === tab.href ? 'page' : undefined}
-				><span class="tab-icon tab-{tab.name}"><Icon size={14} /></span>{tab.name}</a
+				class:active={active(tab.href)}
+				aria-current={path === tab.href ? 'page' : undefined}
+				><TrackerIcon name={tab.icon} class="tab-icon size-6" />{tab.name}</a
 			>
 		{/each}
 	</nav>
+	{#if subTabs}
+		<nav class="stats-tabs stats-subtabs" aria-label="Section pages">
+			{#each subTabs as tab (tab.href)}
+				<a
+					href={resolve(tab.href as '/stats')}
+					class:active={path === tab.href}
+					aria-current={path === tab.href ? 'page' : undefined}
+					><TrackerIcon name={tab.icon} class="tab-icon size-5" />{tab.name}</a
+				>
+			{/each}
+		</nav>
+	{/if}
 	{@render children()}
 </div>
 
@@ -79,37 +78,13 @@
 		border-color: var(--site-text);
 		color: var(--site-bg);
 	}
-	.tab-icon {
-		display: inline-grid;
-		place-items: center;
-		width: 1.4rem;
-		height: 1.4rem;
-		border-radius: 999px;
-		color: #fff;
+	.stats-subtabs {
+		margin-top: -0.9rem;
+		border-bottom-style: dashed;
 	}
-	.tab-overview {
-		background: linear-gradient(135deg, #3b82f6, #6366f1);
-	}
-	.tab-economy {
-		background: linear-gradient(135deg, #10b981, #0d9488);
-	}
-	.tab-energy {
-		background: linear-gradient(135deg, #f97316, #e11d48);
-	}
-	.tab-gouda {
-		background: linear-gradient(135deg, #eab308, #f97316);
-	}
-	.tab-countries {
-		background: linear-gradient(135deg, #a855f7, #ec4899);
-	}
-	.tab-elections {
-		background: linear-gradient(135deg, #06b6d4, #3b82f6);
-	}
-	.tab-history {
-		background: linear-gradient(135deg, #b45309, #eab308);
-	}
-	.tab-opinions {
-		background: linear-gradient(135deg, #ec4899, #f97316);
+	.stats-subtabs a {
+		font-size: 0.8rem;
+		padding: 0.25rem 0.65rem 0.25rem 0.3rem;
 	}
 	/* Shared page furniture for every /stats page. */
 	.stats-page :global(.stats-intro) {
diff --git a/src/routes/stats/+page.svelte b/src/routes/stats/+page.svelte
index 2aae6cc..64b530c 100644
--- a/src/routes/stats/+page.svelte
+++ b/src/routes/stats/+page.svelte
@@ -4,15 +4,8 @@
 	import StatChart from '#lib/stats/StatChart.svelte';
 	import { change, latest, lineOption, spread, type StatPoint } from '#lib/stats/chart.js';
 	import { ago, compact, num, period } from '#lib/stats/format.js';
-	import Landmark from 'lucide-svelte/icons/landmark';
-	import Flame from 'lucide-svelte/icons/flame';
-	import House from 'lucide-svelte/icons/house';
-	import Globe from 'lucide-svelte/icons/globe';
-	import Palmtree from 'lucide-svelte/icons/tree-palm';
-	import Vote from 'lucide-svelte/icons/vote';
-	import MessageCircle from 'lucide-svelte/icons/message-circle';
-	import ScrollText from 'lucide-svelte/icons/scroll-text';
 	import ArrowRight from 'lucide-svelte/icons/arrow-right';
+	import TrackerIcon from '#lib/components/TrackerIcon.svelte';
 
 	let { data } = $props();
 	const s = $derived(data.series);
@@ -50,57 +43,49 @@
 		{
 			href: '/stats/economy',
 			title: 'Economy',
-			icon: Landmark,
-			grad: 'linear-gradient(135deg,#3b82f6,#a855f7)',
+			icon: 'stats-economy',
 			text: 'Central bank rates, inflation, bond yields and spreads, stock markets, growth, government debt and deficits, migration.'
 		},
 		{
 			href: '/stats/energy',
 			title: 'Energy',
-			icon: Flame,
-			grad: 'linear-gradient(135deg,#eab308,#f97316)',
+			icon: 'stats-energy',
 			text: 'Dutch household tariffs, Europe vs the US, oil and gas, import dependence, renewables, heat pumps, solar and EVs.'
 		},
 		{
 			href: '/stats/gouda',
 			title: 'Gouda',
-			icon: House,
-			grad: 'linear-gradient(135deg,#10b981,#06b6d4)',
+			icon: 'stats-gouda',
 			text: 'Population since 1942, house prices, housing stock, municipal levies and neighbourhoods, next to the surrounding towns.'
 		},
 		{
 			href: '/stats/countries',
 			title: 'Countries',
-			icon: Globe,
-			grad: 'linear-gradient(135deg,#a855f7,#ec4899)',
+			icon: 'stats-countries',
 			text: 'The Netherlands, Curaçao, the US, South Korea, China and more side by side: income, growth, inflation, debt and life expectancy.'
 		},
 		{
 			href: '/stats/countries/CUW',
 			title: 'Curaçao',
-			icon: Palmtree,
-			grad: 'linear-gradient(135deg,#06b6d4,#3b82f6)',
+			icon: 'stats-curacao',
 			text: 'Population, income, inflation, tourism, trade and government finances of Curaçao.'
 		},
 		{
 			href: '/stats/elections',
 			title: 'Elections',
-			icon: Vote,
-			grad: 'linear-gradient(135deg,#06b6d4,#3b82f6)',
+			icon: 'stats-elections',
 			text: 'Every Dutch general election since 1918, Gouda down to the polling station, and the US presidential vote by state.'
 		},
 		{
 			href: '/stats/history',
 			title: 'History and culture',
-			icon: ScrollText,
-			grad: 'linear-gradient(135deg,#b45309,#eab308)',
+			icon: 'stats-history',
 			text: 'The Netherlands, Gouda, Curaçao, the US and Korea over the long run, a sourced timeline, office holders, religion, holidays, UNESCO sites and famous people.'
 		},
 		{
 			href: '/stats/opinions',
 			title: 'Opinions',
-			icon: MessageCircle,
-			grad: 'linear-gradient(135deg,#ec4899,#f97316)',
+			icon: 'stats-opinions',
 			text: 'Seat and approval polls, Eurobarometer worries and trust, world happiness, search trends, news themes and party positions.'
 		}
 	] as const;
@@ -203,9 +188,8 @@
 
 <div class="sections">
 	{#each SECTIONS as sec (sec.href)}
-		{@const Icon = sec.icon}
 		<a class="section-card" href={resolve(sec.href as '/stats')}>
-			<span class="section-icon" style:background={sec.grad}><Icon size={20} /></span>
+			<TrackerIcon name={sec.icon} class="size-10" />
 			<span class="section-body">
 				<strong>{sec.title}</strong>
 				<span>{sec.text}</span>
@@ -337,15 +321,6 @@
 	.section-card:hover {
 		border-color: var(--site-text);
 	}
-	.section-icon {
-		display: inline-grid;
-		place-items: center;
-		flex: none;
-		width: 2.5rem;
-		height: 2.5rem;
-		border-radius: 0.75rem;
-		color: #fff;
-	}
 	.section-body {
 		display: grid;
 		gap: 0.2rem;
diff --git a/src/routes/stats/energy/+page.server.ts b/src/routes/stats/energy/+page.server.ts
index 44aeb6b..42ae5f3 100644
--- a/src/routes/stats/energy/+page.server.ts
+++ b/src/routes/stats/energy/+page.server.ts
@@ -1,4 +1,5 @@
 import { cached, loadSeries } from '#lib/server/stats.js';
+import { loadEnergy } from '#lib/server/energy.js';
 import { epSeriesIds } from '#lib/stats/energylabels.js';
 import type { PageServerLoad } from './$types';
 
@@ -6,6 +7,8 @@ const EU = ['NL', 'DE', 'FR', 'BE', 'IT', 'ES', 'PL', 'SE', 'DK', 'AT', 'EU27_20
 const RENEW = ['total', 'wind-onshore', 'wind-offshore', 'solar', 'biomass', 'hydro'];
 
 export const load: PageServerLoad = async () => ({
+	// Live NED grid + gas storage (read-only, ned-collector's `energy` schema).
+	energy: await cached('stats:energy:live', loadEnergy),
 	series: await cached('stats:energy', () =>
 		loadSeries([
 			...['variable', 'tax', 'transport', 'fixed', 'taxcredit', 'dynamic'].map(
diff --git a/src/routes/stats/energy/+page.svelte b/src/routes/stats/energy/+page.svelte
index 252106b..e7d3039 100644
--- a/src/routes/stats/energy/+page.svelte
+++ b/src/routes/stats/energy/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import { resolve } from '$app/paths';
 	import StatChart from '#lib/stats/StatChart.svelte';
 	import Kpi from '#lib/stats/Kpi.svelte';
 	import { barRankOption, latest, lineOption, type StatPoint } from '#lib/stats/chart.js';
@@ -12,8 +11,7 @@
 		EP_LABELS,
 		labelStackOption
 	} from '#lib/stats/energylabels.js';
-	import Zap from 'lucide-svelte/icons/zap';
-	import ArrowRight from 'lucide-svelte/icons/arrow-right';
+	import EnergyLive from '#lib/stats/EnergyLive.svelte';
 
 	let { data } = $props();
 	const s = $derived(data.series);
@@ -102,7 +100,7 @@
 	<title>energy · stats · Stan Runge</title>
 	<meta
 		name="description"
-		content="Dutch household energy tariffs, European and US prices, oil and gas, import dependence, renewables, heat pumps, solar and electric cars."
+		content="The live Dutch grid mix and gas storage, household energy tariffs, European and US prices, oil and gas, import dependence, renewables, heat pumps, solar and electric cars."
 	/>
 </svelte:head>
 
@@ -115,15 +113,6 @@
 	</p>
 </section>
 
-<a class="live-link" href={resolve('/projects/energy')}>
-	<span class="live-icon"><Zap size={16} /></span>
-	<span
-		><strong>Live grid data</strong> · hourly Dutch production, consumption and the energy mix in the
-		energy tracker</span
-	>
-	<span class="live-arrow"><ArrowRight size={16} /></span>
-</a>
-
 <div class="kpis">
 	<Kpi
 		label="Electricity, variable + tax"
@@ -181,6 +170,8 @@
 	/>
 </div>
 
+<EnergyLive energy={data.energy} attributions={a} />
+
 <h2 class="stats-section-title">Household tariffs in the Netherlands</h2>
 <div class="stats-grid">
 	<StatChart
@@ -640,34 +631,3 @@
 		{/if}
 	</div>
 {/if}
-
-<style>
-	.live-link {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		border: 1px solid var(--site-border);
-		border-radius: 0.75rem;
-		padding: 0.75rem 1rem;
-		font-size: 0.9rem;
-		color: var(--site-text);
-		text-decoration: none;
-	}
-	.live-link:hover {
-		border-color: var(--site-text);
-	}
-	.live-arrow {
-		margin-left: auto;
-		display: inline-flex;
-	}
-	.live-icon {
-		display: inline-grid;
-		place-items: center;
-		width: 2rem;
-		height: 2rem;
-		border-radius: 0.6rem;
-		background: linear-gradient(135deg, #eab308, #f97316);
-		color: #fff;
-		flex: none;
-	}
-</style>
diff --git a/src/routes/stats/opinions/+page.svelte b/src/routes/stats/opinions/+page.svelte
index 2996d4e..6b68686 100644
--- a/src/routes/stats/opinions/+page.svelte
+++ b/src/routes/stats/opinions/+page.svelte
@@ -208,7 +208,8 @@
 	<p>
 		What people think, from polls and surveys: Dutch seat polls, approval of Trump and Lee
 		Jae-myung, Eurobarometer worries and trust, the World Happiness Report, and where parties stand.
-		For values by country see <a href={resolve('/projects/world-opinions')}>world opinions</a>.
+		For values, what words mean and a party compass across 57 countries see
+		<a href={resolve('/stats/opinions/world')}>world opinions</a>.
 	</p>
 </section>
 
@@ -514,7 +515,7 @@
 	</div>
 {/if}
 
-<h2 class="stats-section-title">Where Dutch parties stand</h2>
+<h2 class="stats-section-title" id="parties">Where Dutch parties stand</h2>
 <div class="stats-grid">
 	{#if ches.length}
 		<StatChart
diff --git a/src/routes/projects/world-opinions/+page.server.ts b/src/routes/stats/opinions/world/+page.server.ts
similarity index 100%
rename from src/routes/projects/world-opinions/+page.server.ts
rename to src/routes/stats/opinions/world/+page.server.ts
diff --git a/src/routes/projects/world-opinions/+page.svelte b/src/routes/stats/opinions/world/+page.svelte
similarity index 75%
rename from src/routes/projects/world-opinions/+page.svelte
rename to src/routes/stats/opinions/world/+page.svelte
index 3baaaad..59005f6 100644
--- a/src/routes/projects/world-opinions/+page.svelte
+++ b/src/routes/stats/opinions/world/+page.svelte
@@ -7,6 +7,7 @@
 	import WorldMap, { type MapMode } from '#lib/world-opinions/WorldMap.svelte';
 	import { buildWorldOpinions, provideWorldOpinions } from '#lib/world-opinions/data.js';
 	import { Button } from '#lib/components/ui/button/index.js';
+	import { resolve } from '$app/paths';
 
 	let { data } = $props();
 	// Static per load (stats.wo_*), so it is read once and shared with the components.
@@ -32,14 +33,26 @@
 	}
 </script>
 
-<div class="wo mx-auto max-w-6xl px-4 py-12 sm:px-6 sm:py-16">
-	<header class="mb-8">
-		<h1 class="mb-3 text-4xl font-semibold tracking-tight sm:text-5xl">world opinions</h1>
-		<p class="text-lg text-[var(--site-muted)]">
-			Same words, different politics. Hover the map, click a country.
-		</p>
-	</header>
+<svelte:head>
+	<title>world opinions · stats · Stan Runge</title>
+	<meta
+		name="description"
+		content="How political words, parties, values and national histories differ across 57 countries: what liberal means, what left and right are about, a shared party compass and a values map."
+	/>
+</svelte:head>
 
+<section class="stats-intro">
+	<span class="stats-eyebrow">stats / opinions / world</span>
+	<h1>World opinions</h1>
+	<p>
+		Same words, different politics. Hover the map, click a country. For measured party positions
+		(Chapel Hill Expert Survey, V-Party) see <a href={resolve('/stats/opinions') + '#parties'}
+			>where Dutch parties stand</a
+		>; for polls, happiness and Eurobarometer see <a href={resolve('/stats/opinions')}>opinions</a>.
+	</p>
+</section>
+
+<div class="wo">
 	<section aria-label="World map">
 		<div class="mb-4 flex flex-wrap gap-2" role="tablist" aria-label="Map layer">
 			{#each modes as item (item.id)}
@@ -70,20 +83,26 @@
 		<CountryPanel id={countryId} />
 	</section>
 
-	<section class="border-t border-[var(--site-border)] mt-12 py-10">
-		<h2 class="mb-1 text-2xl font-semibold">party compass</h2>
-		<p class="mb-5 text-[var(--site-muted)]">Every party on one shared scale.</p>
+	<section class="mt-12 border-t border-[var(--site-border)] py-10">
+		<h2 class="stats-section-title mb-1">Party compass</h2>
+		<p class="mb-5 text-[var(--site-muted)]">
+			Every party on one shared scale, hand-placed for comparison. Measured CHES and V-Party
+			positions for Dutch parties are on <a
+				class="underline underline-offset-2"
+				href={resolve('/stats/opinions') + '#parties'}>opinions</a
+			>.
+		</p>
 		<PartyCompass focus={countryId} />
 	</section>
 
 	<section class="border-t border-[var(--site-border)] py-10">
-		<h2 class="mb-1 text-2xl font-semibold">values map</h2>
+		<h2 class="stats-section-title mb-1">Values map</h2>
 		<p class="mb-5 text-[var(--site-muted)]">Both value axes at once.</p>
 		<CultureMap selected={countryId} onselect={select} />
 	</section>
 
 	<section class="border-t border-[var(--site-border)] py-10">
-		<h2 class="mb-4 text-2xl font-semibold">one event, many stories</h2>
+		<h2 class="stats-section-title mb-4">One event, many stories</h2>
 		<div class="mb-5 flex flex-wrap gap-2" role="tablist" aria-label="Event">
 			{#each narratives as item, index (item.event)}
 				<Button
diff --git a/src/routes/projects/world-opinions/world-opinions.css b/src/routes/stats/opinions/world/world-opinions.css
similarity index 100%
rename from src/routes/projects/world-opinions/world-opinions.css
rename to src/routes/stats/opinions/world/world-opinions.css