diff --git a/public/site.css b/public/site.css
index ad136ba..5e0580b 100644
--- a/public/site.css
+++ b/public/site.css
@@ -1433,22 +1433,12 @@ h1 {
 }
 
 .knowledge-overview {
-  margin-top: 2.75rem;
-}
-
-.knowledge-overview > h1 {
-  margin: 0;
-  font-size: clamp(2.9rem, 9vw, 4rem);
-  letter-spacing: 0.01em;
-  line-height: 0.9;
+  margin-top: 0;
 }
 
 .knowledge-overview-intro {
   max-width: 35rem;
-  margin: 1rem 0 0;
-  color: var(--site-text-secondary);
-  font-size: 1.05rem;
-  line-height: 1.6;
+  text-align: right;
 }
 
 .knowledge-now-brief {
diff --git a/src/components/knowledge-index.tsx b/src/components/knowledge-index.tsx
index 8c4da68..19eeb49 100644
--- a/src/components/knowledge-index.tsx
+++ b/src/components/knowledge-index.tsx
@@ -72,13 +72,14 @@ export async function KnowledgeIndex(
       <PageNav profile={profile} active="knowledge" />
 
       <main class="knowledge-overview">
-        <h1>KNOWLEDGE</h1>
-
-        {overview && (
-          <p class="knowledge-overview-intro">
-            My public knowledge base, maintained by <a href="/knowledge/co">Co</a>.
-          </p>
-        )}
+        <header class="blog-index-header knowledge-index-header">
+          <h1>Knowledge</h1>
+          {overview && (
+            <p class="blog-index-summary knowledge-overview-intro">
+              My public knowledge base, maintained by <a href="/knowledge/co">Co</a>.
+            </p>
+          )}
+        </header>
 
         {graph.errors.length > 0 && (
           <section class="knowledge-error" aria-live="polite">