diff --git a/docs/whitepaper_placeholder.html b/docs/whitepaper_placeholder.html
index 96410d11..1a158b58 100644
--- a/docs/whitepaper_placeholder.html
+++ b/docs/whitepaper_placeholder.html
@@ -7,47 +7,101 @@
 		<style>
 			:root {
 				color-scheme: light dark;
-				--bg: #f5f7f6;
+				--bg: #f4f7f6;
 				--paper: #fffefd;
 				--ink: #202427;
-				--muted: #606a70;
-				--line: #d5dedb;
+				--muted: #58646a;
+				--line: #d4ddda;
 				--soft-line: #e8eeec;
+				--card-bg: #fbfcfb;
+				--section-bg: #f8faf9;
+				--code-bg: #f8f2e7;
+				--table-head: #eef5f2;
 				--green: #1c7659;
 				--green-soft: #d9eee7;
 				--blue: #285f9f;
 				--blue-soft: #dce9f8;
-				--gold: #a46f16;
-				--gold-soft: #f2dfb9;
-				--red: #a5493f;
+				--gold: #8a5c14;
+				--gold-soft: #f3dfb8;
+				--red: #9f463d;
 				--red-soft: #f2d6d0;
-				--code-bg: #f8f3e8;
-				--section-bg: #fbfcfb;
-				--shadow: 0 24px 70px rgb(22 50 45 / 11%);
+				--accent: var(--green);
+				--accent-soft: var(--green-soft);
+				--accent-2: var(--gold);
+				--accent-2-soft: var(--gold-soft);
+				--accent-rgb: 28 118 89;
+				--accent-2-rgb: 138 92 20;
+				--diagram-line: #59615f;
+				--focus: #174f9d;
+				--radius: 0.5rem;
+				--radius-sm: 0.35rem;
+				--shadow: 0 18px 48px rgb(22 50 45 / 9%);
+				--section-shadow: 0 12px 34px rgb(22 50 45 / 6%);
 				font-family:
 					Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
 					sans-serif;
 			}
 
+			body.paper-placeholder {
+				--accent: var(--green);
+				--accent-soft: var(--green-soft);
+				--accent-2: var(--gold);
+				--accent-2-soft: var(--gold-soft);
+				--accent-rgb: 28 118 89;
+				--accent-2-rgb: 138 92 20;
+			}
+
+			body.paper-zoltar {
+				--accent: var(--blue);
+				--accent-soft: var(--blue-soft);
+				--accent-2: var(--green);
+				--accent-2-soft: var(--green-soft);
+				--accent-rgb: 40 95 159;
+				--accent-2-rgb: 28 118 89;
+			}
+
 			@media (prefers-color-scheme: dark) {
 				:root {
 					--bg: #111516;
 					--paper: #191d1e;
 					--ink: #f1f4f2;
-					--muted: #b0bab7;
+					--muted: #b4bfbb;
 					--line: #3b4744;
 					--soft-line: #2b3331;
+					--card-bg: #1d2322;
+					--section-bg: #1d2221;
+					--code-bg: #27231c;
+					--table-head: #232b29;
 					--green: #72cba9;
 					--green-soft: #14372c;
 					--blue: #8bb9f0;
 					--blue-soft: #15283f;
-					--gold: #e2ac4f;
+					--gold: #e6b65d;
 					--gold-soft: #3a2d15;
 					--red: #ef9185;
 					--red-soft: #3d211d;
-					--code-bg: #27231c;
-					--section-bg: #1d2221;
-					--shadow: 0 24px 70px rgb(0 0 0 / 34%);
+					--diagram-line: #aeb9b5;
+					--focus: #acd0ff;
+					--shadow: 0 18px 48px rgb(0 0 0 / 32%);
+					--section-shadow: 0 12px 34px rgb(0 0 0 / 22%);
+				}
+
+				body.paper-placeholder {
+					--accent: var(--green);
+					--accent-soft: var(--green-soft);
+					--accent-2: var(--gold);
+					--accent-2-soft: var(--gold-soft);
+					--accent-rgb: 114 203 169;
+					--accent-2-rgb: 230 182 93;
+				}
+
+				body.paper-zoltar {
+					--accent: var(--blue);
+					--accent-soft: var(--blue-soft);
+					--accent-2: var(--green);
+					--accent-2-soft: var(--green-soft);
+					--accent-rgb: 139 185 240;
+					--accent-2-rgb: 114 203 169;
 				}
 			}
 
@@ -57,17 +111,46 @@
 
 			html {
 				scroll-behavior: smooth;
+				scroll-padding-top: 1.5rem;
+			}
+
+			@media (prefers-reduced-motion: reduce) {
+				*,
+				*::before,
+				*::after {
+					transition-duration: 0.01ms !important;
+					animation-duration: 0.01ms !important;
+					animation-iteration-count: 1 !important;
+				}
+
+				html {
+					scroll-behavior: auto;
+				}
 			}
 
 			body {
 				counter-reset: figure equation;
 				margin: 0;
 				background:
-					linear-gradient(120deg, rgb(28 118 89 / 10%), transparent 32rem),
-					linear-gradient(300deg, rgb(40 95 159 / 9%), transparent 34rem),
+					linear-gradient(120deg, rgb(var(--accent-rgb) / 9%), transparent 32rem),
+					linear-gradient(300deg, rgb(var(--accent-2-rgb) / 8%), transparent 34rem),
 					var(--bg);
 				color: var(--ink);
-				line-height: 1.62;
+				font-size: 1rem;
+				line-height: 1.64;
+				text-rendering: optimizeLegibility;
+			}
+
+			body::before {
+				position: fixed;
+				z-index: 2;
+				top: 0;
+				right: 0;
+				left: 0;
+				height: 0.22rem;
+				background: linear-gradient(90deg, var(--accent), var(--accent-2));
+				content: "";
+				pointer-events: none;
 			}
 
 			a {
@@ -76,21 +159,62 @@
 				text-underline-offset: 0.18em;
 			}
 
+			a:hover {
+				color: var(--ink);
+			}
+
+			a:focus-visible,
+			button:focus-visible,
+			[tabindex]:focus-visible {
+				outline: 2px solid var(--focus);
+				outline-offset: 3px;
+				border-radius: var(--radius-sm);
+			}
+
+			p {
+				margin: 0 0 1rem;
+			}
+
+			figure {
+				margin-right: 0;
+				margin-left: 0;
+			}
+
 			code {
 				padding: 0.1rem 0.32rem;
 				border: 1px solid var(--soft-line);
-				border-radius: 0.35rem;
+				border-radius: var(--radius-sm);
 				background: var(--code-bg);
 				font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
 				font-size: 0.92em;
 				overflow-wrap: anywhere;
 			}
 
+			.skip-link {
+				position: fixed;
+				z-index: 3;
+				top: 0.55rem;
+				left: 0.75rem;
+				transform: translateY(-150%);
+				padding: 0.55rem 0.75rem;
+				border: 1px solid var(--line);
+				border-radius: var(--radius-sm);
+				background: var(--paper);
+				box-shadow: var(--section-shadow);
+				color: var(--ink);
+				font-weight: 800;
+				text-decoration: none;
+			}
+
+			.skip-link:focus-visible {
+				transform: translateY(0);
+			}
+
 			.site-shell {
 				display: grid;
-				grid-template-columns: minmax(13rem, 17rem) minmax(0, 1fr);
+				grid-template-columns: minmax(14rem, 17.5rem) minmax(0, 1fr);
 				gap: clamp(1.5rem, 4vw, 4rem);
-				width: min(1180px, calc(100% - 2rem));
+				width: min(1220px, calc(100% - 2rem));
 				margin: 0 auto;
 				padding: 2rem 0 4rem;
 			}
@@ -101,36 +225,107 @@
 				align-self: start;
 				max-height: calc(100vh - 3rem);
 				overflow: auto;
-				padding: 1rem;
+				padding: 0.85rem;
 				border: 1px solid var(--line);
-				border-radius: 0.5rem;
-				background: color-mix(in srgb, var(--paper) 88%, transparent);
-				box-shadow: 0 10px 40px rgb(22 50 45 / 8%);
+				border-radius: var(--radius);
+				background: color-mix(in srgb, var(--paper) 92%, transparent);
+				box-shadow: 0 10px 34px rgb(22 50 45 / 7%);
 				backdrop-filter: blur(12px);
 			}
 
-			.sidebar strong {
+			.sidebar-header {
+				padding: 0.2rem 0.25rem 0.75rem;
+				border-bottom: 1px solid var(--soft-line);
+			}
+
+			.sidebar-series {
 				display: block;
-				margin-bottom: 0.8rem;
-				color: var(--green);
-				font-size: 0.83rem;
+				color: var(--muted);
+				font-size: 0.75rem;
 				font-weight: 800;
 				letter-spacing: 0.08em;
 				text-transform: uppercase;
 			}
 
-			.sidebar a {
+			.sidebar strong {
+				display: block;
+				margin-top: 0.15rem;
+				color: var(--accent);
+				font-size: 0.98rem;
+				font-weight: 850;
+			}
+
+			.sidebar-header p {
+				margin: 0.2rem 0 0;
+				color: var(--muted);
+				font-size: 0.86rem;
+				line-height: 1.35;
+			}
+
+			.sidebar-companion,
+			.companion-link {
+				text-decoration: none;
+			}
+
+			.sidebar-companion {
+				display: block;
+				margin: 0.8rem 0;
+				padding: 0.65rem 0.72rem;
+				border: 1px solid var(--soft-line);
+				border-radius: var(--radius-sm);
+				background: color-mix(in srgb, var(--accent-soft) 54%, var(--paper));
+				color: var(--ink);
+			}
+
+			.sidebar-companion span,
+			.companion-link span {
 				display: block;
-				padding: 0.38rem 0;
 				color: var(--muted);
+				font-size: 0.72rem;
+				font-weight: 850;
+				letter-spacing: 0.08em;
+				text-transform: uppercase;
+			}
+
+			.sidebar-companion b,
+			.companion-link b {
+				display: block;
+				margin-top: 0.16rem;
 				font-size: 0.92rem;
+				line-height: 1.25;
+			}
+
+			.sidebar nav {
+				display: grid;
+				gap: 0.12rem;
+			}
+
+			.sidebar nav a {
+				display: block;
+				min-height: 2rem;
+				padding: 0.36rem 0.65rem 0.36rem 0.75rem;
+				border: 1px solid transparent;
+				border-radius: var(--radius-sm);
+				color: var(--muted);
+				font-size: 0.91rem;
+				line-height: 1.35;
 				text-decoration: none;
 			}
 
-			.sidebar a:hover {
+			.sidebar nav a:hover {
+				border-color: var(--soft-line);
+				background: color-mix(in srgb, var(--accent-soft) 36%, transparent);
 				color: var(--ink);
 			}
 
+			.sidebar nav a[aria-current="location"] {
+				border-color: color-mix(in srgb, var(--accent) 34%, var(--line));
+				background: color-mix(in srgb, var(--accent-soft) 68%, var(--paper));
+				box-shadow: inset 0.22rem 0 0 var(--accent);
+				color: var(--ink);
+				font-weight: 800;
+			}
+
 			main {
 				min-width: 0;
 			}
@@ -138,27 +333,141 @@
 			.hero,
 			.paper-section {
 				border: 1px solid var(--line);
-				border-radius: 0.75rem;
+				border-radius: var(--radius);
 				background: var(--paper);
-				box-shadow: var(--shadow);
+				box-shadow: var(--section-shadow);
 			}
 
 			.hero {
-				padding: clamp(2rem, 6vw, 5rem);
+				position: relative;
+				overflow: hidden;
+				padding: clamp(2rem, 5vw, 4rem);
 				background:
-					radial-gradient(circle at 82% 18%, rgb(40 95 159 / 13%), transparent 14rem),
+					radial-gradient(circle at 85% 15%, rgb(var(--accent-2-rgb) / 14%), transparent 15rem),
 					linear-gradient(145deg, var(--paper), var(--section-bg));
+				box-shadow: var(--shadow);
+			}
+
+			.hero::after {
+				position: absolute;
+				inset: 0;
+				background: linear-gradient(90deg, rgb(var(--accent-rgb) / 9%), transparent 28rem);
+				content: "";
+				pointer-events: none;
+			}
+
+			.hero > * {
+				position: relative;
+				z-index: 1;
+			}
+
+			.paper-brand {
+				display: flex;
+				align-items: flex-start;
+				justify-content: space-between;
+				gap: 1rem;
+				margin-bottom: clamp(1.5rem, 4vw, 2.4rem);
+			}
+
+			.brand-lockup {
+				display: inline-flex;
+				align-items: center;
+				gap: 0.72rem;
+				min-width: 0;
+			}
+
+			.brand-mark {
+				display: grid;
+				flex: 0 0 auto;
+				grid-template-columns: repeat(2, 0.55rem);
+				grid-template-rows: repeat(2, 0.55rem);
+				gap: 0.22rem;
+				place-content: center;
+				width: 2.35rem;
+				height: 2.35rem;
+				border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line));
+				border-radius: var(--radius);
+				background: color-mix(in srgb, var(--accent-soft) 56%, var(--paper));
+			}
+
+			.brand-mark span {
+				border-radius: 999px;
+				background: var(--accent);
+			}
+
+			.brand-mark span:nth-child(2) {
+				background: var(--accent-2);
+			}
+
+			.brand-mark span:nth-child(3) {
+				grid-column: 1 / 3;
+				width: 1.32rem;
+				border-radius: 0.2rem;
+				background: linear-gradient(90deg, var(--accent), var(--accent-2));
+				justify-self: center;
+			}
+
+			.brand-name,
+			.brand-subtitle {
+				display: block;
+				line-height: 1.2;
+			}
+
+			.brand-name {
+				font-size: 0.92rem;
+				font-weight: 850;
+			}
+
+			.brand-subtitle {
+				margin-top: 0.12rem;
+				color: var(--muted);
+				font-size: 0.78rem;
+			}
+
+			.companion-link {
+				max-width: 15.5rem;
+				padding: 0.62rem 0.75rem;
+				border: 1px solid var(--soft-line);
+				border-radius: var(--radius-sm);
+				background: color-mix(in srgb, var(--paper) 78%, transparent);
+				color: var(--ink);
+			}
+
+			.hero-label-row {
+				display: flex;
+				flex-wrap: wrap;
+				align-items: center;
+				gap: 0.7rem 1rem;
+				margin-bottom: 0.8rem;
 			}
 
 			.kicker {
-				margin: 0 0 0.9rem;
-				color: var(--green);
-				font-size: 0.82rem;
-				font-weight: 800;
-				letter-spacing: 0.12em;
+				display: inline-flex;
+				align-items: center;
+				gap: 0.42rem;
+				margin: 0;
+				color: var(--accent);
+				font-size: 0.8rem;
+				font-weight: 850;
+				letter-spacing: 0.1em;
 				text-transform: uppercase;
 			}
 
+			.layer-dot {
+				width: 0.52rem;
+				height: 0.52rem;
+				border-radius: 999px;
+				background: var(--accent);
+				box-shadow: 0 0 0 0.22rem rgb(var(--accent-rgb) / 14%);
+			}
+
+			.paper-status {
+				margin: 0;
+				color: var(--muted);
+				font-size: 0.9rem;
+				font-weight: 650;
+			}
+
 			h1,
 			h2,
 			h3 {
@@ -166,17 +475,17 @@
 			}
 
 			h1 {
-				max-width: 14ch;
+				max-width: 18ch;
 				margin: 0;
-				font-size: clamp(3rem, 8vw, 6.1rem);
+				font-size: clamp(2.5rem, 6vw, 4.6rem);
 				letter-spacing: 0;
 			}
 
 			.subtitle {
-				max-width: 68ch;
-				margin: 1.2rem 0 0;
+				max-width: 74ch;
+				margin: 1.1rem 0 0;
 				color: var(--muted);
-				font-size: clamp(1.05rem, 2vw, 1.28rem);
+				font-size: 1.12rem;
 			}
 
 			.meta-grid,
@@ -184,31 +493,36 @@
 			.role-grid,
 			.parameter-grid {
 				display: grid;
-				gap: 1rem;
+				grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
+				gap: 0.9rem;
 			}
 
 			.meta-grid {
-				grid-template-columns: repeat(3, minmax(0, 1fr));
-				margin-top: 2rem;
+				margin-top: 1.8rem;
 			}
 
 			.summary-grid,
-			.role-grid {
-				grid-template-columns: repeat(3, minmax(0, 1fr));
-			}
-
+			.role-grid,
 			.parameter-grid {
-				grid-template-columns: repeat(2, minmax(0, 1fr));
+				margin: 1.35rem 0 0;
 			}
 
 			.meta-card,
 			.summary-card,
 			.role-card,
-			.parameter-card {
-				border: 1px solid var(--line);
-				border-radius: 0.5rem;
-				background: color-mix(in srgb, var(--paper) 74%, white);
-				padding: 1rem;
+			.parameter-card,
+			.glossary-card,
+			.timeline-card,
+			.implementation-note {
+				border: 1px solid var(--soft-line);
+				border-radius: var(--radius);
+				background: var(--card-bg);
+				padding: 0.95rem 1rem;
+			}
+
+			.meta-card,
+			.summary-card {
+				border-top: 2px solid color-mix(in srgb, var(--accent) 52%, var(--line));
 			}
 
 			.meta-card span,
@@ -217,8 +531,8 @@
 			.parameter-card span {
 				display: block;
 				color: var(--muted);
-				font-size: 0.78rem;
-				font-weight: 800;
+				font-size: 0.76rem;
+				font-weight: 850;
 				letter-spacing: 0.08em;
 				text-transform: uppercase;
 			}
@@ -228,13 +542,21 @@
 			.role-card b,
 			.parameter-card b {
 				display: block;
-				margin-top: 0.3rem;
+				margin-top: 0.28rem;
 				font-size: 1rem;
+				line-height: 1.34;
 			}
 
 			.paper-section {
 				margin-top: 1.25rem;
-				padding: clamp(1.4rem, 4vw, 3rem);
+				padding: clamp(1.35rem, 4vw, 2.7rem);
+			}
+
+			.paper-section:target {
+				border-color: color-mix(in srgb, var(--accent) 34%, var(--line));
+				box-shadow:
+					0 0 0 3px rgb(var(--accent-rgb) / 10%),
+					var(--section-shadow);
 			}
 
 			.section-heading {
@@ -246,41 +568,78 @@
 				border-bottom: 1px solid var(--soft-line);
 			}
 
-			.section-heading h2 {
+			.section-heading h2,
+			.paper-section > h2 {
 				margin: 0 0 0.85rem;
-				font-size: clamp(1.65rem, 4vw, 2.7rem);
+				font-size: clamp(1.65rem, 4vw, 2.55rem);
+			}
+
+			.paper-section h3 {
+				max-width: 76ch;
+				margin: 1.8rem 0 0.65rem;
+				font-size: 1.25rem;
 			}
 
 			.anchor-link {
+				flex: none;
 				color: var(--muted);
-				font-weight: 800;
+				font-weight: 850;
 				text-decoration: none;
 			}
 
+			.anchor-link:hover {
+				color: var(--ink);
+			}
+
+			.paper-section > p,
+			.paper-section > ol,
+			.paper-section > ul {
+				max-width: 76ch;
+			}
+
+			.paper-section > p + p {
+				margin-top: 0.2rem;
+			}
+
 			.lede {
 				max-width: 76ch;
-				color: var(--muted);
+				color: color-mix(in srgb, var(--ink) 82%, var(--muted));
 				font-size: 1.08rem;
+				line-height: 1.68;
 			}
 
 			.callout {
-				margin: 1.2rem 0;
+				max-width: 76ch;
+				margin: 1.25rem 0;
 				padding: 1rem 1.1rem;
+				border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line));
+				border-left: 0.35rem solid var(--accent);
+				border-radius: var(--radius);
+				background: color-mix(in srgb, var(--accent-soft) 62%, var(--paper));
+			}
+
+			.callout strong {
+				display: block;
+				margin-bottom: 0.25rem;
+			}
+
+			.equation,
+			.diagram {
+				scroll-margin-top: 1rem;
 				border: 1px solid var(--line);
-				border-left: 0.35rem solid var(--green);
-				border-radius: 0.5rem;
-				background: var(--green-soft);
+				border-radius: var(--radius);
+				background: var(--section-bg);
+				overflow-x: auto;
+				overscroll-behavior-x: contain;
+				scrollbar-color: color-mix(in srgb, var(--accent) 52%, var(--line)) transparent;
+				scrollbar-width: thin;
 			}
 
 			.equation {
 				counter-increment: equation;
-				scroll-margin-top: 1rem;
-				margin: 1rem 0;
+				margin: 1.1rem 0;
 				padding: 1rem;
-				border: 1px solid var(--soft-line);
-				border-radius: 0.5rem;
 				background: var(--code-bg);
-				overflow-x: auto;
 			}
 
 			.equation math {
@@ -297,7 +656,7 @@
 
 			.equation-label {
 				color: var(--ink);
-				font-weight: 800;
+				font-weight: 850;
 			}
 
 			.equation-label::before {
@@ -310,31 +669,44 @@
 
 			.diagram {
 				counter-increment: figure;
-				scroll-margin-top: 1rem;
-				margin: 1.4rem 0;
+				position: relative;
+				margin: 1.45rem 0;
 				padding: 1rem;
-				border: 1px solid var(--line);
-				border-radius: 0.5rem;
-				background: var(--section-bg);
-				overflow-x: auto;
+				border-top: 3px solid var(--accent);
+				box-shadow: inset 0 -1.5rem 1.8rem -2rem rgb(var(--accent-rgb) / 34%);
+			}
+
+			.diagram:nth-of-type(even) {
+				border-top-color: var(--accent-2);
 			}
 
 			.diagram svg {
 				display: block;
 				width: 100%;
-				min-width: 680px;
+				min-width: 42rem;
 				height: auto;
+				color: var(--diagram-line);
+			}
+
+			.diagram-title {
+				margin: 0 0 0.75rem;
+				color: var(--muted);
+				font-size: 0.8rem;
+				font-weight: 850;
+				letter-spacing: 0.08em;
+				text-transform: uppercase;
 			}
 
 			.diagram-caption {
 				margin: 0.8rem 0 0;
 				color: var(--muted);
 				font-size: 0.94rem;
+				line-height: 1.5;
 			}
 
 			.figure-label {
 				color: var(--ink);
-				font-weight: 800;
+				font-weight: 850;
 			}
 
 			.figure-label::before {
@@ -345,13 +717,57 @@
 				content: ". ";
 			}
 
+			.legend {
+				display: flex;
+				flex-wrap: wrap;
+				gap: 0.55rem 1rem;
+				margin-top: 0.8rem;
+				color: var(--muted);
+				font-size: 0.86rem;
+			}
+
+			.legend-item {
+				display: inline-flex;
+				align-items: center;
+				gap: 0.4rem;
+			}
+
+			.legend-swatch {
+				width: 0.9rem;
+				height: 0.9rem;
+				border: 1px solid currentColor;
+				border-radius: 0.2rem;
+			}
+
+			.legend-swatch.teal,
+			.legend-swatch.green {
+				background: var(--green-soft);
+				color: var(--green);
+			}
+
+			.legend-swatch.gold {
+				background: var(--gold-soft);
+				color: var(--gold);
+			}
+
+			.legend-swatch.red {
+				background: var(--red-soft);
+				color: var(--red);
+			}
+
+			.legend-swatch.blue {
+				background: var(--blue-soft);
+				color: var(--blue);
+			}
+
 			.svg-box {
 				fill: var(--paper);
 				stroke: var(--line);
 				stroke-width: 2;
 			}
 
-			.svg-green {
+			.svg-green,
+			.svg-teal {
 				fill: var(--green-soft);
 				stroke: var(--green);
 				stroke-width: 2;
@@ -377,13 +793,18 @@
 
 			.svg-line {
 				fill: none;
-				stroke: var(--muted);
-				stroke-width: 2.5;
+				stroke: var(--diagram-line);
+				stroke-linecap: round;
+				stroke-linejoin: round;
+				stroke-width: 2.35;
 			}
 
 			.svg-label {
 				fill: var(--ink);
-				font-size: 18px;
+				font-family:
+					Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+					sans-serif;
+				font-size: 17px;
 				font-weight: 800;
 			}
 
@@ -399,51 +820,172 @@
 				font-weight: 650;
 			}
 
+			.table-wrap {
+				overflow-x: auto;
+				margin: 1.2rem 0;
+				border: 1px solid var(--line);
+				border-radius: var(--radius);
+				background: var(--section-bg);
+				scrollbar-color: color-mix(in srgb, var(--accent) 52%, var(--line)) transparent;
+				scrollbar-width: thin;
+			}
+
 			table {
 				width: 100%;
-				border-collapse: collapse;
-				margin: 1rem 0;
+				margin: 1.2rem 0;
+				border-collapse: separate;
+				border-spacing: 0;
+				background: var(--section-bg);
 				font-size: 0.94rem;
 			}
 
+			.table-wrap table {
+				margin: 0;
+			}
+
 			.wide-table {
 				min-width: 44rem;
 			}
 
-			.table-wrap {
-				overflow-x: auto;
+			.invalid-table {
+				min-width: 42rem;
+			}
+
+			.invalid-table th:first-child,
+			.invalid-table td:first-child {
+				width: 10rem;
+				white-space: nowrap;
 			}
 
 			th,
 			td {
-				padding: 0.75rem;
-				border: 1px solid var(--soft-line);
+				padding: 0.78rem 0.9rem;
+				border-bottom: 1px solid var(--soft-line);
 				text-align: left;
 				vertical-align: top;
 			}
 
+			th + th,
+			td + td {
+				border-left: 1px solid var(--soft-line);
+			}
+
 			th {
-				background: var(--section-bg);
-				color: var(--green);
+				background: var(--table-head);
+				color: var(--accent);
 				font-size: 0.78rem;
+				font-weight: 850;
 				letter-spacing: 0.06em;
 				text-transform: uppercase;
 			}
 
+			tr:last-child td {
+				border-bottom: 0;
+			}
+
 			ul,
 			ol {
 				padding-left: 1.35rem;
 			}
 
 			li + li {
-				margin-top: 0.38rem;
+				margin-top: 0.42rem;
+			}
+
+			.contract-list,
+			.clean-list {
+				display: grid;
+				gap: 0.55rem;
+				padding-left: 1.1rem;
+			}
+
+			.contract-list li,
+			.clean-list li {
+				padding-left: 0.2rem;
+			}
+
+			.glossary-grid,
+			.timeline-grid,
+			.implementation-grid {
+				display: grid;
+				grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
+				gap: 0.85rem;
+				margin: 1.2rem 0;
+			}
+
+			.glossary-card b,
+			.timeline-card b,
+			.implementation-note b {
+				display: block;
+				margin-bottom: 0.25rem;
+			}
+
+			.glossary-card p,
+			.timeline-card p,
+			.implementation-note p {
+				margin: 0;
+				color: var(--muted);
+			}
+
+			.implementation-note {
+				border-left: 0.3rem solid var(--blue);
+			}
+
+			.step-list {
+				display: grid;
+				gap: 0.8rem;
+				max-width: none;
+				counter-reset: steps;
+				list-style: none;
+				padding: 0;
+			}
+
+			.paper-section > .step-list {
+				max-width: none;
+			}
+
+			.step-list li {
+				display: flex;
+				gap: 0.75rem;
+				align-items: start;
+				min-width: 0;
+				padding: 0.85rem;
+				border: 1px solid var(--soft-line);
+				border-radius: var(--radius);
+				background: var(--section-bg);
+				counter-increment: steps;
+			}
+
+			.step-list li::before {
+				display: grid;
+				flex: 0 0 auto;
+				width: 2rem;
+				height: 2rem;
+				place-items: center;
+				border-radius: 999px;
+				background: var(--ink);
+				color: var(--paper);
+				content: counter(steps);
+				font-size: 0.9rem;
+				font-weight: 850;
 			}
 
-			@media (max-width: 900px) {
+			.step-content {
+				min-width: 0;
+				overflow-wrap: anywhere;
+			}
+
+			.footer-note {
+				margin: 1.5rem 0 0;
+				color: var(--muted);
+				font-size: 0.92rem;
+			}
+
+			@media (max-width: 1000px) {
 				.site-shell {
 					display: block;
-					width: min(100% - 1rem, 760px);
-					padding-top: 0.5rem;
+					width: min(100% - 1.25rem, 820px);
+					padding-top: 0.75rem;
 				}
 
 				.sidebar {
@@ -452,22 +994,112 @@
 					margin: 0.5rem 0 1rem;
 				}
 
-				.meta-grid,
-				.summary-grid,
-				.role-grid,
-				.parameter-grid {
-					grid-template-columns: 1fr;
+				.sidebar nav {
+					grid-template-columns: repeat(2, minmax(0, 1fr));
+					column-gap: 0.35rem;
+				}
+
+				.paper-brand {
+					align-items: stretch;
+				}
+
+				.companion-link {
+					max-width: none;
+				}
+			}
+
+			@media (max-width: 640px) {
+				.site-shell {
+					width: min(100% - 1rem, 820px);
+					padding-bottom: 2rem;
+				}
+
+				.sidebar nav {
+					grid-template-columns: repeat(2, minmax(0, 1fr));
+					column-gap: 0.25rem;
 				}
 
 				.hero,
 				.paper-section {
-					border-radius: 0.5rem;
+					border-radius: var(--radius);
+				}
+
+				.hero {
+					padding: 1.2rem;
+				}
+
+				.paper-section {
+					padding: 1.05rem;
+				}
+
+				.paper-brand {
+					flex-direction: column;
+					margin-bottom: 1.4rem;
+				}
+
+				h1 {
+					max-width: 100%;
+					font-size: clamp(2.15rem, 10.5vw, 3rem);
+				}
+
+				.subtitle {
+					font-size: 1rem;
+				}
+
+				.diagram {
+					margin-right: -0.2rem;
+					margin-left: -0.2rem;
+					padding: 0.75rem;
+				}
+
+				.diagram svg {
+					width: 42rem;
+					max-width: none;
+					min-width: 42rem;
+				}
+
+				th,
+				td {
+					padding: 0.65rem 0.72rem;
 				}
 			}
 
+			@media (max-width: 360px) {
+				.sidebar nav {
+					grid-template-columns: 1fr;
+				}
+			}
+
+			@page {
+				margin: 0.65in;
+			}
+
 			@media print {
+				:root {
+					color-scheme: light;
+					--bg: #fff;
+					--paper: #fff;
+					--ink: #111;
+					--muted: #444;
+					--line: #bbb;
+					--soft-line: #ddd;
+					--card-bg: #fff;
+					--section-bg: #fff;
+					--code-bg: #f6f6f6;
+					--table-head: #f1f1f1;
+					--shadow: none;
+					--section-shadow: none;
+				}
+
 				body {
-					background: white;
+					background: #fff;
+				}
+
+				body::before,
+				.skip-link,
+				.sidebar,
+				.anchor-link {
+					display: none;
 				}
 
 				.site-shell {
@@ -476,24 +1108,71 @@
 					padding: 0;
 				}
 
-				.sidebar {
-					display: none;
-				}
-
 				.hero,
 				.paper-section {
+					border: 0;
 					box-shadow: none;
+					break-inside: auto;
+				}
+
+				.hero {
+					padding: 0 0 1rem;
+				}
+
+				.paper-section {
+					margin-top: 1rem;
+					padding: 1rem 0 0;
+					border-top: 1px solid #ddd;
+				}
+
+				.companion-link {
+					border: 0;
+					padding: 0;
+				}
+
+				.diagram,
+				.table-wrap,
+				table,
+				.step-list li,
+				.glossary-card,
+				.timeline-card,
+				.implementation-note {
 					break-inside: avoid;
 				}
+
+				.diagram,
+				.table-wrap,
+				.equation {
+					overflow: visible;
+				}
+
+				.diagram svg {
+					max-width: 100%;
+					min-width: 0;
+				}
+
+				a {
+					color: #111;
+					text-decoration: none;
+				}
 			}
 		</style>
 	</head>
-	<body>
+	<body class="paper-page paper-placeholder">
+		<a class="skip-link" href="#main-content">Skip to document</a>
 		<div class="site-shell">
 			<aside class="sidebar" aria-label="Table of contents">
-				<strong>Contents</strong>
-				<nav>
-					<a href="#abstract">Abstract</a>
+				<div class="sidebar-header">
+					<span class="sidebar-series">Augur / Zoltar</span>
+					<strong>Placeholder</strong>
+					<p>Prediction market layer built on the Zoltar oracle layer.</p>
+				</div>
+				<a class="sidebar-companion" href="./whitepaper_zoltar.html">
+					<span>Companion paper</span>
+					<b>Zoltar Oracle Layer</b>
+				</a>
+				<nav aria-label="Document sections">
+					<a href="#abstract" aria-current="location">Abstract</a>
 					<a href="#overview">System Overview</a>
 					<a href="#architecture">Architecture</a>
 					<a href="#glossary">Glossary</a>
@@ -512,9 +1191,29 @@
 				</nav>
 			</aside>
 
-			<main>
+			<main id="main-content">
 				<header class="hero">
-					<p class="kicker">Prediction Market Layer</p>
+					<div class="paper-brand">
+						<div class="brand-lockup" aria-label="Augur and Zoltar whitepaper set">
+							<span class="brand-mark" aria-hidden="true">
+								<span></span>
+								<span></span>
+								<span></span>
+							</span>
+							<span>
+								<span class="brand-name">Augur / Zoltar</span>
+								<span class="brand-subtitle">Paired whitepaper set</span>
+							</span>
+						</div>
+						<a class="companion-link" href="./whitepaper_zoltar.html">
+							<span>Companion paper</span>
+							<b>Branching Oracle Layer</b>
+						</a>
+					</div>
+					<div class="hero-label-row">
+						<p class="kicker"><span class="layer-dot" aria-hidden="true"></span>Prediction Market Layer</p>
+						<p class="paper-status">Protocol draft • Application layer built on Zoltar</p>
+					</div>
 					<h1>Augur Placeholder White Paper</h1>
 					<p class="subtitle">
 						A visual guide to the market, underwriting, escalation, fork migration, and
@@ -3572,5 +4271,61 @@ <h2>14. Implementation Constraints</h2>
 				</section>
 			</main>
 		</div>
+		<script>
+			const navLinks = Array.from(document.querySelectorAll('.sidebar nav a[href^="#"]'))
+			const sectionLinks = navLinks
+				.map(link => {
+					const href = link.getAttribute('href')
+					if (href === null || href.length < 2) {
+						return undefined
+					}
+
+					const section = document.getElementById(href.slice(1))
+					if (section === null) {
+						return undefined
+					}
+
+					return { link, section }
+				})
+				.filter(item => item !== undefined)
+
+			const updateCurrentSection = () => {
+				let current = sectionLinks[0]
+
+				for (const item of sectionLinks) {
+					if (item.section.getBoundingClientRect().top <= 180) {
+						current = item
+					}
+				}
+
+				for (const item of sectionLinks) {
+					item.link.removeAttribute('aria-current')
+				}
+
+				if (current !== undefined) {
+					current.link.setAttribute('aria-current', 'location')
+				}
+			}
+
+			let scheduled = false
+			const scheduleCurrentSectionUpdate = () => {
+				if (scheduled) {
+					return
+				}
+
+				scheduled = true
+				window.requestAnimationFrame(() => {
+					scheduled = false
+					updateCurrentSection()
+				})
+			}
+
+			if (sectionLinks.length > 0) {
+				updateCurrentSection()
+				document.addEventListener('scroll', scheduleCurrentSectionUpdate, { passive: true })
+				window.addEventListener('resize', scheduleCurrentSectionUpdate)
+				window.addEventListener('hashchange', scheduleCurrentSectionUpdate)
+			}
+		</script>
 	</body>
 </html>
diff --git a/docs/whitepaper_zoltar.html b/docs/whitepaper_zoltar.html
index bd1e01cb..17b3747b 100644
--- a/docs/whitepaper_zoltar.html
+++ b/docs/whitepaper_zoltar.html
@@ -7,41 +7,74 @@
 		<style>
 			:root {
 				color-scheme: light dark;
-				--bg: #f5f7f6;
+				--bg: #f4f7f6;
 				--paper: #fffefd;
 				--ink: #202427;
-				--muted: #606a70;
-				--line: #d5dedb;
+				--muted: #58646a;
+				--line: #d4ddda;
 				--soft-line: #e8eeec;
+				--card-bg: #fbfcfb;
+				--table-head: #eef5f2;
 				--green: #1c7659;
 				--green-soft: #d9eee7;
-				--gold: #a46f16;
-				--gold-soft: #f2dfb9;
+				--gold: #8a5c14;
+				--gold-soft: #f3dfb8;
 				--teal: #1c7659;
 				--teal-soft: #d9eee7;
-				--red: #a8443d;
+				--red: #9f463d;
 				--red-soft: #f2d2cb;
 				--blue: #285f9f;
 				--blue-soft: #dce9f8;
 				--code-bg: #f8f3e8;
-				--section-bg: #fbfcfb;
-				--shadow: 0 24px 70px rgb(22 50 45 / 11%);
+				--section-bg: #f8faf9;
+				--accent: var(--blue);
+				--accent-soft: var(--blue-soft);
+				--accent-2: var(--green);
+				--accent-2-soft: var(--green-soft);
+				--accent-rgb: 40 95 159;
+				--accent-2-rgb: 28 118 89;
+				--diagram-line: #59615f;
+				--focus: #174f9d;
+				--radius: 0.5rem;
+				--radius-sm: 0.35rem;
+				--shadow: 0 18px 48px rgb(22 50 45 / 9%);
+				--section-shadow: 0 12px 34px rgb(22 50 45 / 6%);
 				font-family:
 					Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
 					sans-serif;
 			}
 
+			body.paper-placeholder {
+				--accent: var(--green);
+				--accent-soft: var(--green-soft);
+				--accent-2: var(--gold);
+				--accent-2-soft: var(--gold-soft);
+				--accent-rgb: 28 118 89;
+				--accent-2-rgb: 138 92 20;
+			}
+
+			body.paper-zoltar {
+				--accent: var(--blue);
+				--accent-soft: var(--blue-soft);
+				--accent-2: var(--green);
+				--accent-2-soft: var(--green-soft);
+				--accent-rgb: 40 95 159;
+				--accent-2-rgb: 28 118 89;
+			}
+
 			@media (prefers-color-scheme: dark) {
 				:root {
 					--bg: #111516;
 					--paper: #191d1e;
 					--ink: #f1f4f2;
-					--muted: #b0bab7;
+					--muted: #b4bfbb;
 					--line: #3b4744;
 					--soft-line: #2b3331;
+					--card-bg: #1d2322;
+					--table-head: #232b29;
 					--green: #72cba9;
 					--green-soft: #14372c;
-					--gold: #e2ac4f;
+					--gold: #e6b65d;
 					--gold-soft: #3a2d15;
 					--teal: #72cba9;
 					--teal-soft: #14372c;
@@ -51,7 +84,28 @@
 					--blue-soft: #17283f;
 					--code-bg: #27231c;
 					--section-bg: #1d2221;
-					--shadow: 0 24px 70px rgb(0 0 0 / 34%);
+					--diagram-line: #aeb9b5;
+					--focus: #acd0ff;
+					--shadow: 0 18px 48px rgb(0 0 0 / 32%);
+					--section-shadow: 0 12px 34px rgb(0 0 0 / 22%);
+				}
+
+				body.paper-placeholder {
+					--accent: var(--green);
+					--accent-soft: var(--green-soft);
+					--accent-2: var(--gold);
+					--accent-2-soft: var(--gold-soft);
+					--accent-rgb: 114 203 169;
+					--accent-2-rgb: 230 182 93;
+				}
+
+				body.paper-zoltar {
+					--accent: var(--blue);
+					--accent-soft: var(--blue-soft);
+					--accent-2: var(--green);
+					--accent-2-soft: var(--green-soft);
+					--accent-rgb: 139 185 240;
+					--accent-2-rgb: 114 203 169;
 				}
 			}
 
@@ -61,17 +115,46 @@
 
 			html {
 				scroll-behavior: smooth;
+				scroll-padding-top: 1.5rem;
+			}
+
+			@media (prefers-reduced-motion: reduce) {
+				*,
+				*::before,
+				*::after {
+					transition-duration: 0.01ms !important;
+					animation-duration: 0.01ms !important;
+					animation-iteration-count: 1 !important;
+				}
+
+				html {
+					scroll-behavior: auto;
+				}
 			}
 
 			body {
 				counter-reset: figure equation;
 				margin: 0;
 				background:
-					linear-gradient(120deg, rgb(28 118 89 / 10%), transparent 32rem),
-					linear-gradient(300deg, rgb(40 95 159 / 9%), transparent 34rem),
+					linear-gradient(120deg, rgb(var(--accent-rgb) / 9%), transparent 32rem),
+					linear-gradient(300deg, rgb(var(--accent-2-rgb) / 8%), transparent 34rem),
 					var(--bg);
 				color: var(--ink);
-				line-height: 1.62;
+				font-size: 1rem;
+				line-height: 1.64;
+				text-rendering: optimizeLegibility;
+			}
+
+			body::before {
+				position: fixed;
+				z-index: 2;
+				top: 0;
+				right: 0;
+				left: 0;
+				height: 0.22rem;
+				background: linear-gradient(90deg, var(--accent), var(--accent-2));
+				content: "";
+				pointer-events: none;
 			}
 
 			a {
@@ -80,21 +163,62 @@
 				text-underline-offset: 0.18em;
 			}
 
+			a:hover {
+				color: var(--ink);
+			}
+
+			a:focus-visible,
+			button:focus-visible,
+			[tabindex]:focus-visible {
+				outline: 2px solid var(--focus);
+				outline-offset: 3px;
+				border-radius: var(--radius-sm);
+			}
+
+			p {
+				margin: 0 0 1rem;
+			}
+
+			figure {
+				margin-right: 0;
+				margin-left: 0;
+			}
+
 			code {
 				padding: 0.1rem 0.32rem;
 				border: 1px solid var(--soft-line);
-				border-radius: 0.35rem;
+				border-radius: var(--radius-sm);
 				background: var(--code-bg);
 				font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
 				font-size: 0.92em;
 				overflow-wrap: anywhere;
 			}
 
+			.skip-link {
+				position: fixed;
+				z-index: 3;
+				top: 0.55rem;
+				left: 0.75rem;
+				transform: translateY(-150%);
+				padding: 0.55rem 0.75rem;
+				border: 1px solid var(--line);
+				border-radius: var(--radius-sm);
+				background: var(--paper);
+				box-shadow: var(--section-shadow);
+				color: var(--ink);
+				font-weight: 800;
+				text-decoration: none;
+			}
+
+			.skip-link:focus-visible {
+				transform: translateY(0);
+			}
+
 			.site-shell {
 				display: grid;
-				grid-template-columns: minmax(13rem, 17rem) minmax(0, 1fr);
+				grid-template-columns: minmax(14rem, 17.5rem) minmax(0, 1fr);
 				gap: clamp(1.5rem, 4vw, 4rem);
-				width: min(1180px, calc(100% - 2rem));
+				width: min(1220px, calc(100% - 2rem));
 				margin: 0 auto;
 				padding: 2rem 0 4rem;
 			}
@@ -105,36 +229,107 @@
 				align-self: start;
 				max-height: calc(100vh - 3rem);
 				overflow: auto;
-				padding: 1rem;
+				padding: 0.85rem;
 				border: 1px solid var(--line);
-				border-radius: 0.5rem;
-				background: color-mix(in srgb, var(--paper) 88%, transparent);
-				box-shadow: 0 10px 40px rgb(22 50 45 / 8%);
+				border-radius: var(--radius);
+				background: color-mix(in srgb, var(--paper) 92%, transparent);
+				box-shadow: 0 10px 34px rgb(22 50 45 / 7%);
 				backdrop-filter: blur(12px);
 			}
 
-			.sidebar strong {
+			.sidebar-header {
+				padding: 0.2rem 0.25rem 0.75rem;
+				border-bottom: 1px solid var(--soft-line);
+			}
+
+			.sidebar-series {
 				display: block;
-				margin-bottom: 0.8rem;
-				color: var(--green);
-				font-size: 0.83rem;
+				color: var(--muted);
+				font-size: 0.75rem;
 				font-weight: 800;
 				letter-spacing: 0.08em;
 				text-transform: uppercase;
 			}
 
-			.sidebar a {
+			.sidebar strong {
+				display: block;
+				margin-top: 0.15rem;
+				color: var(--accent);
+				font-size: 0.98rem;
+				font-weight: 850;
+			}
+
+			.sidebar-header p {
+				margin: 0.2rem 0 0;
+				color: var(--muted);
+				font-size: 0.86rem;
+				line-height: 1.35;
+			}
+
+			.sidebar-companion,
+			.companion-link {
+				text-decoration: none;
+			}
+
+			.sidebar-companion {
+				display: block;
+				margin: 0.8rem 0;
+				padding: 0.65rem 0.72rem;
+				border: 1px solid var(--soft-line);
+				border-radius: var(--radius-sm);
+				background: color-mix(in srgb, var(--accent-soft) 54%, var(--paper));
+				color: var(--ink);
+			}
+
+			.sidebar-companion span,
+			.companion-link span {
 				display: block;
-				padding: 0.38rem 0;
 				color: var(--muted);
+				font-size: 0.72rem;
+				font-weight: 850;
+				letter-spacing: 0.08em;
+				text-transform: uppercase;
+			}
+
+			.sidebar-companion b,
+			.companion-link b {
+				display: block;
+				margin-top: 0.16rem;
 				font-size: 0.92rem;
+				line-height: 1.25;
+			}
+
+			.sidebar nav {
+				display: grid;
+				gap: 0.12rem;
+			}
+
+			.sidebar nav a {
+				display: block;
+				min-height: 2rem;
+				padding: 0.36rem 0.65rem 0.36rem 0.75rem;
+				border: 1px solid transparent;
+				border-radius: var(--radius-sm);
+				color: var(--muted);
+				font-size: 0.91rem;
+				line-height: 1.35;
 				text-decoration: none;
 			}
 
-			.sidebar a:hover {
+			.sidebar nav a:hover {
+				border-color: var(--soft-line);
+				background: color-mix(in srgb, var(--accent-soft) 36%, transparent);
 				color: var(--ink);
 			}
 
+			.sidebar nav a[aria-current="location"] {
+				border-color: color-mix(in srgb, var(--accent) 34%, var(--line));
+				background: color-mix(in srgb, var(--accent-soft) 68%, var(--paper));
+				box-shadow: inset 0.22rem 0 0 var(--accent);
+				color: var(--ink);
+				font-weight: 800;
+			}
+
 			main {
 				min-width: 0;
 			}
@@ -142,27 +337,141 @@
 			.hero,
 			.paper-section {
 				border: 1px solid var(--line);
-				border-radius: 0.75rem;
+				border-radius: var(--radius);
 				background: var(--paper);
-				box-shadow: var(--shadow);
+				box-shadow: var(--section-shadow);
 			}
 
 			.hero {
-				padding: clamp(2rem, 6vw, 5rem);
+				position: relative;
+				overflow: hidden;
+				padding: clamp(2rem, 5vw, 4rem);
 				background:
-					radial-gradient(circle at 82% 18%, rgb(40 95 159 / 13%), transparent 14rem),
+					radial-gradient(circle at 85% 15%, rgb(var(--accent-2-rgb) / 14%), transparent 15rem),
 					linear-gradient(145deg, var(--paper), var(--section-bg));
+				box-shadow: var(--shadow);
+			}
+
+			.hero::after {
+				position: absolute;
+				inset: 0;
+				background: linear-gradient(90deg, rgb(var(--accent-rgb) / 9%), transparent 28rem);
+				content: "";
+				pointer-events: none;
+			}
+
+			.hero > * {
+				position: relative;
+				z-index: 1;
+			}
+
+			.paper-brand {
+				display: flex;
+				align-items: flex-start;
+				justify-content: space-between;
+				gap: 1rem;
+				margin-bottom: clamp(1.5rem, 4vw, 2.4rem);
+			}
+
+			.brand-lockup {
+				display: inline-flex;
+				align-items: center;
+				gap: 0.72rem;
+				min-width: 0;
+			}
+
+			.brand-mark {
+				display: grid;
+				flex: 0 0 auto;
+				grid-template-columns: repeat(2, 0.55rem);
+				grid-template-rows: repeat(2, 0.55rem);
+				gap: 0.22rem;
+				place-content: center;
+				width: 2.35rem;
+				height: 2.35rem;
+				border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line));
+				border-radius: var(--radius);
+				background: color-mix(in srgb, var(--accent-soft) 56%, var(--paper));
+			}
+
+			.brand-mark span {
+				border-radius: 999px;
+				background: var(--accent);
+			}
+
+			.brand-mark span:nth-child(2) {
+				background: var(--accent-2);
+			}
+
+			.brand-mark span:nth-child(3) {
+				grid-column: 1 / 3;
+				width: 1.32rem;
+				border-radius: 0.2rem;
+				background: linear-gradient(90deg, var(--accent), var(--accent-2));
+				justify-self: center;
+			}
+
+			.brand-name,
+			.brand-subtitle {
+				display: block;
+				line-height: 1.2;
+			}
+
+			.brand-name {
+				font-size: 0.92rem;
+				font-weight: 850;
+			}
+
+			.brand-subtitle {
+				margin-top: 0.12rem;
+				color: var(--muted);
+				font-size: 0.78rem;
+			}
+
+			.companion-link {
+				max-width: 15.5rem;
+				padding: 0.62rem 0.75rem;
+				border: 1px solid var(--soft-line);
+				border-radius: var(--radius-sm);
+				background: color-mix(in srgb, var(--paper) 78%, transparent);
+				color: var(--ink);
+			}
+
+			.hero-label-row {
+				display: flex;
+				flex-wrap: wrap;
+				align-items: center;
+				gap: 0.7rem 1rem;
+				margin-bottom: 0.8rem;
 			}
 
 			.kicker {
-				margin: 0 0 0.9rem;
-				color: var(--green);
-				font-size: 0.82rem;
-				font-weight: 800;
-				letter-spacing: 0.12em;
+				display: inline-flex;
+				align-items: center;
+				gap: 0.42rem;
+				margin: 0;
+				color: var(--accent);
+				font-size: 0.8rem;
+				font-weight: 850;
+				letter-spacing: 0.1em;
 				text-transform: uppercase;
 			}
 
+			.layer-dot {
+				width: 0.52rem;
+				height: 0.52rem;
+				border-radius: 999px;
+				background: var(--accent);
+				box-shadow: 0 0 0 0.22rem rgb(var(--accent-rgb) / 14%);
+			}
+
+			.paper-status {
+				margin: 0;
+				color: var(--muted);
+				font-size: 0.9rem;
+				font-weight: 650;
+			}
+
 			h1,
 			h2,
 			h3 {
@@ -170,40 +479,41 @@
 			}
 
 			h1 {
-				max-width: 14ch;
+				max-width: 18ch;
 				margin: 0;
-				font-size: clamp(3rem, 8vw, 6.1rem);
+				font-size: clamp(2.5rem, 6vw, 4.6rem);
 				letter-spacing: 0;
 			}
 
 			.subtitle {
-				max-width: 68ch;
-				margin: 1.2rem 0 0;
+				max-width: 74ch;
+				margin: 1.1rem 0 0;
 				color: var(--muted);
-				font-size: clamp(1.05rem, 2vw, 1.28rem);
+				font-size: 1.12rem;
 			}
 
 			.meta-grid {
 				display: grid;
-				grid-template-columns: repeat(3, minmax(0, 1fr));
-				gap: 1rem;
-				margin-top: 2rem;
+				grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
+				gap: 0.9rem;
+				margin-top: 1.8rem;
 			}
 
 			.meta-card,
 			.summary-card {
-				border: 1px solid var(--line);
-				border-radius: 0.5rem;
-				background: color-mix(in srgb, var(--paper) 74%, white);
-				padding: 1rem;
+				border: 1px solid var(--soft-line);
+				border-top: 2px solid color-mix(in srgb, var(--accent) 52%, var(--line));
+				border-radius: var(--radius);
+				background: var(--card-bg);
+				padding: 0.95rem 1rem;
 			}
 
 			.meta-card span,
 			.summary-card span {
 				display: block;
 				color: var(--muted);
-				font-size: 0.78rem;
-				font-weight: 800;
+				font-size: 0.76rem;
+				font-weight: 850;
 				letter-spacing: 0.08em;
 				text-transform: uppercase;
 			}
@@ -211,21 +521,28 @@
 			.meta-card b,
 			.summary-card b {
 				display: block;
-				margin-top: 0.25rem;
+				margin-top: 0.28rem;
 				font-size: 1rem;
+				line-height: 1.34;
 			}
 
 			.summary-grid {
 				display: grid;
-				grid-template-columns: repeat(3, minmax(0, 1fr));
-				gap: 1rem;
-				margin: 1.5rem 0 0;
+				grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
+				gap: 0.9rem;
+				margin: 1.35rem 0 0;
 			}
 
 			.paper-section {
 				margin-top: 1.25rem;
-				padding: clamp(1.25rem, 4vw, 2.4rem);
-				box-shadow: 0 18px 50px rgb(22 50 45 / 7%);
+				padding: clamp(1.35rem, 4vw, 2.7rem);
+			}
+
+			.paper-section:target {
+				border-color: color-mix(in srgb, var(--accent) 34%, var(--line));
+				box-shadow:
+					0 0 0 3px rgb(var(--accent-rgb) / 10%),
+					var(--section-shadow);
 			}
 
 			.paper-section h2 {
@@ -234,25 +551,32 @@
 			}
 
 			.paper-section h3 {
-				margin-top: 1.8rem;
+				max-width: 76ch;
+				margin: 1.8rem 0 0.65rem;
 				font-size: 1.25rem;
 			}
 
-			.paper-section p {
-				max-width: 78ch;
+			.paper-section > p,
+			.paper-section > ol,
+			.paper-section > ul {
+				max-width: 76ch;
 			}
 
 			.lede {
-				color: #3f444a;
+				max-width: 76ch;
+				color: color-mix(in srgb, var(--ink) 82%, var(--muted));
 				font-size: 1.08rem;
+				line-height: 1.68;
 			}
 
 			.callout {
+				max-width: 76ch;
 				margin: 1.25rem 0;
 				padding: 1rem 1.1rem;
-				border-left: 0.3rem solid var(--teal);
-				border-radius: 0.45rem;
-				background: var(--teal-soft);
+				border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line));
+				border-left: 0.35rem solid var(--accent);
+				border-radius: var(--radius);
+				background: color-mix(in srgb, var(--accent-soft) 62%, var(--paper));
 			}
 
 			.callout strong {
@@ -275,12 +599,15 @@
 			.equation {
 				counter-increment: equation;
 				scroll-margin-top: 1rem;
-				margin: 1rem 0;
+				margin: 1.1rem 0;
 				padding: 1rem;
-				border: 1px solid var(--soft-line);
-				border-radius: 0.45rem;
+				border: 1px solid var(--line);
+				border-radius: var(--radius);
 				background: var(--code-bg);
 				overflow-x: auto;
+				overscroll-behavior-x: contain;
+				scrollbar-color: color-mix(in srgb, var(--accent) 52%, var(--line)) transparent;
+				scrollbar-width: thin;
 			}
 
 			.equation math {
@@ -297,7 +624,7 @@
 
 			.equation-label {
 				color: var(--ink);
-				font-weight: 800;
+				font-weight: 850;
 			}
 
 			.equation-label::before {
@@ -312,13 +639,23 @@
 				overflow-x: auto;
 				margin: 1.2rem 0;
 				border: 1px solid var(--line);
-				border-radius: 0.5rem;
+				border-radius: var(--radius);
+				background: var(--section-bg);
+				scrollbar-color: color-mix(in srgb, var(--accent) 52%, var(--line)) transparent;
+				scrollbar-width: thin;
 			}
 
 			table {
 				width: 100%;
-				border-collapse: collapse;
+				margin: 1.2rem 0;
+				border-collapse: separate;
+				border-spacing: 0;
 				background: var(--section-bg);
+				font-size: 0.94rem;
+			}
+
+			.table-wrap table {
+				margin: 0;
 			}
 
 			.invalid-table {
@@ -333,15 +670,22 @@
 
 			th,
 			td {
-				padding: 0.8rem 1rem;
+				padding: 0.78rem 0.9rem;
 				border-bottom: 1px solid var(--soft-line);
 				text-align: left;
 				vertical-align: top;
 			}
 
+			th + th,
+			td + td {
+				border-left: 1px solid var(--soft-line);
+			}
+
 			th {
-				background: var(--code-bg);
-				font-size: 0.8rem;
+				background: var(--table-head);
+				color: var(--accent);
+				font-size: 0.78rem;
+				font-weight: 850;
 				letter-spacing: 0.06em;
 				text-transform: uppercase;
 			}
@@ -353,37 +697,50 @@
 			.diagram {
 				counter-increment: figure;
 				scroll-margin-top: 1rem;
-				margin: 1.4rem 0;
+				margin: 1.45rem 0;
 				padding: 1rem;
 				border: 1px solid var(--line);
-				border-radius: 0.6rem;
+				border-top: 3px solid var(--accent);
+				border-radius: var(--radius);
 				background: var(--section-bg);
+				box-shadow: inset 0 -1.5rem 1.8rem -2rem rgb(var(--accent-rgb) / 34%);
+				overflow-x: auto;
+				overscroll-behavior-x: contain;
+				scrollbar-color: color-mix(in srgb, var(--accent) 52%, var(--line)) transparent;
+				scrollbar-width: thin;
+			}
+
+			.diagram:nth-of-type(even) {
+				border-top-color: var(--accent-2);
 			}
 
 			.diagram svg {
 				display: block;
 				width: 100%;
+				min-width: 42rem;
 				height: auto;
+				color: var(--diagram-line);
 			}
 
 			.diagram-title {
 				margin: 0 0 0.75rem;
 				color: var(--muted);
-				font-size: 0.82rem;
-				font-weight: 800;
+				font-size: 0.8rem;
+				font-weight: 850;
 				letter-spacing: 0.08em;
 				text-transform: uppercase;
 			}
 
 			.diagram-caption {
-				margin: 0.75rem 0 0;
+				margin: 0.8rem 0 0;
 				color: var(--muted);
 				font-size: 0.94rem;
+				line-height: 1.5;
 			}
 
 			.figure-label {
 				color: var(--ink);
-				font-weight: 800;
+				font-weight: 850;
 			}
 
 			.figure-label::before {
@@ -416,9 +773,10 @@
 				border-radius: 0.2rem;
 			}
 
-			.legend-swatch.teal {
-				background: var(--teal-soft);
-				color: var(--teal);
+			.legend-swatch.teal,
+			.legend-swatch.green {
+				background: var(--green-soft);
+				color: var(--green);
 			}
 
 			.legend-swatch.gold {
@@ -438,15 +796,18 @@
 
 			.section-heading {
 				display: flex;
-				gap: 0.7rem;
 				align-items: baseline;
 				justify-content: space-between;
+				gap: 1rem;
+				margin-bottom: 1rem;
+				border-bottom: 1px solid var(--soft-line);
 			}
 
 			.anchor-link {
 				flex: none;
 				color: var(--muted);
 				font-size: 1rem;
+				font-weight: 850;
 				text-decoration: none;
 			}
 
@@ -458,18 +819,18 @@
 			.timeline-grid,
 			.implementation-grid {
 				display: grid;
-				grid-template-columns: repeat(2, minmax(0, 1fr));
-				gap: 0.8rem;
+				grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
+				gap: 0.85rem;
 				margin: 1.2rem 0;
 			}
 
 			.glossary-card,
 			.timeline-card,
 			.implementation-note {
-				padding: 0.9rem 1rem;
+				padding: 0.95rem 1rem;
 				border: 1px solid var(--soft-line);
-				border-radius: 0.5rem;
-				background: var(--section-bg);
+				border-radius: var(--radius);
+				background: var(--card-bg);
 			}
 
 			.glossary-card b,
@@ -491,14 +852,15 @@
 			}
 
 			.svg-box {
-				fill: #fffdf8;
-				stroke: #7c6c51;
+				fill: var(--paper);
+				stroke: var(--line);
 				stroke-width: 2;
 			}
 
+			.svg-green,
 			.svg-teal {
-				fill: var(--teal-soft);
-				stroke: var(--teal);
+				fill: var(--green-soft);
+				stroke: var(--green);
 				stroke-width: 2;
 			}
 
@@ -522,10 +884,10 @@
 
 			.svg-line {
 				fill: none;
-				stroke: #615642;
-				stroke-width: 2.2;
+				stroke: var(--diagram-line);
 				stroke-linecap: round;
 				stroke-linejoin: round;
+				stroke-width: 2.35;
 			}
 
 			.svg-label {
@@ -534,23 +896,28 @@
 					Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
 					sans-serif;
 				font-size: 17px;
-				font-weight: 750;
+				font-weight: 800;
 			}
 
 			.svg-small {
-				fill: #51565c;
+				fill: var(--muted);
 				font-size: 13px;
-				font-weight: 600;
+				font-weight: 650;
 			}
 
 			.step-list {
 				display: grid;
 				gap: 0.8rem;
+				max-width: none;
 				counter-reset: steps;
 				list-style: none;
 				padding: 0;
 			}
 
+			.paper-section > .step-list {
+				max-width: none;
+			}
+
 			.step-list li {
 				display: flex;
 				gap: 0.75rem;
@@ -558,23 +925,23 @@
 				min-width: 0;
 				padding: 0.85rem;
 				border: 1px solid var(--soft-line);
-				border-radius: 0.5rem;
+				border-radius: var(--radius);
 				background: var(--section-bg);
 				counter-increment: steps;
 			}
 
 			.step-list li::before {
-				flex: 0 0 auto;
 				display: grid;
+				flex: 0 0 auto;
 				width: 2rem;
 				height: 2rem;
 				place-items: center;
 				border-radius: 999px;
 				background: var(--ink);
-				color: #fffdf8;
+				color: var(--paper);
 				content: counter(steps);
 				font-size: 0.9rem;
-				font-weight: 800;
+				font-weight: 850;
 			}
 
 			.step-content {
@@ -588,52 +955,99 @@
 				font-size: 0.92rem;
 			}
 
-			@media (max-width: 900px) {
+			@media (max-width: 1000px) {
 				.site-shell {
 					display: block;
+					width: min(100% - 1.25rem, 820px);
+					padding-top: 0.75rem;
 				}
 
 				.sidebar {
 					position: static;
 					max-height: none;
-					margin-bottom: 1rem;
+					margin: 0.5rem 0 1rem;
 				}
 
 				.sidebar nav {
-					display: grid;
 					grid-template-columns: repeat(2, minmax(0, 1fr));
-					column-gap: 1rem;
+					column-gap: 0.35rem;
 				}
 
-				.meta-grid,
-				.summary-grid,
-				.glossary-grid,
-				.timeline-grid,
-				.implementation-grid {
-					grid-template-columns: 1fr;
+				.paper-brand {
+					align-items: stretch;
+				}
+
+				.companion-link {
+					max-width: none;
 				}
 			}
 
-			@media (max-width: 560px) {
+			@media (max-width: 640px) {
 				.site-shell {
-					width: min(100% - 1rem, 1180px);
-					padding-top: 0.5rem;
+					width: min(100% - 1rem, 820px);
+					padding-bottom: 2rem;
 				}
 
 				.sidebar nav {
-					grid-template-columns: 1fr;
+					grid-template-columns: repeat(2, minmax(0, 1fr));
+					column-gap: 0.25rem;
 				}
 
 				.hero,
 				.paper-section {
-					border-radius: 0.5rem;
+					border-radius: var(--radius);
+				}
+
+				.hero {
+					padding: 1.2rem;
+				}
+
+				.paper-section {
+					padding: 1.05rem;
+				}
+
+				.paper-brand {
+					flex-direction: column;
+					margin-bottom: 1.4rem;
 				}
 
 				h1 {
-					font-size: clamp(2.6rem, 15vw, 4rem);
+					max-width: 100%;
+					font-size: clamp(2.15rem, 10.5vw, 3rem);
+				}
+
+				.subtitle {
+					font-size: 1rem;
+				}
+
+				.diagram {
+					margin-right: -0.2rem;
+					margin-left: -0.2rem;
+					padding: 0.75rem;
+				}
+
+				.diagram svg {
+					width: 42rem;
+					max-width: none;
+					min-width: 42rem;
+				}
+
+				th,
+				td {
+					padding: 0.65rem 0.72rem;
 				}
 			}
 
+			@media (max-width: 360px) {
+				.sidebar nav {
+					grid-template-columns: 1fr;
+				}
+			}
+
+			@page {
+				margin: 0.65in;
+			}
+
 			@media print {
 				:root {
 					color-scheme: light;
@@ -643,15 +1057,24 @@
 					--muted: #444;
 					--line: #bbb;
 					--soft-line: #ddd;
+					--card-bg: #fff;
 					--section-bg: #fff;
 					--code-bg: #f6f6f6;
+					--table-head: #f1f1f1;
 					--shadow: none;
+					--section-shadow: none;
 				}
 
 				body {
 					background: #fff;
 				}
 
+				body::before,
+				.skip-link,
+				.anchor-link {
+					display: none;
+				}
+
 				.site-shell {
 					display: block;
 					width: 100%;
@@ -666,14 +1089,26 @@
 				.paper-section {
 					border: 0;
 					box-shadow: none;
-					page-break-inside: avoid;
+					break-inside: auto;
+				}
+
+				.hero {
+					padding: 0 0 1rem;
 				}
 
 				.paper-section {
-					break-before: page;
+					margin-top: 1rem;
+					padding: 1rem 0 0;
+					border-top: 1px solid #ddd;
+				}
+
+				.companion-link {
+					border: 0;
+					padding: 0;
 				}
 
 				.diagram,
+				.table-wrap,
 				table,
 				.step-list li,
 				.glossary-card,
@@ -682,23 +1117,39 @@
 					break-inside: avoid;
 				}
 
+				.diagram,
+				.table-wrap,
+				.equation {
+					overflow: visible;
+				}
+
+				.diagram svg {
+					max-width: 100%;
+					min-width: 0;
+				}
+
 				a {
 					color: #111;
 					text-decoration: none;
 				}
-
-				.anchor-link {
-					display: none;
-				}
 			}
 		</style>
 	</head>
-	<body>
+	<body class="paper-page paper-zoltar">
+		<a class="skip-link" href="#main-content">Skip to document</a>
 		<div class="site-shell">
 			<aside class="sidebar" aria-label="Document navigation">
-				<strong>Zoltar</strong>
-				<nav>
-					<a href="#abstract">Abstract</a>
+				<div class="sidebar-header">
+					<span class="sidebar-series">Augur / Zoltar</span>
+					<strong>Zoltar</strong>
+					<p>Branching oracle layer used by the Placeholder market layer.</p>
+				</div>
+				<a class="sidebar-companion" href="./whitepaper_placeholder.html">
+					<span>Companion paper</span>
+					<b>Placeholder Market Layer</b>
+				</a>
+				<nav aria-label="Document sections">
+					<a href="#abstract" aria-current="location">Abstract</a>
 					<a href="#glossary">Glossary</a>
 					<a href="#timeline">Lifecycle Timeline</a>
 					<a href="#overview">System Overview</a>
@@ -714,9 +1165,29 @@
 				</nav>
 			</aside>
 
-			<main>
+			<main id="main-content">
 				<header class="hero">
-					<p class="kicker">Branching Oracle Layer</p>
+					<div class="paper-brand">
+						<div class="brand-lockup" aria-label="Augur and Zoltar whitepaper set">
+							<span class="brand-mark" aria-hidden="true">
+								<span></span>
+								<span></span>
+								<span></span>
+							</span>
+							<span>
+								<span class="brand-name">Augur / Zoltar</span>
+								<span class="brand-subtitle">Paired whitepaper set</span>
+							</span>
+						</div>
+						<a class="companion-link" href="./whitepaper_placeholder.html">
+							<span>Companion paper</span>
+							<b>Prediction Market Layer</b>
+						</a>
+					</div>
+					<div class="hero-label-row">
+						<p class="kicker"><span class="layer-dot" aria-hidden="true"></span>Branching Oracle Layer</p>
+						<p class="paper-status">Protocol draft • Base layer for Placeholder</p>
+					</div>
 					<h1>Zoltar White Paper</h1>
 					<p class="subtitle">
 						A visual guide to Zoltar universes, deterministic question encoding, scalar
@@ -1561,5 +2032,61 @@ <h2>10. Design Thesis</h2>
 				</section>
 			</main>
 		</div>
+		<script>
+			const navLinks = Array.from(document.querySelectorAll('.sidebar nav a[href^="#"]'))
+			const sectionLinks = navLinks
+				.map(link => {
+					const href = link.getAttribute('href')
+					if (href === null || href.length < 2) {
+						return undefined
+					}
+
+					const section = document.getElementById(href.slice(1))
+					if (section === null) {
+						return undefined
+					}
+
+					return { link, section }
+				})
+				.filter(item => item !== undefined)
+
+			const updateCurrentSection = () => {
+				let current = sectionLinks[0]
+
+				for (const item of sectionLinks) {
+					if (item.section.getBoundingClientRect().top <= 180) {
+						current = item
+					}
+				}
+
+				for (const item of sectionLinks) {
+					item.link.removeAttribute('aria-current')
+				}
+
+				if (current !== undefined) {
+					current.link.setAttribute('aria-current', 'location')
+				}
+			}
+
+			let scheduled = false
+			const scheduleCurrentSectionUpdate = () => {
+				if (scheduled) {
+					return
+				}
+
+				scheduled = true
+				window.requestAnimationFrame(() => {
+					scheduled = false
+					updateCurrentSection()
+				})
+			}
+
+			if (sectionLinks.length > 0) {
+				updateCurrentSection()
+				document.addEventListener('scroll', scheduleCurrentSectionUpdate, { passive: true })
+				window.addEventListener('resize', scheduleCurrentSectionUpdate)
+				window.addEventListener('hashchange', scheduleCurrentSectionUpdate)
+			}
+		</script>
 	</body>
 </html>