diff --git a/app/web/static/style.css b/app/web/static/style.css
index 04d0498..dc27dce 100644
--- a/app/web/static/style.css
+++ b/app/web/static/style.css
@@ -308,11 +308,23 @@ select {
 .reducer-list label {
   display: grid;
   grid-template-columns: 1.4rem 1fr auto;
-  gap: 0.6rem;
+  /* Blurb gets its own row spanning name+pkg, so its width is uniform
+     across rows (the pkg column is auto-sized per label, which made the
+     blurb width vary noticeably when pkg strings differ in length). */
+  grid-template-areas:
+    "mark name  pkg"
+    "mark blurb blurb";
+  column-gap: 0.6rem;
+  row-gap: 2px;
   padding: 0.55rem 0.2rem 0.55rem 0.1rem;
   cursor: pointer;
   transition: background 100ms ease;
 }
+.reducer-list .mark  { grid-area: mark; }
+.reducer-list .pkg   { grid-area: pkg; }
+.reducer-list .text  { display: contents; }
+.reducer-list .name  { grid-area: name; }
+.reducer-list .blurb { grid-area: blurb; }
 .reducer-list label:hover { background: var(--accent-tint); }
 .reducer-list .mark {
   font-family: var(--mono);
@@ -347,24 +359,6 @@ select {
   text-align: right;
 }
 
-/* Narrow viewports: let the blurb span full width under the name/pkg row
-   instead of getting crammed into the middle column. */
-@media (max-width: 780px) {
-  .reducer-list label {
-    grid-template-columns: 1.4rem 1fr auto;
-    grid-template-areas:
-      "mark name  pkg"
-      "mark blurb blurb";
-    column-gap: 0.6rem;
-    row-gap: 2px;
-  }
-  .reducer-list .mark  { grid-area: mark; }
-  .reducer-list .pkg   { grid-area: pkg; }
-  .reducer-list .text  { display: contents; }
-  .reducer-list .name  { grid-area: name; }
-  .reducer-list .blurb { grid-area: blurb; }
-}
-
 /* advanced disclosure */
 details.advanced {
   margin-top: 0.8rem;
diff --git a/app/web/templates/compare.html b/app/web/templates/compare.html
index 8f3046c..8f969c8 100644
--- a/app/web/templates/compare.html
+++ b/app/web/templates/compare.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width,initial-scale=1" />
   <title>embedding notebook &middot; compare</title>
-  <link rel="stylesheet" href="/static/style.css?v=39" />
+  <link rel="stylesheet" href="/static/style.css?v=40" />
   <script type="importmap">
   {
     "imports": {
diff --git a/app/web/templates/index.html b/app/web/templates/index.html
index 76bf367..e8c7516 100644
--- a/app/web/templates/index.html
+++ b/app/web/templates/index.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width,initial-scale=1" />
   <title>embedding notebook</title>
-  <link rel="stylesheet" href="/static/style.css?v=39" />
+  <link rel="stylesheet" href="/static/style.css?v=40" />
   <script src="https://unpkg.com/htmx.org@2.0.4"></script>
   <script type="importmap">
   {
diff --git a/app/web/templates/metrics.html b/app/web/templates/metrics.html
index f81da9d..bee19ef 100644
--- a/app/web/templates/metrics.html
+++ b/app/web/templates/metrics.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width,initial-scale=1" />
   <title>embedding notebook · metrics</title>
-  <link rel="stylesheet" href="/static/style.css?v=39" />
+  <link rel="stylesheet" href="/static/style.css?v=40" />
   <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3' fill='%231f4e5f'/%3E%3C/svg%3E" />
   <script>
     (function(){try{