From b4a2767e6824b760600a89c33f16e85149acb8a5 Mon Sep 17 00:00:00 2001
From: Meta Vens <rwvens@hotmail.com>
Date: Fri, 2 Oct 2026 19:09:33 +0200
Subject: [PATCH] Community hit gap: the row's gap is floored so neighbouring
 44px hit areas never cross

The hit size becomes --gamecult-hit on the community row, read by the ::after
hit box and by gap: max(0.35em, calc(var(--gamecult-hit) + 1px - 0.92em)).
At desktop title sizes the em gap wins unchanged; at 1.9rem the gap grows so
centres sit 45px apart.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 site/quartz/styles/custom.scss | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/site/quartz/styles/custom.scss b/site/quartz/styles/custom.scss
index e0219b5..ecef4d4 100644
--- a/site/quartz/styles/custom.scss
+++ b/site/quartz/styles/custom.scss
@@ -726,7 +726,8 @@ body[data-slug="Blog/witness-authoritative-networking"] {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
-  gap: 0.35em;
+  --gamecult-hit: 44px;
+  gap: max(0.35em, calc(var(--gamecult-hit) + 1px - 0.92em));
   margin-left: auto;
   flex: 0 0 auto;
   font-size: var(--gamecult-title-size);
@@ -749,16 +750,17 @@ body[data-slug="Blog/witness-authoritative-networking"] {
   width: 0.92em;
 }
 
-/* The hit area is at least 44px square around each box; the box and glyph
-   keep their em sizes. */
+/* The hit area is at least --gamecult-hit square around each box; the box and
+   glyph keep their em sizes. The row's gap is floored so neighbouring hit
+   areas never cross (centres at least --gamecult-hit + 1px apart). */
 .gamecult-nav-wordmark::after,
 .gamecult-nav-icon::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
-  width: max(100%, 44px);
-  height: max(100%, 44px);
+  width: max(100%, var(--gamecult-hit));
+  height: max(100%, var(--gamecult-hit));
   transform: translate(-50%, -50%);
 }