fix dark mode button

app/src/components/ThemeToggle.astro

@@ -61,7 +61,7 @@
             }
           }
           // Fallback reasonable tiny header height
-          if (!topbar) topbar = 40;
+          if (!topbar) topbar = 60;
         }
         document.documentElement.style.setProperty('--hf-spaces-topbar', `${topbar}px`);
       } catch (_) {

app/src/content/chapters/introduction.mdx

@@ -48,6 +48,8 @@ Ideal for anyone creating **web‑native** and **interactive** content with **mi
 - For **scientists** writing modern web‑native papers
 - For **educators** building explorable lessons.
 
+**No web knowledge required**—just write in **Markdown**.
+
 This is not a CMS or a multi‑page blog—it's a **focused**, **single‑page**, **MDX‑first** workflow.
 
 ### Inspired by Distill

app/src/styles/_layout.css

@@ -99,8 +99,8 @@
 
 #theme-toggle {
   position: fixed;
-  top: calc(var(--spacing-2) + var(--hf-spaces-topbar, 0px));
-  right: var(--content-padding-x);
+  top: calc(var(--spacing-4) + var(--hf-spaces-topbar, 0px));
+  right: var(--spacing-3);
   margin: 0;
   z-index: var(--z-overlay);
 }