ux(mobile): add hero breathing room and simplify cards

Made-with: Cursor

Author: dotsystemsdevs

src/app/globals.css

@@ -545,7 +545,7 @@ a.subpage-inline-mail {
   main { padding-left: 16px !important; padding-right: 16px !important; }
   .page-shell-main {
     min-height: 100svh;
-    padding-top: calc(env(safe-area-inset-top) + 30px) !important;
+    padding-top: calc(env(safe-area-inset-top) + 40px) !important;
   }
 
   /* Certificate wrapper spacing only; scale is handled in CertificateCard.tsx */
@@ -594,6 +594,12 @@ a.subpage-inline-mail {
     margin-top: 14px !important;
   }
 
+  /* Hall of Fame cards: keep them punchy on mobile */
+  .recent-card-cause,
+  .recent-card-lastwords {
+    display: none !important;
+  }
+
   .input-button-wrapper {
     flex-direction: column;
   }

src/components/RecentlyBuried.tsx

@@ -105,11 +105,11 @@ const Card = memo(function Card({ entry, count, placed, onSelect, onToggle }: Ca
       <span style={{ fontFamily: MONO, fontSize: '14px', fontWeight: 700, color: '#1a1a1a', lineHeight: 1.3, wordBreak: 'break-word', display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical', overflow: 'hidden', width: '100%', paddingRight: '56px' }}>
         {entry.fullName}
       </span>
-      <span style={{ fontFamily: MONO, fontSize: '12px', color: '#3d3832', lineHeight: 1.55, fontWeight: 500, display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical', overflow: 'hidden' }}>
+      <span className="recent-card-cause" style={{ fontFamily: MONO, fontSize: '12px', color: '#3d3832', lineHeight: 1.55, fontWeight: 500, display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical', overflow: 'hidden' }}>
         {entry.cause}
       </span>
       {entry.lastWords && (
-        <span style={{ fontFamily: MONO, fontSize: '11px', fontStyle: 'italic', color: '#7a7268', lineHeight: 1.5, fontWeight: 400, display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical', overflow: 'hidden' }}>
+        <span className="recent-card-lastwords" style={{ fontFamily: MONO, fontSize: '11px', fontStyle: 'italic', color: '#7a7268', lineHeight: 1.5, fontWeight: 400, display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical', overflow: 'hidden' }}>
           &ldquo;{entry.lastWords}&rdquo;
         </span>
       )}