diff --git a/config/custom.css b/config/custom.css
index b98f26e..0c817c0 100755
--- a/config/custom.css
+++ b/config/custom.css
@@ -114,6 +114,15 @@ body.tab-nucking-futz    { background-image: url("/images/Nucking-futz-bg.png")
    SERVICE CARDS
    ───────────────────────────────────────────── */
 
+/* Force the service grid to always be exactly 4 equal columns */
+.services-group .service-grid,
+ul.services {
+  display:               grid !important;
+  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
+  gap:                   0.75rem !important;
+}
+
+/* Each card fills exactly one column — never spans more */
 .service-card {
   background:      var(--ng-card-bg) !important;
   backdrop-filter: var(--ng-blur);
@@ -122,9 +131,10 @@ body.tab-nucking-futz    { background-image: url("/images/Nucking-futz-bg.png")
   transition:      border-color var(--ng-transition),
                    box-shadow   var(--ng-transition),
                    transform    var(--ng-transition);
-  /* Never let a card stretch across the full page */
-  max-width:       420px;
-  width:           100%;
+  grid-column:     span 1 !important;
+  min-width:       0 !important;
+  width:           100% !important;
+  box-sizing:      border-box;
 }
 
 .service-card:hover {
@@ -440,4 +450,4 @@ body.tab-glance iframe[src*="glance.netgrimoire.com"] {
 .service-card:nth-child(3) { animation-delay: 0.08s; }
 .service-card:nth-child(4) { animation-delay: 0.12s; }
 .service-card:nth-child(5) { animation-delay: 0.16s; }
-.service-card:nth-child(6) { animation-delay: 0.20s; }
+.service-card:nth-child(6) { animation-delay: 0.20s; }
\ No newline at end of file