vertically aligned code comments

static/css/doc.css

@@ -75,7 +75,7 @@ main.doc {
                 --recursive-wght: 500;
                 --recursive-mono: 0.5; /* You didn't expect a proportional font being used for code, did you. */
                 font-size: 95%;
-                tab-size: 3;
+                tab-size: 3ch;
             }
 
             &.monospaced code {
@@ -160,7 +160,7 @@ main.doc {
                 & code {
                     --recursive-wght: 520;
                     font-size: 90%;
-                    tab-size: 2;
+                    tab-size: 2ch;
                 }
             }
         }

static/css/main.css

@@ -1198,6 +1198,11 @@ th-literate-program[data-mode="output"] {
     }
 }
 
+.th-syntax-highlighting th-comment-columns {
+    display: grid;
+    grid-template-columns: repeat(2, max-content);
+}
+
 .th-syntax-highlighting {
     & .export {
         text-decoration: underline dotted;