Improve mobile card text layout

assets/css/app.css

@@ -4831,17 +4831,30 @@ input[type="range"] {
     .timeline-card__body {
         display: flex;
         flex-direction: column;
+        width: 100%;
         min-width: 0;
     }
 
     .timeline-card__body h3 {
-        padding-right: 5.2rem;
+        width: 100%;
+        padding-right: 0;
+        font-size: 1.12rem;
+        font-weight: 520;
+        line-height: 1.28;
+        letter-spacing: -0.018em;
         overflow-wrap: anywhere;
     }
 
     .timeline-card__comment,
     .timeline-card__value {
+        width: 100%;
+        max-width: none;
+        font-size: 1.02rem;
+        line-height: 1.34;
+        letter-spacing: -0.012em;
         overflow-wrap: anywhere;
+        word-break: normal;
+        hyphens: auto;
     }
 
     .timeline-media-button {
@@ -4868,7 +4881,7 @@ input[type="range"] {
         flex-wrap: wrap;
         order: -1;
         gap: 0.45rem;
-        margin: 0 0 0.85rem;
+        margin: 0 0 1rem;
     }
 
     .timeline-card .signal-pill {