diff --git a/static/style.css b/static/style.css
index 3124272..d633b10 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1029,6 +1029,13 @@ main { max-width: 1200px; margin: 0 auto; padding: 20px 24px 60px; }
 }
 .ct-mm { display: flex; justify-content: space-between; gap: 5px; }
 .ct-mm-k { font-weight: 600; opacity: .68; }
+/* On phones the distribution columns get narrow; shrink the in-bar Max/Min text a
+   touch (and tighten the key↔value gap + side padding) so three-figure values like
+   "Max 106°" stay fully visible instead of clipping to "Max 10". */
+@media (max-width: 640px) {
+  .ct-range { font-size: 8px; padding: 2px; }
+  .ct-mm { gap: 2px; }
+}
 /* Share + category name, below the bar. */
 .ct-cap { display: flex; flex-direction: column; align-items: center; gap: 1px; margin-top: 5px; }
 .ct-num {