diff --git a/css/app.css b/css/app.css
index aa790ee..4392bdb 100644
--- a/css/app.css
+++ b/css/app.css
@@ -840,12 +840,13 @@ body {
   .editor-bar__right { padding: 0 6px; gap: 6px; }
   .status-pill { padding: 0 8px; gap: 6px; }
   .status-counts { padding-left: 6px; gap: 6px; }
-  .summary-stripe { padding: 6px 16px; font-size: 10.5px; }
+  .summary-stripe { padding: 6px 16px; font-size: 10.5px; flex-wrap: wrap; }
 
   .hero { padding: 22px 18px 14px; }
   .hero__title { font-size: 32px; }
-  .hero__sub { font-size: 12px; word-break: break-word; }
-  .hero__hint { font-size: 12.5px; }
+  .hero__sub { font-size: 12px; word-break: break-word; white-space: normal; }
+  .hero__sub .mono { display: block; margin-top: 4px; }
+  .hero__hint { font-size: 12.5px; white-space: normal; word-break: break-word; }
   .hero--slim { padding: 14px 18px 10px; }
   .hero--slim .hero__title { font-size: 20px; }
 
@@ -900,9 +901,10 @@ body {
 
 /* Phone */
 @media (max-width: 480px) {
+  .hero { padding: 18px 14px 12px; }
   .hero__title { font-size: 26px; }
   .hero__sub { font-size: 11px; }
-  .hero__hint { font-size: 11.5px; }
+  .hero__hint { font-size: 11px; }
   .hero--slim .hero__title { font-size: 18px; }
 
   .trace-row, .trace-axis { grid-template-columns: 80px 1fr 44px; font-size: 10px; }