diff --git a/static/calendar.html b/static/calendar.html
index 8b20f87..a1b4ad8 100644
--- a/static/calendar.html
+++ b/static/calendar.html
@@ -40,6 +40,7 @@
         <a href="calendar" data-view="calendar" class="active">Calendar</a>
         <a href="day" data-view="day">Day</a>
         <a href="compare" data-view="compare">Compare</a>
+        <a href="climate">Climate</a>
       </nav>
       </details>
     </div>
diff --git a/static/compare.html b/static/compare.html
index a5ed789..133b871 100644
--- a/static/compare.html
+++ b/static/compare.html
@@ -41,6 +41,7 @@
         <a href="calendar" data-view="calendar">Calendar</a>
         <a href="day" data-view="day">Day</a>
         <a href="compare" data-view="compare" class="active">Compare</a>
+        <a href="climate">Climate</a>
       </nav>
       </details>
     </div>
diff --git a/static/day.html b/static/day.html
index ae8a0e5..4a7526e 100644
--- a/static/day.html
+++ b/static/day.html
@@ -41,6 +41,7 @@
         <a href="calendar" data-view="calendar">Calendar</a>
         <a href="day" data-view="day" class="active">Day</a>
         <a href="compare" data-view="compare">Compare</a>
+        <a href="climate">Climate</a>
       </nav>
       </details>
     </div>
diff --git a/static/index.html b/static/index.html
index 128a008..08ee6a7 100644
--- a/static/index.html
+++ b/static/index.html
@@ -44,6 +44,7 @@
         <a href="calendar" data-view="calendar">Calendar</a>
         <a href="day" data-view="day">Day</a>
         <a href="compare" data-view="compare">Compare</a>
+        <a href="climate">Climate</a>
       </nav>
       </details>
     </div>
diff --git a/static/legend.html b/static/legend.html
index f67db2b..3eb970a 100644
--- a/static/legend.html
+++ b/static/legend.html
@@ -40,6 +40,7 @@
         <a href="calendar" data-view="calendar">Calendar</a>
         <a href="day" data-view="day">Day</a>
         <a href="compare" data-view="compare">Compare</a>
+        <a href="climate">Climate</a>
       </nav>
       </details>
     </div>
diff --git a/static/style.css b/static/style.css
index 7782d5c..c5d3619 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1310,10 +1310,15 @@ main { max-width: 1200px; margin: 0 auto; padding: 20px 24px 60px; }
   h1 { font-size: 19px; }
   .tag { font-size: 12px; }
 
-  /* Let the header wrap if the control cluster runs out of room. */
-  .brand { flex-wrap: wrap; }
+  /* The title (logo + name + tagline) claims the whole first row so its text never
+     collapses to a one-word-per-line sliver; the F/C toggle, bell, account and
+     hamburger wrap to a control bar on the row below. (A lone hamburger — the SEO
+     pages, which have no toggle/account — is small enough to stay on the title row.) */
+  .brand { flex-wrap: wrap; align-items: flex-start; row-gap: 12px; }
+  .brand > div:not(.unit-toggle):not(.acct) { flex: 1 1 0; min-width: calc(100% - 92px); }
+  .logo { align-self: flex-start; margin-top: 3px; }
   /* The view navigation collapses into a hamburger dropdown; the F/C toggle, bell
-     and account stay in the header bar beside it. */
+     and account sit in the control bar beside it. */
   /* A real box again (not display:contents) so it's the positioning context for
      the absolute dropdown and holds the hamburger. */
   .nav-menu { display: inline-flex; position: relative; align-self: center; }
diff --git a/static/subscriptions.html b/static/subscriptions.html
index 81cec3a..18c7e2d 100644
--- a/static/subscriptions.html
+++ b/static/subscriptions.html
@@ -38,6 +38,7 @@
         <a href="calendar" data-view="calendar">Calendar</a>
         <a href="day" data-view="day">Day</a>
         <a href="compare" data-view="compare">Compare</a>
+        <a href="climate">Climate</a>
       </nav>
       </details>
     </div>