5.5

New big and small scope sunset and sunrise simulation
New calculations for the day tabs
Added missing icons to simple view
New record popups
Week ahead description popups
Camping profile
Tweak to some of the indoor tems

assets/about.css

@@ -25,7 +25,11 @@ header {
   justify-content: flex-end;
   padding: 18px 32px;
   gap: 28px;
-  border-bottom: 1px solid #e0d0a8;
+  /* Mirrors .utci-topnav in css/base.css: a shade deeper than the parchment
+     page beneath, so the bar reads as chrome rather than as more page. */
+  background: #ebdcb4;
+  border-bottom: 1px solid #c9b08a;
+  box-shadow: 0 3px 8px rgba(30, 18, 8, 0.10);
   position: relative;
   z-index: 100;
 }
@@ -80,8 +84,8 @@ header a.active { color: #c8922a; }
   top: calc(100% - 1px);
   left: 50%;
   margin-top: 0;
-  background: #f5edd6;
-  border: 1px solid #e0d0a8;
+  background: #fffcf2;
+  border: 1px solid #d4c0a0;
   border-radius: 8px;
   box-shadow: 0 8px 24px rgba(100, 70, 20, 0.12);
   display: flex;
@@ -229,7 +233,7 @@ header a.nav-logo:hover { border-bottom-color: transparent; }
     right: 0;
     padding: 10px 20px;
     height: 72px;
-    background: #f5edd6;
+    background: #ebdcb4;
   }
 
   body {
@@ -277,8 +281,8 @@ header a.nav-logo:hover { border-bottom-color: transparent; }
     right: -100%;
     width: 220px;
     height: 100vh;
-    background: #f5edd6;
-    border-left: 1px solid #e0d0a8;
+    background: #ebdcb4;
+    border-left: 1px solid #c9b08a;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -524,12 +528,18 @@ em { color: #7a5c2a; font-style: italic; }
   vertical-align: middle;
 }
 
+/* Bookends the header bar above: same deep-honey surface, warm border and
+   shadow, with the shadow pointing up instead of down. Mirrors
+   .utci-site-footer in css/ui.css. */
 footer {
   text-align: center;
   padding: 2rem 1.5rem;
   font-size: 0.82rem;
   color: #b09870;
-  border-top: 1px solid #e0d0a8;
+  position: relative;   /* keeps the upward shadow over the content it covers */
+  background: #ebdcb4;
+  border-top: 1px solid #c9b08a;
+  box-shadow: 0 -3px 8px rgba(30, 18, 8, 0.10);
 }
 
 @media (max-width: 600px) {