From 68ab57ac6090539e0eaec5a4b4ab7024e7545192 Mon Sep 17 00:00:00 2001
From: Preston Susanto <prestonjaysusanto@gmail.com>
Date: Mon, 2 Nov 2026 13:19:56 -0800
Subject: [PATCH] site: 404 spacing, balanced heading, 12 px button gap (Design
 SHOULDs)

---
 site/404.html         | 4 ++--
 site/assets/pages.css | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/site/404.html b/site/404.html
index 4d3195ec..e2e183f6 100644
--- a/site/404.html
+++ b/site/404.html
@@ -12,7 +12,7 @@
 <link rel="stylesheet" href="/assets/site.css">
 <link rel="stylesheet" href="/assets/pages.css">
 </head>
-<body class="legal">
+<body class="legal not-found">
 <a class="skip" href="#main">Skip to content</a>
 <header class="top" id="top">
   <div class="wrap top-in">
@@ -30,7 +30,7 @@
   <article class="wrap">
     <h1>This page does not exist.</h1>
     <p>The link may be old, or the page has moved.</p>
-    <p><a class="btn btn-primary" href="/">Go to the home page</a> <a class="btn btn-ghost" href="/install.md">How to install</a></p>
+    <p class="nf-actions"><a class="btn btn-primary" href="/">Go to the home page</a><a class="btn btn-ghost" href="/install.md">How to install</a></p>
   </article>
 </main>
 <footer class="foot">
diff --git a/site/assets/pages.css b/site/assets/pages.css
index e886af1b..adf11934 100644
--- a/site/assets/pages.css
+++ b/site/assets/pages.css
@@ -489,3 +489,7 @@
 .account-none { margin: 20px 0 0; padding: 12px 14px; border-radius: 12px; background: var(--card); box-shadow: inset 0 0 0 1px var(--line); color: var(--ink); line-height: 1.5; }
 .account-help { margin-top: 32px; color: var(--ink-2); }
 .account-help a { color: var(--ink); }
+/* 404 page */
+.not-found main { padding-top: 112px; }
+.not-found h1 { text-wrap: balance; }
+.not-found .nf-actions { display: flex; flex-wrap: wrap; gap: 12px; }