fix: consistency pass — unified mono typography + /user page polish

- /user/[username]: use shared LoadingState, remove duplicate ReadmeBadge, add back link
- globals.css: .record-value now mono (was DM serif) → about/legal body text consistent with rest
- Remove unused UI font constant in page.tsx
- CertificateFixed keeps DM serif (intentional, for A4 certificate feel)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: dotsystemsdevs

src/app/globals.css

@@ -56,9 +56,9 @@
   display: block;
 }
 
-/* Value — serif body text */
+/* Value — mono body text (unified typography) */
 .record-value {
-  font-family: var(--font-dm), Georgia, serif;
+  font-family: var(--font-courier), system-ui, sans-serif;
   font-size: 14px;
   color: var(--c-ink-2);
   line-height: 1.65;

src/app/page.tsx

@@ -14,7 +14,6 @@ import UserDashboard from '@/components/UserDashboard'
 import type { UserRepoSummary } from '@/lib/types'
 
 const MONO = `var(--font-courier), system-ui, sans-serif`
-const UI = `var(--font-dm), system-ui, sans-serif`
 
 export default function Page() {
   const { url, setUrl, certificate, error, loading, analyze, reset } = useRepoAnalysis()

src/app/user/[username]/page.tsx

@@ -2,9 +2,10 @@
 
 import { useEffect, useState } from 'react'
 import { useParams, useRouter } from 'next/navigation'
+import Link from 'next/link'
 import type { UserRepoSummary } from '@/lib/types'
 import UserDashboard from '@/components/UserDashboard'
-import ReadmeBadge from '@/components/ReadmeBadge'
+import LoadingState from '@/components/LoadingState'
 import SiteFooter from '@/components/SiteFooter'
 import PageHero from '@/components/PageHero'
 
@@ -37,6 +38,23 @@ export default function UserPage() {
     <main className="page-shell-main">
       <div className="page-shell-inner">
 
+        <div style={{ paddingBottom: '4px', marginBottom: '2px' }}>
+          <Link
+            href="/"
+            aria-label="Back to home"
+            className="subpage-back-link alive-interactive"
+            style={{
+              fontFamily: MONO, display: 'inline-flex', alignItems: 'center', gap: '5px',
+              color: '#9a9288', textDecoration: 'none', fontSize: '11px', fontWeight: 400,
+              letterSpacing: '0.06em', WebkitTapHighlightColor: 'transparent', transition: 'color 0.15s',
+            }}
+            onMouseEnter={e => { (e.currentTarget as HTMLAnchorElement).style.color = '#1a1a1a' }}
+            onMouseLeave={e => { (e.currentTarget as HTMLAnchorElement).style.color = '#9a9288' }}
+          >
+            ← home
+          </Link>
+        </div>
+
         <PageHero
           title="Certificate of Death"
           subtitle={
@@ -53,37 +71,25 @@ export default function UserPage() {
             </span>
           }
           brandHref="/"
-          hideEmoji={false}
         />
 
-        {loading && (
-          <div style={{ textAlign: 'center', padding: '48px 0', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '16px' }}>
-            <div style={{ fontSize: '48px', lineHeight: 1, animation: 'loading-float 1.8s ease-in-out infinite' }}>🪦</div>
-            <p style={{ fontFamily: MONO, fontSize: '11px', color: '#8a8a8a', letterSpacing: '0.1em', margin: 0 }}>reviewing case files...</p>
-            <style>{`@keyframes loading-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }`}</style>
-          </div>
-        )}
+        {loading && <LoadingState />}
 
         {error && (
           <div style={{ textAlign: 'center', padding: '40px 0' }}>
             <p style={{ fontFamily: MONO, fontSize: '13px', color: '#8B0000', marginBottom: '20px' }}>{error}</p>
             <button
               onClick={() => router.push('/')}
-              style={{ fontFamily: MONO, fontSize: '13px', fontWeight: 600, background: 'none', border: 'none', textDecoration: 'underline', color: '#160A06', cursor: 'pointer', minHeight: '44px', padding: '10px 0' }}
+              style={{ fontFamily: MONO, fontSize: '13px', fontWeight: 700, background: 'none', border: 'none', textDecoration: 'underline', textUnderlineOffset: '3px', color: '#160A06', cursor: 'pointer', minHeight: '44px', padding: '10px 0' }}
             >
               ← examine another subject
             </button>
           </div>
         )}
 
-        {repos && !loading && (
-          <>
-            <ReadmeBadge username={username} />
-            <UserDashboard repos={repos} username={username} />
-          </>
-        )}
+        {repos && !loading && <UserDashboard repos={repos} username={username} />}
 
-        <SiteFooter compact={false} />
+        <SiteFooter />
       </div>
     </main>
   )