2 files changed, 4 insertions, 4 deletions

diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index 53f00ce..b2c5d9b 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -708,13 +708,13 @@ root {
   }
 
   .Showcase {
-    z-index: 0;
+    z-index: 1;
   }
 
   .SemanticHtml {
     pointer-events: none;
 
-    z-index: 1;
+    z-index: 2;
   }
 }
 
diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs
index 2879319..1b7c685 100644
--- a/src/dumbymap.mjs
+++ b/src/dumbymap.mjs
@@ -171,8 +171,8 @@ export const generateMaps = (container, {
   delete container.dataset.layout
 
   /** Prepare Semantic HTML part and blocks of contents inside */
-  const htmlHolder = container.querySelector('.SemanticHtml') ??
-    Array.from(container.children).find(e => e.id?.includes('main') || e.className.includes('main')) ??
+  const htmlHolder = container.querySelector('.SemanticHtml, main, :scope > article') ??
+    Array.from(container.children).find(e => e.id?.includes('main') || e.className?.includes?.('main')) ??
     Array.from(container.children).sort((a, b) => a.textContent.length < b.textContent.length).at(0)
   htmlHolder.classList.add('SemanticHtml')