Bold script context cues

index.html

@@ -120,11 +120,12 @@
         const turn = document.createElement("p");
         const speaker = speakers[index];
         const context = contexts[index];
-        const textWithContext = context ? `(${context}) ${text}` : text;
+        const contextPrefix = context ? `<strong>(${escapeHtml(context)})</strong> ` : "";
+        const escapedText = escapeHtml(text);
         if (speaker !== undefined && speaker !== "") {
-          turn.innerHTML = `<strong>[S${Number(speaker) + 1}]</strong> ${escapeHtml(textWithContext)}`;
+          turn.innerHTML = `<strong>[S${Number(speaker) + 1}]</strong> ${contextPrefix}${escapedText}`;
         } else {
-          turn.textContent = textWithContext;
+          turn.innerHTML = `${contextPrefix}${escapedText}`;
         }
         wrapper.appendChild(turn);
       });