Dashboard Records tab: plain-language records

Replaces the collapsed panel of look-alike cards with a guided view: an intro explaining what a record is
(and that records are 'so far' with a 12-month coverage strip), cards grouped by theme with a plain
explanation, date/time, how long ago, descriptors (gust/UV/rain intensity), today-vs-record and
next-closest days, NEW badges for records set in the last 14 days, one month-by-month table with
temperature-range and rain bars (latest 12, show all), and year / same-month tables only when
there is more than a year of data. Removes duplicate cards and the redundant Monthly Summary panel.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

app/public/dashboard.html

@@ -574,21 +574,8 @@ input, select, textarea { font-size: 16px; } /* stops iOS zooming in on focus */
   <div class="tab-pane" data-pane="rain" id="rainTab"><div class="status">Loading rain…</div></div>
 
   <div class="tab-pane" data-pane="records">
-  <!-- Records -->
-  <details class="settings-panel" id="recordsPanel" style="margin-top:1.5rem">
-    <summary>All-Time Station Records</summary>
-    <div class="settings-body" id="recordsBody">
-      <div class="status">Loading records…</div>
-    </div>
-  </details>
-
-  <!-- Monthly Summary -->
-  <details class="settings-panel" id="monthlyPanel" style="margin-top:1rem">
-    <summary>Monthly Summary</summary>
-    <div class="settings-body" id="monthlyBody">
-      <div class="status">Loading…</div>
-    </div>
-  </details>
+  <!-- Records (rendered by dashboard-records.js) -->
+  <div id="recordsRoot" class="rec2"><div class="status">Loading records…</div></div>
 
   <div id="calendarCard" class="section-card" style="margin-top:1rem"><div class="status">Loading calendar…</div></div>
 
@@ -1814,5 +1801,6 @@ setInterval(updateTrends, 120000);
 setInterval(loadAlerts, 5 * 60 * 1000);
 </script>
 <script src="/dashboard-ui.js"></script>
+<script src="/dashboard-records.js"></script>
 </body>
 </html>