update

app/scripts/export-pdf.mjs

@@ -149,7 +149,9 @@ async function main() {
         } catch {}
       }, theme);
       const page = await context.newPage();
-      await page.goto(baseUrl, { waitUntil: 'networkidle', timeout: 60000 });
+      await page.goto(baseUrl, { waitUntil: 'load', timeout: 60000 });
+      // Give time for CDN scripts (Plotly/D3) to attach and for our fragment hooks to run
+      try { await page.waitForFunction(() => !!window.Plotly, { timeout: 8000 }); } catch {}
       // Compute slug from title if needed
       if (!args.filename) {
         const title = await page.evaluate(() => {

app/src/components/HtmlFragment.astro

@@ -51,8 +51,8 @@ const mountId = `frag-${Math.random().toString(36).slice(2)}`;
       }
     });
   };
-  // If Plotly isn't loaded yet, wait for the window load event
-  if (window.Plotly) execute();
+  // Ensure execution when ready: run now if Plotly is present or document already loaded; otherwise wait for 'load'
+  if (window.Plotly || document.readyState === 'complete') execute();
   else window.addEventListener('load', execute, { once: true });
   </script>
 

app/src/styles/components/_code.scss

@@ -9,11 +9,9 @@ section.content-grid pre { overflow-x: auto; width: 100%; max-width: 100%; box-s
 section.content-grid pre code { display: inline-block; min-width: 100%; }
 
 /* Wrap long lines on mobile to avoid overflow (URLs, etc.) */
-@media (max-width: 1100px) {
-  .astro-code,
-  section.content-grid pre { white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
-  section.content-grid pre code { white-space: pre-wrap; display: block; min-width: 0; }
-}
+.astro-code,
+section.content-grid pre { white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
+section.content-grid pre code { white-space: pre-wrap; display: block; min-width: 0; }
 
 html[data-theme='light'] .astro-code { background-color: var(--code-bg); }