added notes and improved visuals

templates/shadowrun.html

@@ -27,26 +27,31 @@
       padding-bottom: 0.5em;
     }
 
-    .grid {
+    .grid_at {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 1em;
     }
 
+    .grid {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+    }
+
     .grid-2 {
       grid-template-columns: repeat(2, 1fr);
     }
 
     .grid-3 {
-      grid-template-columns: repeat(3, 1fr);
+      grid-template-columns: 2fr 1fr 1fr;
     }
 
     .grid-4 {
-      grid-template-columns: repeat(4, 1fr);
+      grid-template-columns: 2fr 1fr 1fr 1fr;
     }
 
     .grid-6 {
-      grid-template-columns: repeat(6, 1fr);
+      grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
     }
 
     .skill-row {