From 46d99170d49b9e65ef1fa1b4e8a75286b7e896e1 Mon Sep 17 00:00:00 2001
From: svemagie <869694+svemagie@users.noreply.github.com>
Date: Mon, 16 Mar 2026 01:04:45 +0100
Subject: [PATCH] fix(webmentions): rename h2 to Interactions and apply text-lg
 font-semibold style

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 _includes/components/webmentions.njk | 2 +-
 js/webmentions.js                    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/_includes/components/webmentions.njk b/_includes/components/webmentions.njk
index f793697..752af2e 100644
--- a/_includes/components/webmentions.njk
+++ b/_includes/components/webmentions.njk
@@ -16,7 +16,7 @@
 
 {% if mentions.length %}
 <section class="webmentions mt-8 pt-8 border-t border-surface-200 dark:border-surface-700" id="webmentions">
-  <h2 class="text-xl font-bold text-surface-900 dark:text-surface-100 mb-6">
+  <h2 class="text-lg font-semibold text-surface-700 dark:text-surface-300 mb-6">
     Interactions ({{ mentions.length }})
   </h2>
 
diff --git a/js/webmentions.js b/js/webmentions.js
index 310bf56..ade85c1 100644
--- a/js/webmentions.js
+++ b/js/webmentions.js
@@ -630,8 +630,8 @@
     section.setAttribute('aria-label', 'Webmentions');
 
     const header = document.createElement('h2');
-    header.className = 'text-xl font-bold text-surface-900 dark:text-surface-100 mb-6';
-    header.textContent = 'Webmentions (0)';
+    header.className = 'text-lg font-semibold text-surface-700 dark:text-surface-300 mb-6';
+    header.textContent = 'Interactions (0)';
 
     section.appendChild(header);
     webmentionForm.parentNode.insertBefore(section, webmentionForm);