From 342a344b3c88a39c124c59355f657a5784d0108b Mon Sep 17 00:00:00 2001
From: Meysam Parvizi <meysam.parvizi.ir@gmail.com>
Date: Sun, 11 Oct 2026 19:24:22 +0200
Subject: [PATCH] style(explorer): use the roadmap's display typeface for UI;
 keep the body face for long text

---
 explorer/styles.css | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/explorer/styles.css b/explorer/styles.css
index 07e9c78..4514225 100644
--- a/explorer/styles.css
+++ b/explorer/styles.css
@@ -108,7 +108,7 @@ body {
 
 body {
   margin: 0;
-  font: 15px/1.5 var(--font);
+  font: 15px/1.5 var(--font-display);
   color: var(--text);
   background:
     radial-gradient(1100px 760px at 12% -12%, var(--glow-a), transparent 62%),
@@ -127,6 +127,18 @@ button {
   color: inherit;
 }
 
+/* Labels, titles and controls use the roadmap's display face; longer text keeps the body face. */
+.desc,
+.res-note,
+.res-also,
+.why,
+.howto,
+.empty,
+.result-sub,
+.tip-hint {
+  font-family: var(--font);
+}
+
 :focus-visible {
   outline: 2px solid var(--accent);
   outline-offset: 2px;
@@ -172,6 +184,7 @@ button {
 .brand-text strong {
   display: block;
   font-size: 15px;
+  font-weight: 1000;
   letter-spacing: -0.01em;
 }