New Clock added to Calender Feature

assets/css/style.css

@@ -770,6 +770,30 @@ body.header-tone-light .app-header .tab.active {
     }
 }
 
+/* TV calendar: inset from screen edges (replaces tight container-fluid padding) */
+.calendar-tv-shell {
+    padding: clamp(1.25rem, 3vw, 2.75rem);
+}
+
+/* TV calendar: more space around the Google embed and between columns */
+.calendar-tv-view > .calendar-tab-layout.row {
+    --bs-gutter-x: clamp(1.25rem, 2.5vw, 2.5rem);
+    --bs-gutter-y: clamp(1.25rem, 2.5vw, 2.5rem);
+}
+
+.calendar-tv-view .calendar-tab-google .calendar-embed {
+    margin-top: 0.75rem;
+}
+
+.calendar-tv-clock-time {
+    display: block;
+    font-size: clamp(15.75rem, 36vw, 24.75rem);
+    font-weight: 600;
+    font-variant-numeric: tabular-nums;
+    letter-spacing: 0.02em;
+    line-height: 1.2;
+}
+
 .calendar-tv-view .calendar-embed iframe {
     min-height: 70vh;
 }
@@ -799,6 +823,10 @@ body.calendar-tv-dark .calendar-tv-view h3 {
     color: #f1f5f9;
 }
 
+body.calendar-tv-dark .calendar-tv-view .calendar-tv-clock-time {
+    color: #f8fafc;
+}
+
 body.calendar-tv-dark .calendar-tv-view .text-muted {
     color: #94a3b8 !important;
 }