feat: add [data-demo] attribute, purge all inline CSS from docs

New data-demo attribute for demo blocks in documentation.
Replaced 16 files worth of inline style="" wrappers with <div data-demo>.
Only remaining style= is charts --size data injection (legitimate).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

site/content/docs/vault/status.md

@@ -14,7 +14,7 @@ ai-provider: "Anthropic"
 
 ## Inline Demo
 
-<div style="border:1px solid var(--border,#ccc);padding:1.5rem;border-radius:4px;display:flex;flex-direction:column;gap:0.5rem">
+<div data-demo>
   <p><span data-status="active">active</span> — currently running or in use</p>
   <p><span data-status="sleeping">sleeping</span> — paused or idle</p>
   <p><span data-status="blocked">blocked</span> — waiting on a dependency</p>

site/content/docs/vault/tasks.md

@@ -14,8 +14,8 @@ Add `data-task="<state>"` to a `<li>` element to render it as a task item with a
 
 ## Inline Demo
 
-<div style="border:1px solid var(--border,#ccc);padding:1.5rem;border-radius:4px">
-  <ul style="list-style:none;padding-left:0">
+<div data-demo>
+  <ul>
     <li data-task="done">Write the ASW reset layer</li>
     <li data-task="done">Publish initial token system</li>
     <li data-task="wip">Document all data-* attributes</li>

site/content/docs/vault/wikilinks.md

@@ -14,7 +14,7 @@ ai-provider: "Anthropic"
 
 ## Inline Demo
 
-<div style="border:1px solid var(--border,#ccc);padding:1.5rem;border-radius:4px">
+<div data-demo>
   <p>
     See the <a href="#" data-wikilink>Getting Started</a> page, or cross-reference
     <a href="#" data-wikilink>Core Concepts</a> and <a href="#" data-wikilink>Token System</a>.