diff --git a/src/styles/global.css b/src/styles/global.css
index 32bbaac..3bb24a0 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -334,9 +334,10 @@ code {
 .gallery {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
-  gap: 1px; /* tiles sit in a 1px grid of border color */
-  background: var(--border-subtle);
-  border: 1px solid var(--border-subtle);
+  /* Real gutters, not hairlines: each tile is banded with a pictogram at the
+     top, so a 1px rule left one card's footer touching the next card's banner
+     and the rows read as one continuous column. */
+  gap: var(--spacing-06);
   margin-block: var(--spacing-09) var(--spacing-10);
 }
 /* ------------------------------------------------------------------ *\
@@ -389,7 +390,7 @@ code {
   background: var(--layer-01);
   color: inherit;
   text-decoration: none;
-  border: 0;
+  border: 1px solid var(--border-subtle);
   position: relative;
   transition: background var(--dur-fast) var(--ease-productive);
 }