fix: address dashboard feedback — width, sessions, repo numbers, state security, visual polish

static/css/garden.css

@@ -58,10 +58,50 @@ body {
   font-family: var(--garden-font);
 }
 
-/* ── Layout — ASW handles body > main container now ────────── */
-/* Override --width-lg for narrower garden feel */
-:root {
-  --width-lg: 900px;
+/* ── Layout — narrow container for garden prose feel ────────── */
+/* Override ASW's responsive max-width cascade. ASW goes up to 1450px
+   on wide screens — too much for a garden of text. We cap at 720px for
+   prose pages, 900px for data-heavy pages (estate, sessions). */
+@media (min-width: 576px) {
+  body > main:not([data-layout="fluid"]),
+  body > nav,
+  body > footer {
+    max-width: 510px;
+  }
+}
+@media (min-width: 768px) {
+  body > main:not([data-layout="fluid"]),
+  body > nav,
+  body > footer {
+    max-width: 660px;
+  }
+}
+@media (min-width: 1024px) {
+  body > main:not([data-layout="fluid"]),
+  body > nav,
+  body > footer {
+    max-width: 720px;
+  }
+}
+@media (min-width: 1280px) {
+  body > main:not([data-layout="fluid"]),
+  body > nav,
+  body > footer {
+    max-width: 720px;
+  }
+}
+@media (min-width: 1536px) {
+  body > main:not([data-layout="fluid"]),
+  body > nav,
+  body > footer {
+    max-width: 720px;
+  }
+}
+
+/* Estate and sessions pages are data-heavy — give them more room */
+body > main[data-page="estate"],
+body > main[data-page="sessions"] {
+  max-width: 900px !important;
 }
 
 /* ── Links — violet accent, indigo hover ──────────────────── */