diff --git a/public/site.css b/public/site.css
index bbd3f6f..2b1b901 100644
--- a/public/site.css
+++ b/public/site.css
@@ -195,11 +195,18 @@ h1 {
 }
 
 .blog-content a {
-  color: var(--site-accent);
-  text-decoration: none;
+  color: inherit;
+  text-decoration-line: underline;
+  text-decoration-color: var(--site-accent);
+  text-decoration-thickness: 0.1em;
+  text-underline-offset: 0.16em;
 }
 .blog-content a:hover {
-  text-decoration: underline;
+  text-decoration-color: color-mix(in srgb, var(--site-accent) 62%, var(--site-text));
+}
+
+.blog-content a:visited {
+  color: inherit;
 }
 
 .blog-content code {
@@ -1157,13 +1164,16 @@ h1 {
 
 .page-subtitle a,
 .page-footer a {
-  color: var(--site-accent);
-  text-decoration: none;
+  color: inherit;
+  text-decoration-line: underline;
+  text-decoration-color: var(--site-accent);
+  text-decoration-thickness: 0.1em;
+  text-underline-offset: 0.16em;
 }
 
 .page-subtitle a:hover,
 .page-footer a:hover {
-  text-decoration: underline;
+  text-decoration-color: color-mix(in srgb, var(--site-accent) 62%, var(--site-text));
 }
 
 .article-page {
@@ -1855,10 +1865,10 @@ h1 {
 .knowledge-sources a,
 .knowledge-connections a,
 .knowledge-correction a {
-  color: var(--site-link);
+  color: inherit;
   font-weight: 500;
   text-decoration-line: underline;
-  text-decoration-color: color-mix(in srgb, currentColor 62%, transparent);
+  text-decoration-color: var(--site-accent);
   text-decoration-thickness: 0.08em;
   text-underline-offset: 0.16em;
   transition: color 120ms ease, text-decoration-color 120ms ease;
@@ -1870,8 +1880,8 @@ h1 {
 .knowledge-sources a:hover,
 .knowledge-connections a:hover,
 .knowledge-correction a:hover {
-  color: color-mix(in srgb, var(--site-link) 76%, var(--site-text));
-  text-decoration-color: currentColor;
+  color: inherit;
+  text-decoration-color: color-mix(in srgb, var(--site-accent) 62%, var(--site-text));
 }
 
 .knowledge-overview-intro a:focus-visible,
diff --git a/src/components/knowledge-entry.tsx b/src/components/knowledge-entry.tsx
index 3d99bf2..6ce5867 100644
--- a/src/components/knowledge-entry.tsx
+++ b/src/components/knowledge-entry.tsx
@@ -72,7 +72,7 @@ export async function KnowledgeEntry({
 
   return (
     <div class="knowledge-shell">
-      <PageNav profile={profile} active={entry.slug === "now" ? "now" : "knowledge"} />
+      <PageNav profile={profile} active={entry.slug === "now" ? "other" : "knowledge"} />
 
       <main class="knowledge-entry">
         <a class="knowledge-back" href="/knowledge">← Knowledge</a>
diff --git a/src/components/other-index.tsx b/src/components/other-index.tsx
index f8957e0..c9f019c 100644
--- a/src/components/other-index.tsx
+++ b/src/components/other-index.tsx
@@ -1,9 +1,17 @@
 import { getProfile } from "../data.ts";
 import { PageNav } from "./page-nav.tsx";
 
-const entries = [
+export const otherEntries = [
   {
     index: "01",
+    href: "/knowledge/now",
+    title: "Now",
+    description: "My current understanding of the systems I am studying.",
+    meta: "Living note",
+    external: false,
+  },
+  {
+    index: "02",
     href: "/endorsements",
     title: "Endorsements",
     description: "Projects and people endorsed through public fund.at records.",
@@ -11,7 +19,7 @@ const entries = [
     external: false,
   },
   {
-    index: "02",
+    index: "03",
     href: "/type",
     title: "Around typeface",
     description: "A custom geometric display face drawn from the Ring's grammar.",
@@ -19,7 +27,7 @@ const entries = [
     external: false,
   },
   {
-    index: "03",
+    index: "04",
     href: "/type/processional",
     title: "Processional typeface",
     description: "A monumental display face built from pylons, slabs, and circular apertures.",
@@ -41,7 +49,7 @@ export async function OtherIndex() {
       </header>
 
       <nav class="other-index-list" aria-label="Other pages">
-        {entries.map((entry) => (
+        {otherEntries.map((entry) => (
           <a
             href={entry.href}
             target={entry.external ? "_blank" : undefined}
diff --git a/src/components/page-nav.tsx b/src/components/page-nav.tsx
index d881a35..8a92cf8 100644
--- a/src/components/page-nav.tsx
+++ b/src/components/page-nav.tsx
@@ -5,7 +5,6 @@ export type PageNavSection =
   | "blog"
   | "services"
   | "knowledge"
-  | "now"
   | "code"
   | "bluesky"
   | "other";
@@ -20,7 +19,6 @@ const links: Array<{
   { section: "services", href: "/services", label: "Services" },
   { section: "code", href: "/code", label: "Code" },
   { section: "knowledge", href: "/knowledge", label: "Knowledge" },
-  { section: "now", href: "/knowledge/now", label: "Now" },
   { section: "other", href: "/other", label: "Other" },
 ];
 
diff --git a/src/knowledge-landing.test.tsx b/src/knowledge-landing.test.tsx
index fadbbdb..bb4548c 100644
--- a/src/knowledge-landing.test.tsx
+++ b/src/knowledge-landing.test.tsx
@@ -112,7 +112,8 @@ test("Knowledge landing route renders the overview safely without embedding NOW"
   assert.doesNotMatch(html, /<img src=x|<div onclick=|<svg onload=|<script>alert\(/i);
   assert.match(html, /&lt;img src=x onerror=&quot;alert\(&#39;overview&#39;\)&quot;&gt;/);
   assert.doesNotMatch(html, /NOW lead|alert\(&#39;now&#39;\)|knowledge-now-brief/);
-  assert.match(html, /href="\/knowledge\/now"[^>]*>Now<\/a>/);
+  assert.doesNotMatch(html, /href="\/knowledge\/now"[^>]*>Now<\/a>/);
+  assert.match(html, /href="\/other"[^>]*>Other<\/a>/);
   assert.doesNotMatch(html, /href="\/public\/charts\.css"/);
   assert.match(html, /<link rel="icon" href="\/public\/favicon\.svg" type="image\/svg\+xml"\/>/);
   assert.match(html, /<link rel="icon" href="\/public\/favicon-32x32\.png" type="image\/png" sizes="32x32"\/>/);
@@ -172,15 +173,16 @@ test("Knowledge preview excerpt truncates on a nearby word boundary", () => {
   assert.equal(excerpt, "one two three four five…");
 });
 
-test("NOW has its own top-level navigation state", async () => {
-  const stream = renderToReadableStream(<PageNav profile={null} active="now" />);
+test("NOW is grouped under Other in top-level navigation", async () => {
+  const stream = renderToReadableStream(<PageNav profile={null} active="other" />);
   const html = await new Response(stream).text();
 
   assert.match(
     html,
-    /<a href="\/knowledge\/now" class="active" aria-current="page">Now<\/a>/,
+    /<a href="\/other" class="active" aria-current="page">Other<\/a>/,
   );
   assert.match(html, /<a href="\/knowledge">Knowledge<\/a>/);
+  assert.doesNotMatch(html, />Now<\/a>/);
 });
 
 test("NOW uses title case in the browser tab", async () => {
diff --git a/src/services.test.tsx b/src/services.test.tsx
index 554b286..9db343c 100644
--- a/src/services.test.tsx
+++ b/src/services.test.tsx
@@ -1,6 +1,8 @@
 import assert from "node:assert/strict";
+import { readFile } from "node:fs/promises";
 import test from "node:test";
 import { renderToReadableStream } from "hono/jsx/streaming";
+import { otherEntries } from "./components/other-index.tsx";
 import { PageNav } from "./components/page-nav.tsx";
 import { ServicesContent } from "./components/services.tsx";
 import { Shell } from "./components/shell.tsx";
@@ -13,10 +15,21 @@ test("site navigation uses the requested order and marks Services active", async
   const html = await render(<PageNav profile={null} active="services" />);
   const labels = [...html.matchAll(/<a href="[^"]+"[^>]*>([^<]+)<\/a>/g)].map((match) => match[1]);
 
-  assert.deepEqual(labels, ["About", "Blog", "Services", "Code", "Knowledge", "Now", "Other"]);
+  assert.deepEqual(labels, ["About", "Blog", "Services", "Code", "Knowledge", "Other"]);
   assert.match(html, /<a href="\/services" class="active" aria-current="page">Services<\/a>/);
 });
 
+test("Other begins with the Now page", () => {
+  assert.deepEqual(otherEntries[0], {
+    index: "01",
+    href: "/knowledge/now",
+    title: "Now",
+    description: "My current understanding of the systems I am studying.",
+    meta: "Living note",
+    external: false,
+  });
+});
+
 test("Services page presents the three reviewed offers and contact link", async () => {
   const html = await render(
     <Shell title="Services">
@@ -31,3 +44,12 @@ test("Services page presents the three reviewed offers and contact link", async
   assert.match(html, /href="https:\/\/x\.com\/majamediaco\/status\/2083629089349566747"/);
   assert.match(html, /href="mailto:cameron@pfiffer\.org"/);
 });
+
+test("prose links keep the text color and use the accent only for the underline", async () => {
+  const css = await readFile(new URL("../public/site.css", import.meta.url), "utf8");
+  const linkRule = css.match(/\.blog-content a \{([\s\S]*?)\n\}/)?.[1] ?? "";
+
+  assert.match(linkRule, /color: inherit/);
+  assert.match(linkRule, /text-decoration-color: var\(--site-accent\)/);
+  assert.doesNotMatch(linkRule, /(?:^|\n)\s*color: var\(--site-accent\)/);
+});