center all panel titles on phones

agents.md

@@ -186,7 +186,9 @@ Themes: `web` = default frosted-glass website (sidebar + content, light/dark),
   them (their CSS is gone too). On phones (`max-width: 640px`) the hero is
   centered instead — heading, the `.web-lead` block (`margin-inline: auto`, not
   just `text-align`) and the `.social-button` labels — and the gym tile's
-  `.web-tile-note` is centered. Desktop keeps the left-aligned hero.
+  `.web-tile-note` is centered. Every other panel title is centered too:
+  `.web-section-head` (the eyebrow + `.web-section-title`) and `.web-tile-title`
+  ("Right now" / "Gym PRs"). Desktop keeps the left-aligned headings.
 - Under `max-width: 640px` the year-grid heatmap (`.heatmap-container`) and its
   legend/hover row (`.heatmap-status-row`) are `display: none` — the grid is
   unreadable at phone widths. The contribution total and the commit history

src/app/web.css

@@ -1095,6 +1095,12 @@ html[data-theme="web"][data-scheme="dark"] .heatmap-legend-cell[data-level="4"]
   .web-tile-note {
     text-align: center;
   }
+  /* Finish the job: center every panel title (with its eyebrow) and the
+     quick-tile titles too. */
+  .web-section-head,
+  .web-tile-title {
+    text-align: center;
+  }
   /* Section nav: fit every link on screen instead of a sideways-scrolling row,
      so the collapsed top panel never scrolls horizontally — a 3-up button
      grid (2-up on very narrow phones, see the 374px block below) styled like