fix(ui): scroll clearance under the sticky nav, balanced source tiles (#270)

- html gets scroll-padding-top: 5rem (64px sticky DaoHeader + breathing
  room), so anchor jumps and scrollIntoView land clear of the nav
  site-wide instead of leaving headings clipped behind its blur.
- The source tiles' column count now derives from the source count so
  rows stay balanced: 5 sources render 3+2 instead of 4+1 with an
  orphan; 6 (a future Seaport source) becomes 3+3. The formula and its
  composition table are documented in place, including why auto-fit was
  rejected — it trades a reproducible orphan for an intermittent one.

Author: sktbrd

src/app/globals.css

@@ -118,6 +118,14 @@
   * {
     @apply border-border outline-ring/50;
   }
+  html {
+    /* The site header is sticky (DaoHeader: h-16 = 64px, translucent) and
+       content scrolls UNDER it. Any anchor jump or scrollIntoView therefore
+       lands with its heading behind the nav — 64px of nav plus breathing
+       room keeps programmatic scroll targets clear of it, site-wide, without
+       per-section scroll-mt classes that new sections would forget. */
+    scroll-padding-top: 5rem;
+  }
   body {
     @apply bg-background text-foreground;
   }

src/components/treasury/TreasuryInflowsList.tsx

@@ -223,10 +223,34 @@ export function TreasuryInflowsList({
     })
     .filter((s) => s.count > 0);
 
+  // Column count DERIVED from the source count, so rows come out balanced —
+  // never one orphan tile trailing a full row. The inner ceil is "how many
+  // rows would a max-4 grid need", the outer spreads the tiles evenly over
+  // those rows:
+  //
+  //   sources | cols | rows
+  //   --------+------+------
+  //      4    |  4   | 4
+  //      5    |  3   | 3+2   (today: auction, subnet, swap, splits, transfer)
+  //      6    |  3   | 3+3   (the day a Secondary/Seaport source lands)
+  //      7    |  4   | 4+3
+  //
+  // Deliberately NOT auto-fit/minmax: that makes composition a function of
+  // card width, so the orphan comes back intermittently at in-between
+  // breakpoints — a reproducible defect traded for a flaky one. Keep this
+  // deterministic-by-count even if the two ceils look "simplifiable".
+  const tileCols =
+    summary.length <= 4
+      ? summary.length
+      : Math.ceil(summary.length / Math.ceil(summary.length / 4));
+
   return (
     <>
       {summary.length > 1 ? (
-        <ul className="mb-3 grid grid-cols-2 gap-px overflow-hidden rounded-lg border border-border bg-border sm:grid-cols-4">
+        <ul
+          className="mb-3 grid grid-cols-2 gap-px overflow-hidden rounded-lg border border-border bg-border sm:grid-cols-[repeat(var(--tile-cols),minmax(0,1fr))]"
+          style={{ "--tile-cols": tileCols } as React.CSSProperties}
+        >
           {summary.map((s) => (
             <li key={s.source} className="bg-card p-3">
               <div className="flex items-center gap-1.5">
@@ -250,7 +274,7 @@ export function TreasuryInflowsList({
               UNOCCUPIED cell (splits has no entries today) shows as a solid
               block of border colour. Card-coloured fillers close the row, one
               set per breakpoint because the column count differs. */}
-          {Array.from({ length: (4 - (summary.length % 4)) % 4 }, (_, i) => (
+          {Array.from({ length: (tileCols - (summary.length % tileCols)) % tileCols }, (_, i) => (
             <li key={`pad-sm-${i}`} aria-hidden className="hidden bg-card sm:block" />
           ))}
           {Array.from({ length: (2 - (summary.length % 2)) % 2 }, (_, i) => (