diff --git a/lib/scope-internal.ts b/lib/scope-internal.ts
index 9351d0a81..b933b890d 100644
--- a/lib/scope-internal.ts
+++ b/lib/scope-internal.ts
@@ -5,6 +5,54 @@ import { createTask } from "./task.ts";
 
 import type { Context, Operation, Scope, Task } from "./types.ts";
 
+// Shared prototype so all scope instances have the same hidden class,
+// avoiding deoptimization when V8 encounters differently-shaped scope objects.
+const scopePrototype = {
+  [Symbol.toStringTag]: "Scope",
+  get<T>(this: ScopeInternal, context: Context<T>): T | undefined {
+    return (this.contexts[context.name] ?? context.defaultValue) as
+      | T
+      | undefined;
+  },
+  set<T>(this: ScopeInternal, context: Context<T>, value: T): T {
+    return this.contexts[context.name] = value;
+  },
+  expect<T>(this: ScopeInternal, context: Context<T>): T {
+    let value = this.get(context);
+    if (typeof value === "undefined") {
+      let error = new Error(context.name);
+      error.name = `MissingContextError`;
+      throw error;
+    }
+    return value;
+  },
+  delete<T>(this: ScopeInternal, context: Context<T>): boolean {
+    return delete this.contexts[context.name];
+  },
+  hasOwn<T>(this: ScopeInternal, context: Context<T>): boolean {
+    return !!Reflect.getOwnPropertyDescriptor(this.contexts, context.name);
+  },
+  run<T>(this: ScopeInternal, operation: () => Operation<T>): Task<T> {
+    return createTask({ owner: this, operation });
+  },
+  spawn<T>(
+    this: ScopeInternal,
+    operation: () => Operation<T>,
+  ): Operation<Task<T>> {
+    // deno-lint-ignore no-this-alias
+    let owner = this;
+    return {
+      *[Symbol.iterator]() {
+        return createTask({ owner, operation });
+      },
+    };
+  },
+  ensure(this: ScopeInternal, op: () => Operation<void>): () => void {
+    this.destructors.add(op);
+    return () => this.destructors.delete(op);
+  },
+};
+
 export function createScopeInternal(
   parent?: Scope,
 ): [ScopeInternal, () => Operation<void>] {
@@ -14,46 +62,9 @@ export function createScopeInternal(
   let contexts: Record<string, unknown> = Object.create(
     parent ? (parent as ScopeInternal).contexts : null,
   );
-  let scope: ScopeInternal = Object.create({
-    [Symbol.toStringTag]: "Scope",
-    contexts,
-    get<T>(context: Context<T>): T | undefined {
-      return (contexts[context.name] ?? context.defaultValue) as T | undefined;
-    },
-    set<T>(context: Context<T>, value: T): T {
-      return contexts[context.name] = value;
-    },
-    expect<T>(context: Context<T>): T {
-      let value = scope.get(context);
-      if (typeof value === "undefined") {
-        let error = new Error(context.name);
-        error.name = `MissingContextError`;
-        throw error;
-      }
-      return value;
-    },
-    delete<T>(context: Context<T>): boolean {
-      return delete contexts[context.name];
-    },
-    hasOwn<T>(context: Context<T>): boolean {
-      return !!Reflect.getOwnPropertyDescriptor(contexts, context.name);
-    },
-    run<T>(operation: () => Operation<T>): Task<T> {
-      return createTask({ owner: scope, operation });
-    },
-    spawn<T>(operation: () => Operation<T>): Operation<Task<T>> {
-      return {
-        *[Symbol.iterator]() {
-          return createTask({ owner: scope, operation });
-        },
-      };
-    },
-
-    ensure(op: () => Operation<void>): () => void {
-      destructors.add(op);
-      return () => destructors.delete(op);
-    },
-  });
+  let scope: ScopeInternal = Object.create(scopePrototype);
+  scope.contexts = contexts;
+  scope.destructors = destructors;
 
   scope.set(Priority, scope.expect(Priority) + 1);
   scope.set(Children, new Set());
@@ -97,5 +108,6 @@ export function createScopeInternal(
 
 export interface ScopeInternal extends Scope, AsyncDisposable {
   contexts: Record<string, unknown>;
+  destructors: Set<() => Operation<void>>;
   ensure(op: () => Operation<void>): () => void;
 }
diff --git a/www/assets/prism-atom-one-dark.css b/www/assets/prism-atom-one-dark.css
index 653e01920..6999c4fc1 100644
--- a/www/assets/prism-atom-one-dark.css
+++ b/www/assets/prism-atom-one-dark.css
@@ -24,11 +24,11 @@ pre {
   margin-right: -16px;
   border-left: 4px solid
     rgba(
-      0,
-      0,
-      0,
-      0
-    ); /* Set placeholder for highlight accent border color to transparent */
+    0,
+    0,
+    0,
+    0
+  ); /* Set placeholder for highlight accent border color to transparent */
 }
 
 .code-line.inserted {
@@ -275,10 +275,7 @@ pre[class*="language-"] {
   color: var(--prism-hue-3);
 }
 
-.language-javascript
-  .token.template-string
-  > .token.interpolation
-  > .token.interpolation-punctuation.punctuation {
+.language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation {
   color: var(--prism-hue-5-2);
 }
 
@@ -406,9 +403,7 @@ div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
 
 /* Hovering over a linkable line number (in the gutter area) */
 /* Requires Line Numbers plugin as well */
-pre[id].linkable-line-numbers.linkable-line-numbers
-  span.line-numbers-rows
-  > span:hover:before {
+pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before {
   background-color: var(--prism-syntax-cursor-line);
 }
 
diff --git a/www/blog/2026-02-06-structured-concurrency-for-javascript/structured-concurrency-js.svg b/www/blog/2026-02-06-structured-concurrency-for-javascript/structured-concurrency-js.svg
index 92e46fce7..7cc68bff2 100644
--- a/www/blog/2026-02-06-structured-concurrency-for-javascript/structured-concurrency-js.svg
+++ b/www/blog/2026-02-06-structured-concurrency-for-javascript/structured-concurrency-js.svg
@@ -133,7 +133,8 @@
       />
     </filter>
 
-    <style>/* ---- Font stacks ---- */
+    <style>
+    /* ---- Font stacks ---- */
     .svg-title {
       font-family:
         ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica,
@@ -410,7 +411,8 @@
       .svg-label-heading {
         fill: #f3f4f6;
       }
-    }</style>
+    }
+    </style>
   </defs>
 
   <!-- ======== BACKGROUND ======== -->
diff --git a/www/blog/2026-02-13-abortcontroller-abort-doesnt-mean-it-stopped/abortcontroller-abort.svg b/www/blog/2026-02-13-abortcontroller-abort-doesnt-mean-it-stopped/abortcontroller-abort.svg
index 708d102db..4108b853d 100644
--- a/www/blog/2026-02-13-abortcontroller-abort-doesnt-mean-it-stopped/abortcontroller-abort.svg
+++ b/www/blog/2026-02-13-abortcontroller-abort-doesnt-mean-it-stopped/abortcontroller-abort.svg
@@ -94,7 +94,8 @@
       />
     </filter>
 
-    <style>/* ---- Font stacks ---- */
+    <style>
+    /* ---- Font stacks ---- */
     .svg-title {
       font-family:
         ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica,
@@ -282,223 +283,280 @@
     /* ---- Terminal animation ---- */
     /*
      * 10s total cycle: 3s animation + 5s hold + 2s pause
-     * 
+     *
      * Timeline:
      * 0-0.2s (0-2%): Cursor blinks
-     * 0.2-3s (2-30%): Lines appear sequentially  
+     * 0.2-3s (2-30%): Lines appear sequentially
      * 3-8s (30-80%): Hold final state (5s reading time)
      * 8-10s (80-100%): Blank pause before restart
      */
 
     /* Left terminal line keyframes */
     @keyframes line-L1 {
-      0%, 1.9% {
+      0%,
+      1.9% {
         opacity: 0;
       }
-      2%, 80% {
+      2%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-L2 {
-      0%, 3.9% {
+      0%,
+      3.9% {
         opacity: 0;
       }
-      4%, 80% {
+      4%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-L3 {
-      0%, 5.9% {
+      0%,
+      5.9% {
         opacity: 0;
       }
-      6%, 80% {
+      6%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-L4 {
-      0%, 6.9% {
+      0%,
+      6.9% {
         opacity: 0;
       }
-      7%, 80% {
+      7%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-L5 {
-      0%, 8.4% {
+      0%,
+      8.4% {
         opacity: 0;
       }
-      8.5%, 80% {
+      8.5%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-L6 {
-      0%, 9.9% {
+      0%,
+      9.9% {
         opacity: 0;
       }
-      10%, 80% {
+      10%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-L7 {
-      0%, 11.4% {
+      0%,
+      11.4% {
         opacity: 0;
       }
-      11.5%, 80% {
+      11.5%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-L8 {
-      0%, 13.9% {
+      0%,
+      13.9% {
         opacity: 0;
       }
-      14%, 80% {
+      14%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-L9 {
-      0%, 15.9% {
+      0%,
+      15.9% {
         opacity: 0;
       }
-      16%, 80% {
+      16%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-L10 {
-      0%, 17.9% {
+      0%,
+      17.9% {
         opacity: 0;
       }
-      18%, 80% {
+      18%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-L11 {
-      0%, 19.9% {
+      0%,
+      19.9% {
         opacity: 0;
       }
-      20%, 80% {
+      20%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-L12 {
-      0%, 21.9% {
+      0%,
+      21.9% {
         opacity: 0;
       }
-      22%, 80% {
+      22%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-L13 {
-      0%, 23.9% {
+      0%,
+      23.9% {
         opacity: 0;
       }
-      24%, 80% {
+      24%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
 
     /* Right terminal line keyframes */
     @keyframes line-R1 {
-      0%, 1.9% {
+      0%,
+      1.9% {
         opacity: 0;
       }
-      2%, 80% {
+      2%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-R2 {
-      0%, 3.9% {
+      0%,
+      3.9% {
         opacity: 0;
       }
-      4%, 80% {
+      4%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-R3 {
-      0%, 5.9% {
+      0%,
+      5.9% {
         opacity: 0;
       }
-      6%, 80% {
+      6%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-R4 {
-      0%, 6.9% {
+      0%,
+      6.9% {
         opacity: 0;
       }
-      7%, 80% {
+      7%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-R5 {
-      0%, 8.4% {
+      0%,
+      8.4% {
         opacity: 0;
       }
-      8.5%, 80% {
+      8.5%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
     @keyframes line-R6 {
-      0%, 11.4% {
+      0%,
+      11.4% {
         opacity: 0;
       }
-      11.5%, 80% {
+      11.5%,
+      80% {
         opacity: 1;
       }
-      80.1%, 100% {
+      80.1%,
+      100% {
         opacity: 0;
       }
     }
@@ -635,7 +693,8 @@
         opacity: 0;
         animation: none;
       }
-    }</style>
+    }
+    </style>
   </defs>
 
   <!-- ======== BACKGROUND ======== -->
diff --git a/www/blog/2026-04-07-strict-structured-concurrency/foreground-background.svg b/www/blog/2026-04-07-strict-structured-concurrency/foreground-background.svg
index 85bf4c607..c7fb6cc59 100644
--- a/www/blog/2026-04-07-strict-structured-concurrency/foreground-background.svg
+++ b/www/blog/2026-04-07-strict-structured-concurrency/foreground-background.svg
@@ -114,7 +114,8 @@
       <path d="M 0 1 L 9 5 L 0 9 z" class="svg-ret-arrow-fill" />
     </marker>
 
-    <style>.svg-mono {
+    <style>
+    .svg-mono {
       font-family:
         ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
         "Liberation Mono", "Courier New", monospace;
@@ -144,20 +145,36 @@
     }
 
     /* ---- Light mode (default) ---- */
-    .svg-bg-light { display: block; }
-    .svg-bg-dark { display: none; }
-    .svg-glow-light { display: block; }
-    .svg-glow-dark { display: none; }
-    .svg-shadow-light { display: block; }
-    .svg-shadow-dark { display: none; }
+    .svg-bg-light {
+      display: block;
+    }
+    .svg-bg-dark {
+      display: none;
+    }
+    .svg-glow-light {
+      display: block;
+    }
+    .svg-glow-dark {
+      display: none;
+    }
+    .svg-shadow-light {
+      display: block;
+    }
+    .svg-shadow-dark {
+      display: none;
+    }
 
     .svg-scope-box {
       fill: #f7fbff;
       stroke: #97b7ff;
       stroke-width: 2;
     }
-    .svg-scope-label-bg { fill: #e6f0ff; }
-    .svg-scope-label-text { fill: #1e3a8a; }
+    .svg-scope-label-bg {
+      fill: #e6f0ff;
+    }
+    .svg-scope-label-text {
+      fill: #1e3a8a;
+    }
 
     .svg-section-box-fg {
       fill: none;
@@ -179,14 +196,20 @@
       stroke: #2b6ff7;
       stroke-width: 2;
     }
-    .svg-fg-dot { fill: #2b6ff7; }
+    .svg-fg-dot {
+      fill: #2b6ff7;
+    }
     .svg-fg-line {
       stroke: #2b6ff7;
       stroke-width: 2;
       fill: none;
     }
-    .svg-fg-arrow-fill { fill: #2b6ff7; }
-    .svg-fg-mono { fill: #1e3a8a; }
+    .svg-fg-arrow-fill {
+      fill: #2b6ff7;
+    }
+    .svg-fg-mono {
+      fill: #1e3a8a;
+    }
 
     .svg-ret-box {
       fill: #ffffff;
@@ -198,19 +221,31 @@
       stroke-width: 2;
       fill: none;
     }
-    .svg-ret-arrow-fill { fill: #16a34a; }
-    .svg-ret-text { fill: #16a34a; }
+    .svg-ret-arrow-fill {
+      fill: #16a34a;
+    }
+    .svg-ret-text {
+      fill: #16a34a;
+    }
 
     .svg-bg-box {
       fill: #ffffff;
       stroke: #64748b;
       stroke-width: 2;
     }
-    .svg-bg-dot { fill: #64748b; }
-    .svg-bg-mono { fill: #334155; }
+    .svg-bg-dot {
+      fill: #64748b;
+    }
+    .svg-bg-mono {
+      fill: #334155;
+    }
 
-    .svg-label-fg { fill: #2b6ff7; }
-    .svg-label-bg { fill: #6b7280; }
+    .svg-label-fg {
+      fill: #2b6ff7;
+    }
+    .svg-label-bg {
+      fill: #6b7280;
+    }
 
     .svg-annotation {
       fill: #6b7280;
@@ -223,52 +258,97 @@
 
     /* ---- Dark mode ---- */
     @media (prefers-color-scheme: dark) {
-      .svg-bg-light { display: none; }
-      .svg-bg-dark { display: block; }
-      .svg-glow-light { display: none; }
-      .svg-glow-dark { display: block; }
-      .svg-shadow-light { display: none; }
-      .svg-shadow-dark { display: block; }
+      .svg-bg-light {
+        display: none;
+      }
+      .svg-bg-dark {
+        display: block;
+      }
+      .svg-glow-light {
+        display: none;
+      }
+      .svg-glow-dark {
+        display: block;
+      }
+      .svg-shadow-light {
+        display: none;
+      }
+      .svg-shadow-dark {
+        display: block;
+      }
 
       .svg-scope-box {
         fill: #111827;
         stroke: #374151;
       }
-      .svg-scope-label-bg { fill: #1e3a8a; }
-      .svg-scope-label-text { fill: #e5e7eb; }
+      .svg-scope-label-bg {
+        fill: #1e3a8a;
+      }
+      .svg-scope-label-text {
+        fill: #e5e7eb;
+      }
 
-      .svg-section-box-fg { stroke: #60a5fa; }
-      .svg-section-box-bg { stroke: #6b7280; }
+      .svg-section-box-fg {
+        stroke: #60a5fa;
+      }
+      .svg-section-box-bg {
+        stroke: #6b7280;
+      }
 
       .svg-fg-box {
         fill: #1f2937;
         stroke: #60a5fa;
       }
-      .svg-fg-dot { fill: #60a5fa; }
-      .svg-fg-line { stroke: #60a5fa; }
-      .svg-fg-arrow-fill { fill: #60a5fa; }
-      .svg-fg-mono { fill: #e5e7eb; }
+      .svg-fg-dot {
+        fill: #60a5fa;
+      }
+      .svg-fg-line {
+        stroke: #60a5fa;
+      }
+      .svg-fg-arrow-fill {
+        fill: #60a5fa;
+      }
+      .svg-fg-mono {
+        fill: #e5e7eb;
+      }
 
       .svg-ret-box {
         fill: #1f2937;
         stroke: #4ade80;
       }
-      .svg-ret-line { stroke: #4ade80; }
-      .svg-ret-arrow-fill { fill: #4ade80; }
-      .svg-ret-text { fill: #4ade80; }
+      .svg-ret-line {
+        stroke: #4ade80;
+      }
+      .svg-ret-arrow-fill {
+        fill: #4ade80;
+      }
+      .svg-ret-text {
+        fill: #4ade80;
+      }
 
       .svg-bg-box {
         fill: #1f2937;
         stroke: #94a3b8;
       }
-      .svg-bg-dot { fill: #94a3b8; }
-      .svg-bg-mono { fill: #cbd5e1; }
+      .svg-bg-dot {
+        fill: #94a3b8;
+      }
+      .svg-bg-mono {
+        fill: #cbd5e1;
+      }
 
-      .svg-label-fg { fill: #60a5fa; }
-      .svg-label-bg { fill: #9ca3af; }
+      .svg-label-fg {
+        fill: #60a5fa;
+      }
+      .svg-label-bg {
+        fill: #9ca3af;
+      }
 
-      .svg-annotation { fill: #9ca3af; }
-    }</style>
+      .svg-annotation {
+        fill: #9ca3af;
+      }
+    }
+    </style>
   </defs>
 
   <!-- ======== BACKGROUND (transparent) ======== -->
diff --git a/www/blog/2026-04-07-strict-structured-concurrency/strict-structured-concurrency.svg b/www/blog/2026-04-07-strict-structured-concurrency/strict-structured-concurrency.svg
index ab29bfd54..bf430dc05 100644
--- a/www/blog/2026-04-07-strict-structured-concurrency/strict-structured-concurrency.svg
+++ b/www/blog/2026-04-07-strict-structured-concurrency/strict-structured-concurrency.svg
@@ -152,7 +152,8 @@
       <rect x="0" y="0" width="920" height="630" />
     </clipPath>
 
-    <style>/* ---- Font stacks ---- */
+    <style>
+    /* ---- Font stacks ---- */
     .svg-title {
       font-family:
         ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica,
@@ -205,87 +206,237 @@
     }
 
     /* ---- Light mode (default) ---- */
-    .svg-bg-light { display: block; }
-    .svg-bg-dark { display: none; }
-    .svg-glow-light { display: block; }
-    .svg-glow-dark { display: none; }
-    .svg-shadow-light { display: block; }
-    .svg-shadow-dark { display: none; }
-
-    .svg-grid { opacity: 0.25; }
-    .svg-grid-line { stroke: #c9d9f2; stroke-width: 1; }
-    .svg-card { fill: #ffffff; }
-    .svg-divider { stroke: #d6e4ff; stroke-dasharray: 4 4; stroke-width: 1; }
-
-    .svg-fg-bar { fill: #2b6ff7; opacity: 0.85; }
-    .svg-fg-bar-border { fill: none; stroke: #2b6ff7; stroke-width: 2; }
-
-    .svg-bg-bar { fill: #9ca3af; opacity: 0.35; }
-    .svg-bg-bar-border { fill: none; stroke: #9ca3af; stroke-width: 1.5; stroke-dasharray: 6 3; }
-
-    .svg-fade-light { display: block; }
-    .svg-fade-dark { display: none; }
-
-    .svg-boundary-line { stroke: #2b6ff7; stroke-width: 2.5; }
-    .svg-boundary-dashed { stroke: #9ca3af; stroke-width: 1.5; stroke-dasharray: 6 4; }
-    .svg-ret-arrow-fill { fill: #16a34a; }
-    .svg-ret-line { stroke: #16a34a; stroke-width: 2; fill: none; }
-    .svg-ret-text { fill: #16a34a; }
-
-    .svg-warn-fill { fill: #ea580c; opacity: 0.18; }
-    .svg-warn-border { fill: none; stroke: #ea580c; stroke-width: 1.5; stroke-dasharray: 4 3; }
-    .svg-warn-text { fill: #ea580c; }
-
-    .svg-title { fill: url(#ink); }
-    .svg-subtitle { fill: #33547b; }
-    .svg-caption { fill: #23435f; }
-    .svg-mono-sm { fill: #1e3a8a; }
-    .svg-fg-label { fill: #2b6ff7; }
-    .svg-bg-label { fill: #6b7280; }
-    .svg-boundary-label { fill: #2b6ff7; }
-    .svg-label-heading { fill: #0b2a5b; }
+    .svg-bg-light {
+      display: block;
+    }
+    .svg-bg-dark {
+      display: none;
+    }
+    .svg-glow-light {
+      display: block;
+    }
+    .svg-glow-dark {
+      display: none;
+    }
+    .svg-shadow-light {
+      display: block;
+    }
+    .svg-shadow-dark {
+      display: none;
+    }
+
+    .svg-grid {
+      opacity: 0.25;
+    }
+    .svg-grid-line {
+      stroke: #c9d9f2;
+      stroke-width: 1;
+    }
+    .svg-card {
+      fill: #ffffff;
+    }
+    .svg-divider {
+      stroke: #d6e4ff;
+      stroke-dasharray: 4 4;
+      stroke-width: 1;
+    }
+
+    .svg-fg-bar {
+      fill: #2b6ff7;
+      opacity: 0.85;
+    }
+    .svg-fg-bar-border {
+      fill: none;
+      stroke: #2b6ff7;
+      stroke-width: 2;
+    }
+
+    .svg-bg-bar {
+      fill: #9ca3af;
+      opacity: 0.35;
+    }
+    .svg-bg-bar-border {
+      fill: none;
+      stroke: #9ca3af;
+      stroke-width: 1.5;
+      stroke-dasharray: 6 3;
+    }
+
+    .svg-fade-light {
+      display: block;
+    }
+    .svg-fade-dark {
+      display: none;
+    }
+
+    .svg-boundary-line {
+      stroke: #2b6ff7;
+      stroke-width: 2.5;
+    }
+    .svg-boundary-dashed {
+      stroke: #9ca3af;
+      stroke-width: 1.5;
+      stroke-dasharray: 6 4;
+    }
+    .svg-ret-arrow-fill {
+      fill: #16a34a;
+    }
+    .svg-ret-line {
+      stroke: #16a34a;
+      stroke-width: 2;
+      fill: none;
+    }
+    .svg-ret-text {
+      fill: #16a34a;
+    }
+
+    .svg-warn-fill {
+      fill: #ea580c;
+      opacity: 0.18;
+    }
+    .svg-warn-border {
+      fill: none;
+      stroke: #ea580c;
+      stroke-width: 1.5;
+      stroke-dasharray: 4 3;
+    }
+    .svg-warn-text {
+      fill: #ea580c;
+    }
+
+    .svg-title {
+      fill: url(#ink);
+    }
+    .svg-subtitle {
+      fill: #33547b;
+    }
+    .svg-caption {
+      fill: #23435f;
+    }
+    .svg-mono-sm {
+      fill: #1e3a8a;
+    }
+    .svg-fg-label {
+      fill: #2b6ff7;
+    }
+    .svg-bg-label {
+      fill: #6b7280;
+    }
+    .svg-boundary-label {
+      fill: #2b6ff7;
+    }
+    .svg-label-heading {
+      fill: #0b2a5b;
+    }
 
     /* ---- Dark mode ---- */
     @media (prefers-color-scheme: dark) {
-      .svg-bg-light { display: none; }
-      .svg-bg-dark { display: block; }
-      .svg-glow-light { display: none; }
-      .svg-glow-dark { display: block; }
-      .svg-shadow-light { display: none; }
-      .svg-shadow-dark { display: block; }
-
-      .svg-grid { opacity: 0.20; }
-      .svg-grid-line { stroke: #374151; }
-      .svg-card { fill: #1f2937; }
-      .svg-divider { stroke: #374151; }
-
-      .svg-fg-bar { fill: #60a5fa; opacity: 0.80; }
-      .svg-fg-bar-border { stroke: #60a5fa; }
-
-      .svg-bg-bar { fill: #6b7280; opacity: 0.35; }
-      .svg-bg-bar-border { stroke: #6b7280; }
-
-      .svg-fade-light { display: none; }
-      .svg-fade-dark { display: block; }
-
-      .svg-boundary-line { stroke: #60a5fa; }
-      .svg-boundary-dashed { stroke: #6b7280; }
-      .svg-ret-arrow-fill { fill: #4ade80; }
-      .svg-ret-line { stroke: #4ade80; }
-      .svg-ret-text { fill: #4ade80; }
-
-      .svg-warn-fill { fill: #fb923c; opacity: 0.18; }
-      .svg-warn-border { stroke: #fb923c; }
-      .svg-warn-text { fill: #fb923c; }
-
-      .svg-title { fill: #f3f4f6; }
-      .svg-subtitle { fill: #9ca3af; }
-      .svg-caption { fill: #9ca3af; }
-      .svg-mono-sm { fill: #e5e7eb; }
-      .svg-fg-label { fill: #60a5fa; }
-      .svg-bg-label { fill: #9ca3af; }
-      .svg-boundary-label { fill: #60a5fa; }
-      .svg-label-heading { fill: #f3f4f6; }
+      .svg-bg-light {
+        display: none;
+      }
+      .svg-bg-dark {
+        display: block;
+      }
+      .svg-glow-light {
+        display: none;
+      }
+      .svg-glow-dark {
+        display: block;
+      }
+      .svg-shadow-light {
+        display: none;
+      }
+      .svg-shadow-dark {
+        display: block;
+      }
+
+      .svg-grid {
+        opacity: 0.20;
+      }
+      .svg-grid-line {
+        stroke: #374151;
+      }
+      .svg-card {
+        fill: #1f2937;
+      }
+      .svg-divider {
+        stroke: #374151;
+      }
+
+      .svg-fg-bar {
+        fill: #60a5fa;
+        opacity: 0.80;
+      }
+      .svg-fg-bar-border {
+        stroke: #60a5fa;
+      }
+
+      .svg-bg-bar {
+        fill: #6b7280;
+        opacity: 0.35;
+      }
+      .svg-bg-bar-border {
+        stroke: #6b7280;
+      }
+
+      .svg-fade-light {
+        display: none;
+      }
+      .svg-fade-dark {
+        display: block;
+      }
+
+      .svg-boundary-line {
+        stroke: #60a5fa;
+      }
+      .svg-boundary-dashed {
+        stroke: #6b7280;
+      }
+      .svg-ret-arrow-fill {
+        fill: #4ade80;
+      }
+      .svg-ret-line {
+        stroke: #4ade80;
+      }
+      .svg-ret-text {
+        fill: #4ade80;
+      }
+
+      .svg-warn-fill {
+        fill: #fb923c;
+        opacity: 0.18;
+      }
+      .svg-warn-border {
+        stroke: #fb923c;
+      }
+      .svg-warn-text {
+        fill: #fb923c;
+      }
+
+      .svg-title {
+        fill: #f3f4f6;
+      }
+      .svg-subtitle {
+        fill: #9ca3af;
+      }
+      .svg-caption {
+        fill: #9ca3af;
+      }
+      .svg-mono-sm {
+        fill: #e5e7eb;
+      }
+      .svg-fg-label {
+        fill: #60a5fa;
+      }
+      .svg-bg-label {
+        fill: #9ca3af;
+      }
+      .svg-boundary-label {
+        fill: #60a5fa;
+      }
+      .svg-label-heading {
+        fill: #f3f4f6;
+      }
     }
 
     /* ======== ANIMATIONS ======== */
@@ -295,8 +446,12 @@
       animation: grow-classic-fg 0.8s ease-out 0.2s both;
     }
     @keyframes grow-classic-fg {
-      from { width: 0; }
-      to { width: 280px; }
+      from {
+        width: 0;
+      }
+      to {
+        width: 280px;
+      }
     }
 
     /* Classic background bar grows (430px, overshoots) */
@@ -304,8 +459,12 @@
       animation: grow-classic-bg 1.3s linear 0.2s both;
     }
     @keyframes grow-classic-bg {
-      from { width: 0; }
-      to { width: 430px; }
+      from {
+        width: 0;
+      }
+      to {
+        width: 430px;
+      }
     }
 
     /* Strict foreground bar grows (280px) */
@@ -313,8 +472,12 @@
       animation: grow-strict-fg 0.8s ease-out 0.2s both;
     }
     @keyframes grow-strict-fg {
-      from { width: 0; }
-      to { width: 280px; }
+      from {
+        width: 0;
+      }
+      to {
+        width: 280px;
+      }
     }
 
     /* Phased fade-ins */
@@ -336,8 +499,12 @@
     }
 
     @keyframes svg-fade-in {
-      from { opacity: 0; }
-      to { opacity: 1; }
+      from {
+        opacity: 0;
+      }
+      to {
+        opacity: 1;
+      }
     }
 
     /* Reduced motion */
@@ -354,7 +521,8 @@
         animation: none;
         opacity: 1;
       }
-    }</style>
+    }
+    </style>
   </defs>
 
   <!-- ======== BACKGROUND ======== -->
diff --git a/www/blog/blog-image-template.svg b/www/blog/blog-image-template.svg
index d6212a3a5..ddf3f8f24 100644
--- a/www/blog/blog-image-template.svg
+++ b/www/blog/blog-image-template.svg
@@ -148,7 +148,8 @@
       />
     </filter>
 
-    <style>/* ---- Font stacks ---- */
+    <style>
+    /* ---- Font stacks ---- */
     .svg-title {
       font-family:
         ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica,
@@ -425,7 +426,8 @@
       .svg-label-heading {
         fill: #f3f4f6;
       }
-    }</style>
+    }
+    </style>
   </defs>
 
   <!-- ======== BACKGROUND ======== -->