diff --git a/docs/screenshots/notes-shared-light.png b/docs/screenshots/notes-shared-light.png
index 70d108d..f2dbb52 100644
Binary files a/docs/screenshots/notes-shared-light.png and b/docs/screenshots/notes-shared-light.png differ
diff --git a/docs/screenshots/notes-source.png b/docs/screenshots/notes-source.png
index b8c8976..3155a3b 100644
Binary files a/docs/screenshots/notes-source.png and b/docs/screenshots/notes-source.png differ
diff --git a/docs/screenshots/notes.png b/docs/screenshots/notes.png
index dd15ac4..d9c902f 100644
Binary files a/docs/screenshots/notes.png and b/docs/screenshots/notes.png differ
diff --git a/site/screenshots/notes-shared-light.webp b/site/screenshots/notes-shared-light.webp
index 3ca941e..34b122c 100644
Binary files a/site/screenshots/notes-shared-light.webp and b/site/screenshots/notes-shared-light.webp differ
diff --git a/site/screenshots/notes-source.webp b/site/screenshots/notes-source.webp
index d7190c1..bd8a1fc 100644
Binary files a/site/screenshots/notes-source.webp and b/site/screenshots/notes-source.webp differ
diff --git a/site/screenshots/notes.webp b/site/screenshots/notes.webp
index afed455..b687508 100644
Binary files a/site/screenshots/notes.webp and b/site/screenshots/notes.webp differ
diff --git a/web/src/routes/noter/+page.svelte b/web/src/routes/noter/+page.svelte
index c74b20b..a3e43a6 100644
--- a/web/src/routes/noter/+page.svelte
+++ b/web/src/routes/noter/+page.svelte
@@ -1367,30 +1367,37 @@
 	 *
 	 * Baggrunden er ikke gennemsigtig. En klæbende overskrift uden en er en
 	 * overskrift med rækkerne kørende igennem sig. */
+	/* One design with the sidebar headings: a rounded box, the same corner as an
+	   active menu item, filled just enough to separate one group of notes from the
+	   next. The hard rule underneath is gone — the box is the separation now. */
 	h3.group {
 		position: sticky;
 		top: 0;
 		z-index: 1;
-		margin: 0;
+		margin: 0 0 var(--s1);
 		background: var(--ground);
-		border-bottom: 1px solid var(--line);
+		border-radius: var(--radius);
 	}
 
+	/* Bold and plainly cased, in the reading ink — the faint uppercase label read as
+	   a different app's heading beside the sidebar's. Menu size, so the two tiers of
+	   heading in front of the eye at once are the same size. */
 	h3.group button {
 		display: flex;
 		align-items: center;
 		gap: var(--s2);
 		width: 100%;
 		padding: var(--s2) var(--s2);
-		font-size: var(--text-xs);
+		font-size: var(--menu-size);
 		font-weight: 600;
-		letter-spacing: 0.07em;
-		text-transform: uppercase;
-		color: var(--ink-faint);
+		letter-spacing: normal;
+		text-transform: none;
+		color: var(--ink);
+		border-radius: var(--radius);
 	}
 
 	h3.group button:hover {
-		color: var(--ink-muted);
+		background: var(--surface-sunken);
 	}
 
 	h3.group .mark {
@@ -1419,6 +1426,7 @@
 		margin-left: auto;
 		font-weight: 500;
 		letter-spacing: 0;
+		color: var(--ink-muted);
 	}
 
 	/* Stregen mellem rækkerne er væk.