indicate best catch path

static/style.css

@@ -6,7 +6,7 @@ body {
 section {
     margin-bottom: 5px;
     display: grid;
-    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-columns: 1fr 1fr 1fr 1fr;
     padding: 0 10px;
     align-items: center;
 }
@@ -30,7 +30,8 @@ section {
     text-align: end;
 }
 
-.when {
+.when,
+.how {
     text-align: center;
 }
 
@@ -52,3 +53,42 @@ section.alwaysup {
     );
     background-size: 50px 50px;
 }
+
+/* .catchpath:not(:first-of-type) {
+    margin-left: 5px;
+} */
+
+.catchpath {
+    align-items: center;
+    position: relative;
+}
+
+.catchpath img {
+    vertical-align: middle;
+}
+
+.hookset {
+    position: absolute;
+    top: -10px;
+    right: -10px;
+}
+
+.tug {
+    position: absolute;
+    background-color: black;
+    color: white;
+    bottom: -10px;
+    right: -10px;
+    padding: 2px;
+    font-size: 10px;
+    font-weight: bolder;
+    font-family: monospace;
+}
+
+.catchpath:not(:first-of-type)::before {
+    content: ">";
+    display: inline-block;
+    margin: 0 5px;
+    vertical-align: middle;
+    color: gray;
+}