5.4.0

Restructure
New Journal entries
Colour tabs update with wind

assets/css/header.css

@@ -18,18 +18,22 @@
 .scope-col    { grid-area: dial; }
 .header-right { grid-area: hright; }
 
-/* Left column — wordmark, tagline, search and location stacked together */
+/* Left column — the location line and its search overlay. The wordmark and
+   tagline that used to head this stack now live in the site header, so what is
+   left hangs from the top of the row, level with the top of the dial. */
 .header-left {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
+  justify-content: flex-start;
 }
 
 /* Wraps the location line + the reveal-on-demand search overlay so the
    search can position itself directly over the location to save space. */
 .utci-loc-search {
   position: relative;
-  margin-top: 18px;
+  /* Was 18px, clearing the tagline above it. It leads the column now. */
+  margin-top: 0;
   width: 380px;
   max-width: 100%;
 }
@@ -40,45 +44,11 @@
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  justify-content: center;
+  justify-content: flex-start;   /* level with the top of the dial */
 }
 
-/* The big "SunScope" wordmark */
-.utci-title {
-  font-family: Manrope, sans-serif;
-  font-weight: 250;
-  font-size: clamp(48px, 6vw, 80px);
-  line-height: 1;
-  letter-spacing: -0.01em;
-  color: #1e1208;
-  display: flex;
-  align-items: center;
-  gap: 0.05em;
-}
-
-.utci-title .title-sun,
-.utci-title .title-scope {
-  color: #1e1208;
-}
-
-.title-icon {
-  width: 0.82em;
-  height: 0.82em;
-  color: #1e1208;
-  flex-shrink: 0;
-}
-
-/* "See the world the way..." */
-.utci-tagline {
-  font-family: Manrope, sans-serif;
-  font-style: normal;
-  font-weight: 600;
-  font-size: 11px;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  color: #7a5c2a;
-  margin-top: 12px;
-}
+/* The wordmark and tagline that used to head this column now live in the
+   site header (.nav-logo in base.css) — see the header there. */
 
 /* "↳ Location, Somewhere" + the magnifier that reveals the search */
 .utci-current-loc {
@@ -184,6 +154,7 @@
   background: #fffcf2;
   color: #9a7a3a;
   cursor: pointer;
+  text-decoration: none;
   transition: color 0.2s, border-color 0.2s, background 0.2s, box-shadow 0.2s;
 }
 
@@ -213,6 +184,39 @@
   .utci-loc-action.is-busy svg { animation: none; opacity: 0.55; }
 }
 
+/* Tool row under the location line — the magnifier, locate, share and journal
+   buttons sit on their own row now that the header has the space, each with a
+   small caption so the icons don't have to carry the meaning alone. */
+.utci-loc-tools {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  gap: 16px;
+  margin-top: 10px;
+}
+
+.utci-loc-tool {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+}
+
+.utci-loc-tool-label {
+  font-family: Manrope, sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 9.5px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: #a08c62;
+  white-space: nowrap;
+  transition: color 0.2s;
+}
+
+/* Light the caption up with its button so the pair reads as one control */
+.utci-loc-tool:hover .utci-loc-tool-label { color: #c8922a; }
+
 /* Transient note under the location row: "Link copied", permission errors */
 .utci-loc-note {
   display: flex;
@@ -240,19 +244,6 @@
 
 .utci-loc-note-x:hover { opacity: 1; }
 
-/* The lat/lon below the location */
-.utci-loc-coords {
-  font-family: JetBrains Mono, monospace;
-  font-style: normal;
-  font-size: 11px;
-  color: #b09870;
-  display: block;
-  flex-basis: 100%;          /* drop onto its own line below the name + magnifier */
-  margin-top: 4px;
-  margin-left: 0;
-  letter-spacing: 0.08em;
-}
-
 /* The big UTCI dial in the middle of the header.
    Change width/height to resize it. */
 .scope-ring {
@@ -301,7 +292,9 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
+  /* Top-anchored so the dial defines the row's top edge and the location and
+     Solar model columns beside it start on the same line. */
+  justify-content: flex-start;
   gap: 8px;
 }
 
@@ -594,12 +587,6 @@ body.tl-scrubbing * { transition: none !important; }
   box-shadow: 0 6px 20px #64461426;   /* lift it off the location underneath */
 }
 
-/* The 300px wrapper would let .utci-fetch-time's default right-align drift to
-   the far edge; keep it left-aligned beneath the coords as before. */
-.utci-loc-search .utci-fetch-time {
-  text-align: left;
-}
-
 .utci-search-label {
   font-family: Manrope, sans-serif;
   font-size: 10px;
@@ -716,16 +703,6 @@ body.tl-scrubbing * { transition: none !important; }
     align-items: center;          /* centre the "Why it feels like" panel under the dial */
   }
 
-  .utci-title {
-    font-size: clamp(40px, 12vw, 60px);
-  }
-}
-
-@media (max-width: 640px) {
-  .utci-title,
-  .utci-tagline {
-    display: none;
-  }
 }
 
 @media (max-width: 960px) {
@@ -753,12 +730,8 @@ body.tl-scrubbing * { transition: none !important; }
     text-align: center;
   }
 
-  .utci-loc-coords {
-    text-align: center;
-  }
-
-  .utci-loc-search .utci-fetch-time {
-    text-align: center;           /* match the desktop override's specificity */
+  .utci-loc-tools {
+    justify-content: center;      /* centre the tool row on mobile */
   }
 
   .utci-search-wrap {