Individual highlighting for link and group labels

architype.css

@@ -279,7 +279,6 @@ body {
   justify-content: flex-start;
   border: 1px dashed var(--line);
   z-index: 1;
-  pointer-events: none;
 }
 
 .gridGroup.highlight {
@@ -288,8 +287,8 @@ body {
 }
 
 .gridGroupLabel {
-  width: calc(100% - 10px);
-  height: calc(100% - 10px);
+  max-width: 90%;
+  max-height: 90%;
   justify-content: center;
   font-size: 20px;
   overflow: hidden;
@@ -297,6 +296,10 @@ body {
   z-index: 1;
 }
 
+.gridGroupLabel.highlight {
+  color: var(--focus);
+}
+
 .gridLines {
   width: 100%;
   height: 100%;
@@ -319,6 +322,10 @@ body {
   padding: 3px;
 }
 
+.gridLinkLabel.highlight {
+  color: var(--focus);
+}
+
 .gridArrow {
   width: 100%;
   height: 100%;