@@ -6,14 +6,22 @@
 /* Modern reset (Josh Comeau-style, trimmed) ---------------------------- */
 *, *::before, *::after { box-sizing: border-box; }
 * { margin: 0; }
-html, body { height: 100%; }
+/* Note: no `height: 100%` on <body>. A fixed body height plus overflowing
+   content breaks `position: sticky` on the header (body becomes the sticky
+   containing block and its scroll port ends before the content does).
+   `min-height: 100svh` below handles the "fill the viewport" case. */
+html { height: 100%; }
 html {
 	-webkit-text-size-adjust: 100%;
 	-webkit-tap-highlight-color: transparent;
 	scroll-behavior: smooth;
 	color-scheme: dark;
 	font-feature-settings: "ss01", "cv11";
 	background: var(--c-bg-0);
+	/* Prevents horizontal scroll from decorative overflow (hero art rings,
+	   long no-wrap buttons) without creating a scroll container — required
+	   so `.nav { position: sticky }` keeps working on mobile. */
+	overflow-x: clip;
 }
 @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
 
@@ -25,7 +33,6 @@ body {
 	background: var(--c-bg-0);
 	-webkit-font-smoothing: antialiased;
 	text-rendering: optimizeLegibility;
-	overflow-x: hidden;
 	min-height: 100svh;
 }
 
@@ -131,7 +138,7 @@ a:hover { color: var(--c-link-hover); }
 .container--wide { max-width: var(--container-w-wide); }
 .container--full { max-width: none; padding-inline: 0; }
 
-section { position: relative; padding-block: var(--section-py); }
+section { position: relative; padding-block: var(--section-py); overflow-x: clip; }
 section + section::before {
 	content: "";
 	position: absolute;
 
@@ -33,11 +33,19 @@
 		border-color var(--d-2) var(--ease-out);
 	box-shadow: 0 0 0 0 var(--btn-glow);
 	white-space: nowrap;
+	text-align: center;
+	max-width: 100%;
 	text-decoration: none;
 }
 .btn:hover { transform: translateY(-2px); box-shadow: 0 12px 32px var(--btn-glow); }
 .btn:active { transform: translateY(0); }
-.btn .fa, .btn svg { width: 1em; height: 1em; }
+.btn .fa, .btn svg { width: 1em; height: 1em; flex: none; }
+/* Allow long button labels to wrap on narrow viewports so they can't
+   overflow the container (e.g. the "DigiByte Technical Architecture
+   (White Paper)" ghost button on the DGB section). */
+@media (max-width: 560px) {
+	.btn { white-space: normal; overflow-wrap: anywhere; }
+}
 
 .btn--primary {
 	--btn-bg: var(--g-button);