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;

static/syntax/rust.json

@@ -1,6 +1,6 @@
 {
     "patterns": [
-        { "regex": "\\/\\/.*", "is": "comment" },
+        { "regex": "\\/\\/.*\\n?", "is": "comment" },
         {
             "regex": "\\/\\*.*?\\*\\/",
             "flags": ["dotMatchesNewline"],
@@ -37,7 +37,8 @@
             }
         },
         { "regex": "[a-zA-Z_][a-zA-Z0-9_]*", "is": "identifier" },
-        { "regex": "'[a-zA-Z_][a-zA-Z0-9_]*", "is": "literal" }
+        { "regex": "'[a-zA-Z_][a-zA-Z0-9_]*", "is": "literal" },
+        { "regex": "\n", "is": "" }
     ],
     "keywords": {
         "_": { "into": "keyword1" },