From 69e3b8cd8b396b4ada0576b79f4d8c53482f27e6 Mon Sep 17 00:00:00 2001
From: igneum-labs <337424239+igneum-labs@users.noreply.github.com>
Date: Thu, 8 Oct 2026 15:57:07 +0000
Subject: [PATCH] Reference apps: the why and trust blocks on /light, /oracle
 and /receipt pad 24 px top and bottom (the padding check on build-2 read 17
 px; the Mac skips that check without Playwright)

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
---
 site/light.html   | 2 +-
 site/oracle.html  | 2 +-
 site/receipt.html | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/site/light.html b/site/light.html
index f9242a514..ff0f45c26 100644
--- a/site/light.html
+++ b/site/light.html
@@ -80,7 +80,7 @@
 .steps li{display:grid;grid-template-columns:84px 1fr;gap:4px 12px;background:var(--row);border:1px solid var(--line);border-radius:var(--r-row);padding:10px 14px;font-size:14px;color:var(--ink-2)}
 .steps li b{font:500 11px/1.6 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ember-text)}.steps li.bad b{color:var(--molten-text)}
 .steps li small{grid-column:2;color:var(--ash);font-family:var(--f-mono);font-size:12px;overflow-wrap:anywhere}
-.why{border:1px solid var(--line-2);border-radius:var(--r-card);padding:var(--s-4) var(--s-5);background:var(--obsidian);margin:var(--s-5) 0}
+.why{border:1px solid var(--line-2);border-radius:var(--r-card);padding:var(--s-5) var(--s-5);background:var(--obsidian);margin:var(--s-5) 0}
 .why p{margin:0;font-size:15px;color:var(--ink-2)}.why p+p{margin-top:8px}
 .meta{display:grid;gap:6px;font:400 13px/1.6 var(--f-mono);color:var(--ash);margin:var(--s-4) 0 0}.meta code{overflow-wrap:anywhere}
 .terms{margin:var(--sec,64px) 0 var(--s-5)}.terms .kv>div{font-size:14px}.trust{border:1px solid var(--molten);border-radius:var(--r-card);padding:var(--s-4) var(--s-5);background:var(--row);margin:var(--s-4) 0}
diff --git a/site/oracle.html b/site/oracle.html
index 65f41565d..094d45b11 100644
--- a/site/oracle.html
+++ b/site/oracle.html
@@ -80,7 +80,7 @@
 .steps li{display:grid;grid-template-columns:84px 1fr;gap:4px 12px;background:var(--row);border:1px solid var(--line);border-radius:var(--r-row);padding:10px 14px;font-size:14px;color:var(--ink-2)}
 .steps li b{font:500 11px/1.6 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ember-text)}.steps li.bad b{color:var(--molten-text)}
 .steps li small{grid-column:2;color:var(--ash);font-family:var(--f-mono);font-size:12px;overflow-wrap:anywhere}
-.why{border:1px solid var(--line-2);border-radius:var(--r-card);padding:var(--s-4) var(--s-5);background:var(--obsidian);margin:var(--s-5) 0}
+.why{border:1px solid var(--line-2);border-radius:var(--r-card);padding:var(--s-5) var(--s-5);background:var(--obsidian);margin:var(--s-5) 0}
 .why p{margin:0;font-size:15px;color:var(--ink-2)}.why p+p{margin-top:8px}
 .meta{display:grid;gap:6px;font:400 13px/1.6 var(--f-mono);color:var(--ash);margin:var(--s-4) 0 0}.meta code{overflow-wrap:anywhere}
 .terms{margin:var(--sec,64px) 0 var(--s-5)}.terms .kv>div{font-size:14px}.trust{border:1px solid var(--molten);border-radius:var(--r-card);padding:var(--s-4) var(--s-5);background:var(--row);margin:var(--s-4) 0}
diff --git a/site/receipt.html b/site/receipt.html
index 3cfc63f89..20fd74ea1 100644
--- a/site/receipt.html
+++ b/site/receipt.html
@@ -80,7 +80,7 @@
 .steps li{display:grid;grid-template-columns:84px 1fr;gap:4px 12px;background:var(--row);border:1px solid var(--line);border-radius:var(--r-row);padding:10px 14px;font-size:14px;color:var(--ink-2)}
 .steps li b{font:500 11px/1.6 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ember-text)}.steps li.bad b{color:var(--molten-text)}
 .steps li small{grid-column:2;color:var(--ash);font-family:var(--f-mono);font-size:12px;overflow-wrap:anywhere}
-.why{border:1px solid var(--line-2);border-radius:var(--r-card);padding:var(--s-4) var(--s-5);background:var(--obsidian);margin:var(--s-5) 0}
+.why{border:1px solid var(--line-2);border-radius:var(--r-card);padding:var(--s-5) var(--s-5);background:var(--obsidian);margin:var(--s-5) 0}
 .why p{margin:0;font-size:15px;color:var(--ink-2)}.why p+p{margin-top:8px}
 .meta{display:grid;gap:6px;font:400 13px/1.6 var(--f-mono);color:var(--ash);margin:var(--s-4) 0 0}.meta code{overflow-wrap:anywhere}
 @media (max-width:640px){.steps li{grid-template-columns:1fr}.steps li small{grid-column:1}}