Fix code callouts

Author: reakaleek

docs/testing/index.md

@@ -30,4 +30,19 @@ The files in this directory are used for testing purposes. Do not edit these fil
       {
         "key": "value"
       }
-      ```
+      ```
+      
+
+```yaml
+xpack:
+  security:
+    authc:
+      realms:
+        active_directory:
+          my_ad:
+            order: 0
+            domain_name: example.com <1>
+            url: ldaps://dc1.ad.example.com:3269, ldaps://dc2.ad.example.com:3269 <2>
+            load_balance:
+              type: "round_robin" <3>
+```

src/Elastic.Markdown/Assets/markdown/code.css

@@ -27,7 +27,8 @@
 			}
 		}
 
-		pre code .code-callout .hljs-number {
+		pre code .code-callout {
+			@apply ml-2;
 			transform: translateY(-1px);
 			user-select: none;
 		}
@@ -47,8 +48,12 @@
 			left: calc(-1 * var(--spacing) * 6);
 		}
 	}
+	
+	pre code .code-callout .hljs-number {
+		@apply text-white!;
+	}
 
-	pre code .code-callout .hljs-number,
+	pre code .code-callout,
 	ol.code-callouts li::before {
 		@apply text-xs!
 			text-white!

src/Elastic.Markdown/Myst/CodeBlocks/EnhancedCodeBlockParser.cs

@@ -238,7 +238,7 @@ private static List<CallOut> EnumerateAnnotations(Regex.ValueMatchEnumerator mat
 
 	private static CallOut? ParseMagicCallout(ValueMatch match, ref ReadOnlySpan<char> span, ref int callOutIndex, int originatingLine)
 	{
-		var startIndex = Math.Max(span.LastIndexOf("//"), span.LastIndexOf('#'));
+		var startIndex = Math.Max(span.LastIndexOf(" // "), span.LastIndexOf('#'));
 		if (startIndex <= 0)
 			return null;
 
@@ -248,7 +248,7 @@ private static List<CallOut> EnumerateAnnotations(Regex.ValueMatchEnumerator mat
 		return new CallOut
 		{
 			Index = callOutIndex,
-			Text = callout.TrimStart('/').TrimStart('#').TrimStart().ToString(),
+			Text = callout.TrimStart().TrimStart('/').TrimStart('#').TrimStart().ToString(),
 			InlineCodeAnnotation = true,
 			SliceStart = startIndex,
 			Line = originatingLine,
@@ -257,7 +257,7 @@ private static List<CallOut> EnumerateAnnotations(Regex.ValueMatchEnumerator mat
 
 	private static List<CallOut> ParseClassicCallOuts(ValueMatch match, ref ReadOnlySpan<char> span, ref int callOutIndex, int originatingLine)
 	{
-		var indexOfLastComment = Math.Max(span.LastIndexOf('#'), span.LastIndexOf("//"));
+		var indexOfLastComment = Math.Max(span.LastIndexOf('#'), span.LastIndexOf(" // "));
 		var startIndex = span.LastIndexOf('<');
 		if (startIndex <= 0)
 			return [];