5.2.1

New welcome note & subscribe reminders

assets/css/ui.css

@@ -899,8 +899,67 @@
   background: #f0e4c4;
   border-radius: 8px;
   padding: 10px 14px;
+  margin: 0 0 10px;
+}
+.welcome-remember strong {
+  color: #c8922a;
+}
+.welcome-note {
+  font-family: Manrope, sans-serif;
+  font-size: 0.76rem;
+  line-height: 1.35;
+  color: #8a7250;
+  text-align: center;
+  margin: 0 0 14px;
+}
+/* Weekly free-tier nudge (WeeklyNudge.js) - reuses the .welcome-* card. */
+.nudge-fact {
+  text-align: center;
   margin: 0 0 18px;
 }
+.nudge-fact-icon {
+  display: block;
+  font-size: 2.2rem;
+  line-height: 1;
+  margin-bottom: 8px;
+}
+.nudge-fact .welcome-title {
+  font-size: 1.25rem;
+  margin-bottom: 8px;
+}
+.nudge-fact-body {
+  font-family: Manrope, sans-serif;
+  font-size: 0.88rem;
+  line-height: 1.5;
+  color: #4a3420;
+  margin: 0;
+}
+.nudge-links {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+}
+.nudge-links a,
+.nudge-links button {
+  font-family: Manrope, sans-serif;
+  font-weight: 700;
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.07em;
+  text-decoration: none;
+  background: none;
+  border: none;
+  padding: 0 0 1px;
+  cursor: pointer;
+  color: #c8922a;
+  border-bottom: 1px solid rgba(200, 146, 42, 0.4);
+}
+.nudge-links .nudge-dismiss {
+  color: #b09870;
+  border-bottom-color: rgba(176, 152, 112, 0.4);
+}
+
 .welcome-steps {
   list-style: none;
   margin: 0 0 22px;
@@ -1002,6 +1061,30 @@
     .welcome-step-num {
       font-size: 0.75rem;
     }
+    .welcome-steps {
+      gap: 13px;
+      margin-bottom: 16px;
+    }
+    .welcome-intro {
+      margin-bottom: 16px;
+    }
+    .welcome-remember {
+      font-size: 0.78rem;
+      padding: 8px 12px;
+    }
+    .welcome-note {
+      font-size: 0.72rem;
+      margin-bottom: 12px;
+    }
+    .nudge-fact-icon {
+      font-size: 1.8rem;
+    }
+    .nudge-fact .welcome-title {
+      font-size: 1.05rem;
+    }
+    .nudge-fact-body {
+      font-size: 0.82rem;
+    }
 }
 .utci-fetch-time {
   text-align: right;