align panel padding, balance quick tiles, rework squat rack icon

agents.md

@@ -199,10 +199,12 @@ Themes: `web` = default frosted-glass website (sidebar + content, light/dark),
   so they adapt to light/dark and the desktop app surface. Squat = a squat rack
   with a racked barbell, bench = a bench press, deadlift = a loaded barbell.
   Don't swap them back to images.
-- `.web-quick` keeps equal-height tiles (`align-items: stretch`, symmetric with
-  the taller Gym tile); the shorter "Right now" paragraph centres itself
-  vertically via `margin-block: auto` so it isn't stranded at the top with a
-  big gap under it.
+- The quick tiles (`.web-quick`) are **equal-width (`1fr 1fr`) and equal-height
+  (`align-items: stretch`)**; the "Right now" paragraph sits directly under its
+  title (no `margin-block: auto` — that left an awkward gap between the two).
+  Every panel (`.web-hero` / `.web-section` / `.web-tile`) shares the same
+  **horizontal padding** (`clamp(20px, 3vw, 30px)`) so their content lines up on
+  one left edge; the hero keeps a roomier vertical padding only.
 - 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