diff --git a/static/calendar.html b/static/calendar.html
index 1286d8c..6678ea6 100644
--- a/static/calendar.html
+++ b/static/calendar.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>Thermograph — 2-year calendar</title>
-  <meta name="description" content="Pick any point on Earth and see how its recent weather stacks up against ~45 years of local climate history — graded days, calendars, forecasts, and side-by-side comparisons." />
+  <meta name="description" content="A two-year calendar of daily weather grades for any location — see at a glance which days were unusually hot, cold, wet, or normal versus ~45 years of local climate history." />
   <meta name="theme-color" content="#f0803c" />
   <!-- Link previews (Discord, Slack, iMessage…). The server fills the og:url /
        og:image origins in from this request's scheme://host + base path —
@@ -12,13 +12,14 @@
   <meta property="og:type" content="website" />
   <meta property="og:site_name" content="Thermograph" />
   <meta property="og:title" content="Thermograph — 2-year calendar" />
-  <meta property="og:description" content="Pick any point on Earth and see how its recent weather stacks up against ~45 years of local climate history — graded days, calendars, forecasts, and side-by-side comparisons." />
+  <meta property="og:description" content="A two-year calendar of daily weather grades for any location — see at a glance which days were unusually hot, cold, wet, or normal versus ~45 years of local climate history." />
   <meta property="og:url" content="__ORIGIN__/calendar" />
   <meta property="og:image" content="__ORIGIN__/logo.png" />
   <meta property="og:image:width" content="512" />
   <meta property="og:image:height" content="512" />
   <meta property="og:image:alt" content="Thermograph logo" />
   <meta name="twitter:card" content="summary" />
+  <link rel="canonical" href="__ORIGIN__/calendar" />
   <link rel="icon" href="logo.svg" type="image/svg+xml" />
   <link rel="apple-touch-icon" href="logo.png" />
   <link rel="manifest" href="manifest.webmanifest" />
diff --git a/static/compare.html b/static/compare.html
index 78d5be4..f5322b8 100644
--- a/static/compare.html
+++ b/static/compare.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>Thermograph — compare comfort</title>
-  <meta name="description" content="Pick any point on Earth and see how its recent weather stacks up against ~45 years of local climate history — graded days, calendars, forecasts, and side-by-side comparisons." />
+  <meta name="description" content="Compare how well two or more places hit your comfort temperature over any date range, side by side, each graded against its own ~45-year climate history." />
   <meta name="theme-color" content="#f0803c" />
   <!-- Link previews (Discord, Slack, iMessage…). The server fills the og:url /
        og:image origins in from this request's scheme://host + base path —
@@ -12,13 +12,14 @@
   <meta property="og:type" content="website" />
   <meta property="og:site_name" content="Thermograph" />
   <meta property="og:title" content="Thermograph — compare comfort" />
-  <meta property="og:description" content="Pick any point on Earth and see how its recent weather stacks up against ~45 years of local climate history — graded days, calendars, forecasts, and side-by-side comparisons." />
+  <meta property="og:description" content="Compare how well two or more places hit your comfort temperature over any date range, side by side, each graded against its own ~45-year climate history." />
   <meta property="og:url" content="__ORIGIN__/compare" />
   <meta property="og:image" content="__ORIGIN__/logo.png" />
   <meta property="og:image:width" content="512" />
   <meta property="og:image:height" content="512" />
   <meta property="og:image:alt" content="Thermograph logo" />
   <meta name="twitter:card" content="summary" />
+  <link rel="canonical" href="__ORIGIN__/compare" />
   <link rel="icon" href="logo.svg" type="image/svg+xml" />
   <link rel="apple-touch-icon" href="logo.png" />
   <link rel="manifest" href="manifest.webmanifest" />
diff --git a/static/day.html b/static/day.html
index a42427c..680aef4 100644
--- a/static/day.html
+++ b/static/day.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>Thermograph — a single day</title>
-  <meta name="description" content="Pick any point on Earth and see how its recent weather stacks up against ~45 years of local climate history — graded days, calendars, forecasts, and side-by-side comparisons." />
+  <meta name="description" content="One day's weather in full detail: every percentile tier for that date and place, and exactly where the day's high, low, feels-like, wind and rain landed against local history." />
   <meta name="theme-color" content="#f0803c" />
   <!-- Link previews (Discord, Slack, iMessage…). The server fills the og:url /
        og:image origins in from this request's scheme://host + base path —
@@ -12,13 +12,14 @@
   <meta property="og:type" content="website" />
   <meta property="og:site_name" content="Thermograph" />
   <meta property="og:title" content="Thermograph — a single day" />
-  <meta property="og:description" content="Pick any point on Earth and see how its recent weather stacks up against ~45 years of local climate history — graded days, calendars, forecasts, and side-by-side comparisons." />
+  <meta property="og:description" content="One day's weather in full detail: every percentile tier for that date and place, and exactly where the day's high, low, feels-like, wind and rain landed against local history." />
   <meta property="og:url" content="__ORIGIN__/day" />
   <meta property="og:image" content="__ORIGIN__/logo.png" />
   <meta property="og:image:width" content="512" />
   <meta property="og:image:height" content="512" />
   <meta property="og:image:alt" content="Thermograph logo" />
   <meta name="twitter:card" content="summary" />
+  <link rel="canonical" href="__ORIGIN__/day" />
   <link rel="icon" href="logo.svg" type="image/svg+xml" />
   <link rel="apple-touch-icon" href="logo.png" />
   <link rel="manifest" href="manifest.webmanifest" />
diff --git a/static/index.html b/static/index.html
index 9bfd069..9d5c767 100644
--- a/static/index.html
+++ b/static/index.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>Thermograph — how unusual is your weather?</title>
-  <meta name="description" content="Pick any point on Earth and see how its recent weather stacks up against ~45 years of local climate history — graded days, calendars, forecasts, and side-by-side comparisons." />
+  <meta name="description" content="See how today's weather compares to decades of local climate history for any place on Earth — daily high, low, feels-like, humidity, wind and rain graded by percentile." />
   <meta name="theme-color" content="#f0803c" />
   <!-- Link previews (Discord, Slack, iMessage…). The server fills the og:url /
        og:image origins in from this request's scheme://host + base path —
@@ -12,13 +12,17 @@
   <meta property="og:type" content="website" />
   <meta property="og:site_name" content="Thermograph" />
   <meta property="og:title" content="Thermograph — how unusual is your weather?" />
-  <meta property="og:description" content="Pick any point on Earth and see how its recent weather stacks up against ~45 years of local climate history — graded days, calendars, forecasts, and side-by-side comparisons." />
+  <meta property="og:description" content="See how today's weather compares to decades of local climate history for any place on Earth — daily high, low, feels-like, humidity, wind and rain graded by percentile." />
   <meta property="og:url" content="__ORIGIN__/" />
   <meta property="og:image" content="__ORIGIN__/logo.png" />
   <meta property="og:image:width" content="512" />
   <meta property="og:image:height" content="512" />
   <meta property="og:image:alt" content="Thermograph logo" />
   <meta name="twitter:card" content="summary" />
+  <link rel="canonical" href="__ORIGIN__/" />
+  <script type="application/ld+json">
+  {"@context":"https://schema.org","@type":"WebApplication","name":"Thermograph","url":"__ORIGIN__/","applicationCategory":"WeatherApplication","operatingSystem":"Web, iOS, Android","browserRequirements":"Requires JavaScript","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"description":"See how today's weather compares to ~45 years of local climate history for any place on Earth — graded by percentile."}
+  </script>
   <link rel="icon" href="logo.svg" type="image/svg+xml" />
   <link rel="apple-touch-icon" href="logo.png" />
   <link rel="manifest" href="manifest.webmanifest" />
diff --git a/static/legend.html b/static/legend.html
index 445381d..756621b 100644
--- a/static/legend.html
+++ b/static/legend.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>Thermograph — reading the grades</title>
-  <meta name="description" content="Pick any point on Earth and see how its recent weather stacks up against ~45 years of local climate history — graded days, calendars, forecasts, and side-by-side comparisons." />
+  <meta name="description" content="How Thermograph grades weather: percentiles of a location's own ±7-day seasonal history, the scale from Below Normal to Near Record, and what every metric means." />
   <meta name="theme-color" content="#f0803c" />
   <!-- Link previews (Discord, Slack, iMessage…). The server fills the og:url /
        og:image origins in from this request's scheme://host + base path —
@@ -12,13 +12,14 @@
   <meta property="og:type" content="website" />
   <meta property="og:site_name" content="Thermograph" />
   <meta property="og:title" content="Thermograph — reading the grades" />
-  <meta property="og:description" content="Pick any point on Earth and see how its recent weather stacks up against ~45 years of local climate history — graded days, calendars, forecasts, and side-by-side comparisons." />
+  <meta property="og:description" content="How Thermograph grades weather: percentiles of a location's own ±7-day seasonal history, the scale from Below Normal to Near Record, and what every metric means." />
   <meta property="og:url" content="__ORIGIN__/legend" />
   <meta property="og:image" content="__ORIGIN__/logo.png" />
   <meta property="og:image:width" content="512" />
   <meta property="og:image:height" content="512" />
   <meta property="og:image:alt" content="Thermograph logo" />
   <meta name="twitter:card" content="summary" />
+  <link rel="canonical" href="__ORIGIN__/legend" />
   <link rel="icon" href="logo.svg" type="image/svg+xml" />
   <link rel="apple-touch-icon" href="logo.png" />
   <link rel="manifest" href="manifest.webmanifest" />
diff --git a/static/style.css b/static/style.css
index 534f3a7..fc5266d 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1432,3 +1432,71 @@ main { max-width: 1200px; margin: 0 auto; padding: 20px 24px 60px; }
 @media (max-width: 640px) and (prefers-reduced-motion: no-preference) {
   #cmp-params, #cal-filters { transition: transform .28s ease; }
 }
+
+/* ============================================================
+   Server-rendered content pages (climate hub / city / month /
+   records / glossary / about). Text-first, minimal JS.
+   ============================================================ */
+.site-name { font-size: 20px; margin: 0; }
+.site-name a { color: var(--text); text-decoration: none; }
+main.content { max-width: 880px; margin: 0 auto; padding: 8px 20px 56px; line-height: 1.6; }
+main.content h1 { font-size: clamp(26px, 4vw, 36px); margin: 8px 0 4px; }
+main.content h2 { font-size: 22px; margin: 32px 0 10px; }
+main.content p { margin: 10px 0; }
+main.content a { color: var(--accent); }
+.content .lede { font-size: 18px; color: var(--text); }
+.breadcrumb { font-size: 13px; color: var(--muted); margin: 4px 0 12px; }
+.breadcrumb a { color: var(--muted); text-decoration: none; }
+.breadcrumb a:hover { color: var(--accent); }
+.breadcrumb .sep { opacity: .5; }
+
+.content .cta {
+  display: inline-block; margin-top: 6px; padding: 11px 18px; border-radius: 10px;
+  background: var(--accent); color: #1a1206; font-weight: 700; text-decoration: none;
+}
+.content .cta:hover { filter: brightness(1.05); }
+
+.today-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin: 12px 0; }
+.today-card {
+  display: flex; flex-direction: column; gap: 3px; padding: 12px 14px;
+  background: var(--surface); border: 1px solid var(--border); border-left: 5px solid var(--border);
+  border-radius: 10px;
+}
+.tc-label { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: .03em; }
+.tc-value { font-size: 17px; font-weight: 700; }
+.tc-grade { font-size: 12px; color: var(--muted); }
+
+.table-wrap { overflow-x: auto; }
+table.normals-table { border-collapse: collapse; width: 100%; margin: 8px 0; font-size: 15px; table-layout: fixed; }
+table.normals-table th:first-child, table.normals-table td:first-child { width: 26%; }
+table.normals-table th, table.normals-table td { padding: 8px 12px; text-align: left; border-bottom: 1px solid var(--border); white-space: nowrap; }
+table.normals-table thead th { color: var(--muted); font-weight: 600; font-size: 13px; }
+table.normals-table td a { text-decoration: none; }
+table.normals-table tbody tr:hover { background: var(--surface-2); }
+
+.climate-records ul { margin: 8px 0; padding-left: 20px; }
+.climate-records li { margin: 4px 0; }
+.climate-foot { font-size: 14px; margin-top: 28px; border-top: 1px solid var(--border); padding-top: 16px; }
+
+/* Hub / directory of cities */
+.hub-country { margin: 22px 0; }
+.hub-country h2 { margin: 0 0 8px; font-size: 18px; }
+.city-links { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0; padding: 0; list-style: none; }
+.city-links a { text-decoration: none; }
+
+/* Glossary / about editorial */
+.glossary-term { border-bottom: 1px solid var(--border); padding: 16px 0; }
+.glossary-term h2 { margin: 0 0 6px; }
+
+.site-footer {
+  max-width: 880px; margin: 0 auto; padding: 24px 20px 48px; border-top: 1px solid var(--border);
+  color: var(--muted); font-size: 14px;
+}
+.site-footer nav { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 10px; }
+.site-footer a { color: var(--accent); text-decoration: none; }
+.site-footer p { margin: 0; }
+
+@media (max-width: 640px) {
+  main.content { padding: 8px 14px 40px; }
+  .today-cards { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
+}
diff --git a/static/subscriptions.html b/static/subscriptions.html
index 78fda19..815e6df 100644
--- a/static/subscriptions.html
+++ b/static/subscriptions.html
@@ -16,6 +16,7 @@
   <meta property="og:image:height" content="512" />
   <meta property="og:image:alt" content="Thermograph logo" />
   <meta name="twitter:card" content="summary" />
+  <link rel="canonical" href="__ORIGIN__/alerts" />
   <link rel="icon" href="logo.svg" type="image/svg+xml" />
   <link rel="apple-touch-icon" href="logo.png" />
   <link rel="manifest" href="manifest.webmanifest" />