diff --git a/internal/views/static/css/kafka.css b/internal/views/static/css/kafka.css
index ad094e9..40f0f25 100644
--- a/internal/views/static/css/kafka.css
+++ b/internal/views/static/css/kafka.css
@@ -235,11 +235,22 @@ main {
   padding-top: 1.5rem;
 }
 
+/* 3-column layout: empty left buffer | center results | right column
+   max-width 1400px, centered on page */
 .results-layout {
   display: grid;
-  grid-template-columns: 1fr 220px;
+  grid-template-columns: 1fr min(768px, 100%) 300px;
   gap: 2rem;
   align-items: start;
+  max-width: 1400px;
+  margin: 0 auto;
+}
+
+@media (max-width: 1000px) {
+  .results-layout {
+    grid-template-columns: 1fr 260px;
+    gap: 1.5rem;
+  }
 }
 
 @media (max-width: 700px) {
@@ -249,7 +260,7 @@ main {
   }
 }
 
-/* Compact search bar on results page */
+/* Compact search bar spans all columns */
 .search-compact {
   grid-column: 1 / -1;
 }
@@ -380,12 +391,15 @@ main {
 }
 
 /* ============================================================
-   Sidebar
+   Right Column (formerly sidebar)
    ============================================================ */
 
-.sidebar {
+.right-column {
   position: sticky;
   top: calc(var(--header-height) + 1.5rem);
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
 }
 
 .sidebar-card {
@@ -393,18 +407,65 @@ main {
   border: 1px solid var(--border);
   border-radius: var(--radius-md);
   padding: 1rem;
-  margin-bottom: 1rem;
 }
 
-.sidebar-title {
-  font-size: 0.75rem;
+.sidebar-card-title {
+  font-size: 0.7rem;
   font-weight: 600;
   text-transform: uppercase;
-  letter-spacing: 0.05em;
+  letter-spacing: 0.06em;
   color: var(--text-muted);
   margin-bottom: 0.75rem;
 }
 
+/* Knowledge Panel card */
+.knowledge-panel {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-md);
+  padding: 1rem;
+}
+
+.knowledge-panel-title {
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 0.5rem;
+}
+
+.knowledge-panel-content {
+  font-size: 0.875rem;
+  color: var(--text-secondary);
+  line-height: 1.55;
+}
+
+.knowledge-panel-thumb {
+  width: 100%;
+  border-radius: var(--radius-sm);
+  margin-bottom: 0.75rem;
+}
+
+/* Related searches */
+.related-searches {
+  display: flex;
+  flex-direction: column;
+  gap: 0.35rem;
+}
+
+.related-search-link {
+  font-size: 0.85rem;
+  color: var(--accent);
+  text-decoration: none;
+  padding: 0.25rem 0;
+  border-radius: var(--radius-sm);
+  transition: color 0.15s;
+}
+
+.related-search-link:hover {
+  color: var(--accent-hover);
+  text-decoration: underline;
+}
+
 /* Suggestions in sidebar */
 .suggestion-list {
   display: flex;
diff --git a/internal/views/templates/results.html b/internal/views/templates/results.html
index 1e02fb9..74d5f93 100644
--- a/internal/views/templates/results.html
+++ b/internal/views/templates/results.html
@@ -1,94 +1,53 @@
 {{define "title"}}{{if .Query}}{{.Query}} — {{end}}{{end}}
 {{define "content"}}
 <div class="results-layout">
-  <!-- Left Sidebar -->
-  <aside class="left-sidebar" id="left-sidebar">
-    <nav class="sidebar-nav">
-      <div class="sidebar-nav-title">Categories</div>
-      {{range .Categories}}
-      <a href="/search?q={{$.Query | urlquery}}&category={{.}}" class="sidebar-nav-item {{if eq $.ActiveCategory .}}active{{end}}">
-        <span class="sidebar-nav-item-icon">{{index $.CategoryIcons .}}</span>
-        <span>{{.}}</span>
-      </a>
-      {{end}}
-      <!-- Disabled categories with no links -->
-      {{range .DisabledCategories}}
-      <span class="sidebar-nav-item disabled">
-        <span class="sidebar-nav-item-icon">{{index $.CategoryIcons .}}</span>
-        <span>{{.}}</span>
-      </span>
-      {{end}}
-    </nav>
-
-    <form method="GET" action="/search" class="sidebar-filters"
-      hx-get="/search" hx-target="#results" hx-trigger="change" hx-swap="innerHTML">
-      <input type="hidden" name="q" value="{{.Query | urlquery}}">
-      <input type="hidden" name="category" value="{{.ActiveCategory}}">
-      <div class="sidebar-filter-group">
-        <div class="sidebar-filter-label">Time</div>
-        {{range .TimeFilters}}
-        <label class="sidebar-filter-option">
-          <input type="radio" name="time" value="{{.Value}}" {{if eq $.ActiveTime .Value}}checked{{end}}>
-          <span>{{.Label}}</span>
-        </label>
-        {{end}}
-      </div>
-      <div class="sidebar-filter-group">
-        <div class="sidebar-filter-label">Type</div>
-        {{range .TypeFilters}}
-        <label class="sidebar-filter-option">
-          <input type="radio" name="type" value="{{.Value}}" {{if eq $.ActiveType .Value}}checked{{end}}>
-          <span>{{.Label}}</span>
-        </label>
-        {{end}}
-      </div>
-    </form>
-  </aside>
-
-  <!-- Center Column -->
-  <div class="results-column">
-    <!-- Compact search bar -->
-    <div class="search-compact">
-      <div class="search-box">
-        <form method="GET" action="/search" role="search" id="search-form">
-          <input type="text" name="q" id="q" value="{{.Query}}" autocomplete="off" autofocus
-            hx-get="/search" hx-target="#results" hx-trigger="keyup changed delay:500ms" hx-include="this">
-          <button type="submit" class="search-box-submit" aria-label="Search">
-            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
-              <circle cx="11" cy="11" r="8"/>
-              <path d="m21 21-4.35-4.35"/>
-            </svg>
-          </button>
-        </form>
-      </div>
+  <!-- Compact search bar spans all columns -->
+  <div class="search-compact">
+    <div class="search-box">
+      <form method="GET" action="/search" role="search" id="search-form">
+        <input type="text" name="q" id="q" value="{{.Query}}" autocomplete="off" autofocus
+          hx-get="/search" hx-target="#results" hx-trigger="keyup changed delay:500ms" hx-include="this">
+        <button type="submit" class="search-box-submit" aria-label="Search">
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+            <circle cx="11" cy="11" r="8"/>
+            <path d="m21 21-4.35-4.35"/>
+          </svg>
+        </button>
+      </form>
     </div>
+  </div>
 
-    <!-- Mobile filter chips -->
-    <div class="mobile-filter-chips">
-      <a href="/search?q={{.Query | urlquery}}" class="mobile-filter-chip {{if not .ActiveCategory}}active{{end}}">All</a>
-      {{range .Categories}}
-      <a href="/search?q={{$.Query | urlquery}}&category={{.}}" class="mobile-filter-chip {{if eq $.ActiveCategory .}}active{{end}}">{{.}}</a>
-      {{end}}
-    </div>
-
-    <!-- Results inner -->
+  <!-- Center: Results -->
+  <div class="results-column" id="results">
     {{template "results_inner" .}}
   </div>
 
-  <!-- Right Sidebar -->
-  <aside class="right-sidebar" id="sidebar">
+  <!-- Right: Knowledge Panel + Related Searches -->
+  <aside class="right-column" id="right-column">
+    {{if and .Infoboxes (gt (len .Infoboxes) 0)}}
+    {{with index .Infoboxes 0}}
+    <div class="knowledge-panel">
+      {{if .img_src}}<img class="knowledge-panel-thumb" src="{{.img_src}}" alt="{{.title}}" loading="lazy">{{end}}
+      {{if .title}}<div class="knowledge-panel-title">{{.title}}</div>{{end}}
+      {{if .content}}<div class="knowledge-panel-content">{{.content}}</div>{{end}}
+    </div>
+    {{end}}
+    {{end}}
+
     {{if .Suggestions}}
     <div class="sidebar-card">
-      <div class="sidebar-title">Related Searches</div>
-      <div class="suggestion-list">
-        {{range .Suggestions}}<span class="suggestion"><a href="/search?q={{. | urlquery}}">{{.}}</a></span>{{end}}
+      <div class="sidebar-card-title">Related Searches</div>
+      <div class="related-searches">
+        {{range .Suggestions}}
+        <a class="related-search-link" href="/search?q={{. | urlquery}}">{{.}}</a>
+        {{end}}
       </div>
     </div>
     {{end}}
 
     {{if .UnresponsiveEngines}}
     <div class="sidebar-card">
-      <div class="sidebar-title">Engines with issues</div>
+      <div class="sidebar-card-title">Engine Status</div>
       <ul class="unresponsive-engines">
         {{range .UnresponsiveEngines}}<li>{{index . 0}}: {{index . 1}}</li>{{end}}
       </ul>
@@ -96,4 +55,4 @@
     {{end}}
   </aside>
 </div>
-{{end}}
\ No newline at end of file
+{{end}}
diff --git a/internal/views/templates/results_inner.html b/internal/views/templates/results_inner.html
index 0f9450a..cca51d1 100644
--- a/internal/views/templates/results_inner.html
+++ b/internal/views/templates/results_inner.html
@@ -8,13 +8,6 @@
   {{range .Answers}}
   <div class="dialog-error">{{.}}</div>
   {{end}}
-  {{range .Infoboxes}}
-  <div class="infobox">
-    {{if .title}}<div class="title">{{.title}}</div>{{end}}
-    {{if .content}}<div>{{.content}}</div>{{end}}
-    {{if .img_src}}<img src="{{.img_src}}" alt="{{.title}}">{{end}}
-  </div>
-  {{end}}
 </div>
 {{end}}
 
diff --git a/internal/views/views.go b/internal/views/views.go
index 2dec5a7..6f23937 100644
--- a/internal/views/views.go
+++ b/internal/views/views.go
@@ -110,7 +110,7 @@ func init() {
 		"base.html", "index.html",
 	))
 	tmplFragment = template.Must(template.New("").Funcs(funcMap).ParseFS(tmplFS,
-		"results_inner.html", "result_item.html", "video_item.html",
+		"results.html", "results_inner.html", "result_item.html", "video_item.html",
 	))
 	tmplPreferences = template.Must(template.New("").Funcs(funcMap).ParseFS(tmplFS,
 		"base.html", "preferences.html",