blog: card dates bottom-align on wrapped titles; title wrap prefers no orphans

app/blog/blog.module.css

@@ -121,7 +121,9 @@
   font-weight: 800;
   line-height: 1.12;
   letter-spacing: -0.02rem;
-  text-wrap: balance;
+  /* balance evens multi-line titles, but it strands "(here" after a paren on
+     phone widths — pretty avoids the orphan even if lines go uneven. */
+  text-wrap: pretty;
 }
 
 /* Belt and suspenders for long titles: balance (above) makes any wrap even,

app/blog/page.js

@@ -33,7 +33,7 @@ export default function Blog() {
                 href={`/blog/${slug}`}
                 className="block rounded-xl border p-4 leading-relaxed transition-colors border-[var(--border)] bg-[var(--surface)] hover:bg-[var(--surface-raised)]"
               >
-                <span className="flex items-baseline justify-between gap-3">
+                <span className="flex items-end justify-between gap-3">
                   <span className="font-medium text-[var(--text-primary)] text-balance">
                     {title}
                   </span>