diff --git a/sensorius/__init__.py b/sensorius/__init__.py
index 3d934b0..591b304 100644
--- a/sensorius/__init__.py
+++ b/sensorius/__init__.py
@@ -4,4 +4,4 @@
 release notes, and supporting tooling can report a consistent build identity.
 """
 
-__version__ = "v0.26.274.2"
+__version__ = "v0.26.275.3"
diff --git a/ui_static/biodynamic_calendar/app.css b/ui_static/biodynamic_calendar/app.css
index eb447a6..789139f 100644
--- a/ui_static/biodynamic_calendar/app.css
+++ b/ui_static/biodynamic_calendar/app.css
@@ -218,11 +218,17 @@ body.biodynamic-theme-garden_tools {
   font-size: 1.55rem;
 }
 
+.header-date {
+  margin-bottom: 5px;
+  font-size: 0.82rem;
+  font-weight: 700;
+}
+
 .header-meta {
   display: flex;
   align-items: center;
   justify-content: center;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   gap: 5px;
   color: #6f6655;
   font-size: 0.82rem;
@@ -1947,6 +1953,30 @@ body[class*="biodynamic-theme-"] select {
 }
 
 @media (max-width: 980px) {
+  .page {
+    display: flex;
+    flex-direction: column;
+    gap: var(--layout-gap);
+  }
+
+  .standalone-app-header {
+    margin-bottom: 0;
+  }
+
+  /* Let the mobile tiles share one flow while retaining the desktop groups. */
+  .hero-grid,
+  .calendar-shell,
+  .calendar-plan {
+    display: contents;
+  }
+
+  .calendar-panel { order: 1; }
+  .details { order: 2; }
+  .moon-attributes-panel { order: 3; }
+  .planetary-panel { order: 4; }
+  .range-panel { order: 5; }
+  .hero-calendar-mark { order: 6; align-self: center; }
+
   .hero-grid,
   .config-grid,
   .calendar-shell {
diff --git a/ui_static/weather_forecast/app.css b/ui_static/weather_forecast/app.css
index 79315b9..587d7f7 100644
--- a/ui_static/weather_forecast/app.css
+++ b/ui_static/weather_forecast/app.css
@@ -270,10 +270,10 @@ a { color: inherit; }
 }
 .settings-trigger:hover { border-color: var(--accent); background: rgba(5, 31, 38, 0.68); }
 
-.dashboard-shell { width: min(1540px, calc(100% - 3rem)); margin: 0 auto; padding: 5.2rem 0 3rem; }
-.station-intro { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.25rem; }
+.dashboard-shell { width: min(1540px, calc(100% - 3rem)); margin: 0 auto; padding: 1rem 0 3rem; }
+.station-intro { display: flex; align-items: center; justify-content: center; gap: 2rem; margin-bottom: 1.25rem; text-align: center; }
 .eyebrow { margin: 0 0 0.35rem; color: var(--accent); font-size: 0.68rem; font-weight: 750; letter-spacing: 0.17em; text-transform: uppercase; }
-.caelus-title-line { display: flex; align-items: center; gap: 0.7rem; }
+.caelus-title-line { display: flex; align-items: center; justify-content: center; gap: 0.7rem; }
 .caelus-title-line .eyebrow { margin-bottom: 0; }
 .caelus-brand-icon { display: block; width: 52px; height: 52px; flex-shrink: 0; border-radius: 12px; }
 .caelus-brand-copy { min-width: 0; }
@@ -748,8 +748,9 @@ body.caelus-theme-preview-mode .dashboard-return { opacity: 0; pointer-events: n
   .primary-nav a { display: none; }
   .settings-trigger { font-size: 0; }
   .settings-trigger span { font-size: 1rem; }
-  .dashboard-shell { padding-top: 5rem; }
-  .station-intro { align-items: start; flex-direction: column; gap: 0.7rem; }
+  .station-intro { flex-direction: column; gap: 0.7rem; padding-inline: 3.25rem; }
+  .station-intro > div { min-width: 0; max-width: 100%; }
+  .caelus-title-line { flex-wrap: wrap; }
   .weather-grid { grid-template-columns: 1fr; }
   .current-card, .atmosphere-card, .wind-card, .rain-card, .map-card, .moon-card, .data-card { grid-column: 1; grid-row: auto; }
   .current-card { min-height: 31rem; }
diff --git a/ui_templates/biodynamic_calendar/index.html b/ui_templates/biodynamic_calendar/index.html
index 7800577..97835dd 100644
--- a/ui_templates/biodynamic_calendar/index.html
+++ b/ui_templates/biodynamic_calendar/index.html
@@ -16,6 +16,7 @@
     <header class="standalone-app-header">
       <div class="header-title-group">
         <h1>Biodynamic Calendar{% if app_version %} <span class="title-version">{{ app_version }}</span>{% endif %}</h1>
+        <div id="headerDate" class="header-date">Today</div>
         <div class="header-meta">
           <button id="printBtn" class="header-report" type="button" aria-label="Print monthly report">
             Report
@@ -24,11 +25,7 @@ <h1>Biodynamic Calendar{% if app_version %} <span class="title-version">{{ app_v
               <circle cx="18" cy="11" r="1"/>
             </svg>
           </button>
-          <span aria-hidden="true">&middot;</span>
           <span id="headerLocation">Location loading&hellip;</span>
-          <span aria-hidden="true">&middot;</span>
-          <span id="headerDate">Today</span>
-          <span aria-hidden="true">&middot;</span>
           <button type="button" class="calendar-theme-trigger" data-open-calendar-theme aria-label="Preview calendar themes">Theme</button>
         </div>
       </div>