diff --git a/src/features/online-board/components/OnlineBoardDetailsPage.scss b/src/features/online-board/components/OnlineBoardDetailsPage.scss
index d2460f77..85291521 100644
--- a/src/features/online-board/components/OnlineBoardDetailsPage.scss
+++ b/src/features/online-board/components/OnlineBoardDetailsPage.scss
@@ -23,16 +23,19 @@
     line-height: 1;
   }
 
+  // Route-strip times. Angular: 20px/500/#022040 bold navy; strike-through
+  // slot underneath renders at 12px in the brand orange.
   &__time {
-    font-size: 32px;
+    font-size: 20px;
     font-weight: 500;
-    color: #222;
+    color: #022040;
+    line-height: 1.1;
 
     &-strike {
-      font-size: 14px;
+      font-size: 12px;
       color: colors.$orange;
       text-decoration: line-through;
-      margin-top: 4px;
+      margin-top: 2px;
     }
   }
 
@@ -47,16 +50,18 @@
     min-width: 0;
   }
 
+  // City name (Санкт-Петербург / Москва). Angular: 14px/regular/#333 —
+  // the large departure/arrival time is the visual anchor, not the city.
   &__city {
-    font-size: 20px;
-    font-weight: 500;
-    color: #222;
+    font-size: 14px;
+    font-weight: 400;
+    color: #333;
   }
 
   &__airport {
     font-size: 12px;
-    color: #8a8a8a;
-    margin-top: 4px;
+    color: #657282;
+    margin-top: 2px;
   }
 
   &__center {
@@ -178,31 +183,35 @@
     }
   }
 
+  // Time-details block under the route strip. Angular keeps the whole
+  // block compact: 12px labels in neutral grey, 12px regular values in
+  // brand orange, and a small 10px date line in #333 below.
   &__detail {
     display: flex;
     flex-direction: column;
-    gap: 4px;
+    gap: 2px;
 
     &-label {
       font-size: 12px;
-      color: #8a8a8a;
+      color: #657282;
     }
 
     &-value {
-      font-weight: 600;
-      color: #222;
+      font-size: 12px;
+      font-weight: 400;
+      color: #022040;
     }
 
     &-offset {
       font-weight: normal;
-      font-size: 11px;
-      color: #8a8a8a;
-      margin-left: 6px;
+      font-size: 10px;
+      color: #657282;
+      margin-left: 4px;
     }
 
     &-date {
-      font-size: 12px;
-      color: colors.$blue;
+      font-size: 10px;
+      color: #333;
     }
   }