diff --git a/docs/brand-design-language.md b/docs/brand-design-language.md
index 95611c6..353fb0e 100644
--- a/docs/brand-design-language.md
+++ b/docs/brand-design-language.md
@@ -105,6 +105,10 @@ Grouping is whitespace, type hierarchy and one hairline, `--gamecult-rule`
 the top edge of a section or row (`.gamecult-feature-card`, `.swarm-domain-card`)
 and named by the mono uppercase tracked label (`.gamecult-kicker`). An aside such
 as `.gamecult-evidence-note` is a left rule with no fill.
+List rows separate by the same top rule: each post on the blog index
+(`.gamecult-blog-card`) and each folder-listing row (`.page-listing .section-li >
+.section`) carries it, and a post's hover turns its title `--secondary` instead
+of filling the row.
 
 ## Ritual Paper — a scoped variant
 
diff --git a/site/quartz/styles/custom.scss b/site/quartz/styles/custom.scss
index 6f73842..68b235f 100644
--- a/site/quartz/styles/custom.scss
+++ b/site/quartz/styles/custom.scss
@@ -797,20 +797,8 @@ body[data-slug="Blog/witness-authoritative-networking"] {
   gap: 1rem;
 }
 
-.gamecult-blog-index-intro,
-.gamecult-blog-card {
-  border: 1px solid rgba(89, 183, 255, 0.09);
-  border-radius: 24px;
-  background:
-    linear-gradient(180deg, rgba(10, 16, 24, 0.98), rgba(8, 14, 22, 0.96)),
-    linear-gradient(180deg, rgba(89, 183, 255, 0.02), rgba(255, 138, 42, 0.02));
-  box-shadow:
-    0 24px 52px rgba(0, 0, 0, 0.22),
-    inset 0 1px 0 rgba(255, 255, 255, 0.03);
-}
-
 .gamecult-blog-index-intro {
-  padding: 1.25rem 1.5rem 1.35rem;
+  padding: 0 0 0.4rem;
 }
 
 .gamecult-blog-index-intro p {
@@ -822,27 +810,21 @@ body[data-slug="Blog/witness-authoritative-networking"] {
 
 .gamecult-blog-card-list {
   display: grid;
-  gap: 1rem;
+  gap: 0;
 }
 
 .gamecult-blog-card {
-  overflow: clip;
+  border-top: 1px solid var(--gamecult-rule);
 }
 
 .gamecult-blog-card-link {
   display: block;
-  padding: 1.2rem 1.45rem 1.3rem;
+  padding: 1.2rem 0 1.3rem;
   color: inherit;
 }
 
-.gamecult-blog-card-link:hover {
-  background:
-    radial-gradient(
-      circle at 88% 18%,
-      rgba(255, 138, 42, 0.1),
-      transparent 22%
-    ),
-    linear-gradient(180deg, rgba(12, 20, 31, 0.98), rgba(8, 14, 22, 0.96));
+.gamecult-blog-card-link:hover h2 {
+  color: var(--secondary);
 }
 
 .gamecult-blog-card-head {
@@ -1317,21 +1299,15 @@ body[data-slug="Blog/the-sleeping-colossus-refuses-the-throne"] {
 }
 
 .page-listing .section-li {
-  margin-bottom: 0.8rem;
+  margin-bottom: 0;
 }
 
 .page-listing .section-li > .section {
   display: grid;
   grid-template-columns: fit-content(8em) 1fr;
   gap: 0.9rem;
-  padding: 0.9rem 1rem;
-  border-radius: 16px;
-  border: 1px solid rgba(89, 183, 255, 0.08);
-  background: linear-gradient(
-    180deg,
-    rgba(14, 21, 32, 0.92),
-    rgba(10, 16, 25, 0.9)
-  );
+  padding: 0.9rem 0;
+  border-top: 1px solid var(--gamecult-rule);
 }
 
 .page-listing .section-li .desc h3 a {