diff --git a/content/blog/ai-wrote-your-app-dare-to-merge/review-loop-en.svg b/content/blog/ai-wrote-your-app-dare-to-merge/review-loop-en.svg
index e2b38cb..f75f0c6 100644
--- a/content/blog/ai-wrote-your-app-dare-to-merge/review-loop-en.svg
+++ b/content/blog/ai-wrote-your-app-dare-to-merge/review-loop-en.svg
@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 420" role="img" aria-label="A loop: AI writes, human reviews, runtime governs, agent operates within bounds">
   <defs>
-    <filter id="sh" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="10" stdDeviation="12" flood-color="#24342f" flood-opacity=".12"/></filter>
+    <filter id="sh" x="-20%" y="-20%" width="140%" height="160%"><feDropShadow dx="0" dy="10" stdDeviation="12" flood-color="#24342f" flood-opacity=".12"/></filter>
     <style>
       text{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;fill:#173a36}
       .cap{font-size:13px;fill:#5d736b}.t{font-size:16px;font-weight:700}.s{font-size:12.5px;fill:#5d736b}
diff --git a/content/blog/ai-wrote-your-app-dare-to-merge/review-loop.svg b/content/blog/ai-wrote-your-app-dare-to-merge/review-loop.svg
index 19f43d9..15abb9a 100644
--- a/content/blog/ai-wrote-your-app-dare-to-merge/review-loop.svg
+++ b/content/blog/ai-wrote-your-app-dare-to-merge/review-loop.svg
@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 420" role="img" aria-label="AI 写、人审、运行时治理、agent 在边界内执行的闭环">
   <defs>
-    <filter id="sh" x="-20%" y="-20%" width="140%" height="150%"><feDropShadow dx="0" dy="10" stdDeviation="12" flood-color="#24342f" flood-opacity=".12"/></filter>
+    <filter id="sh" x="-20%" y="-30%" width="140%" height="170%"><feDropShadow dx="0" dy="10" stdDeviation="12" flood-color="#24342f" flood-opacity=".12"/></filter>
     <style>
       text{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;fill:#173a36}
       .cap{font-size:14px;fill:#5d736b}.t{font-size:16px;font-weight:700}.s{font-size:13px;fill:#5d736b}
diff --git a/content/blog/airtable-style-ai-builder/cover-en.svg b/content/blog/airtable-style-ai-builder/cover-en.svg
index ddf1adc..05d25e0 100644
--- a/content/blog/airtable-style-ai-builder/cover-en.svg
+++ b/content/blog/airtable-style-ai-builder/cover-en.svg
@@ -4,7 +4,7 @@
       <stop stop-color="#f7faf6"/>
       <stop offset="1" stop-color="#fff2dd"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-30%" y="-20%" width="160%" height="150%">
       <feDropShadow dx="0" dy="18" stdDeviation="24" flood-color="#233832" flood-opacity=".16"/>
     </filter>
     <style>
diff --git a/content/blog/airtable-style-ai-builder/cover.svg b/content/blog/airtable-style-ai-builder/cover.svg
index c7c01fc..98a07e3 100644
--- a/content/blog/airtable-style-ai-builder/cover.svg
+++ b/content/blog/airtable-style-ai-builder/cover.svg
@@ -4,7 +4,7 @@
       <stop stop-color="#f7faf6"/>
       <stop offset="1" stop-color="#fff2dd"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-30%" y="-20%" width="160%" height="150%">
       <feDropShadow dx="0" dy="18" stdDeviation="24" flood-color="#233832" flood-opacity=".16"/>
     </filter>
     <style>
diff --git a/content/blog/automation-cross-system-flows/cover-en.svg b/content/blog/automation-cross-system-flows/cover-en.svg
index 8e7e363..36514d2 100644
--- a/content/blog/automation-cross-system-flows/cover-en.svg
+++ b/content/blog/automation-cross-system-flows/cover-en.svg
@@ -5,7 +5,7 @@
       <stop offset=".6" stop-color="#eef6f1"/>
       <stop offset="1" stop-color="#fdf1e8"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-40%" width="140%" height="210%">
       <feDropShadow dx="0" dy="16" stdDeviation="20" flood-color="#24342f" flood-opacity=".15"/>
     </filter>
     <style>
diff --git a/content/blog/automation-governed-flow-changes/cover-en.svg b/content/blog/automation-governed-flow-changes/cover-en.svg
index 0636f70..508ec0b 100644
--- a/content/blog/automation-governed-flow-changes/cover-en.svg
+++ b/content/blog/automation-governed-flow-changes/cover-en.svg
@@ -5,7 +5,7 @@
       <stop offset=".55" stop-color="#eef7f2"/>
       <stop offset="1" stop-color="#fff3df"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-40%" width="140%" height="200%">
       <feDropShadow dx="0" dy="16" stdDeviation="20" flood-color="#24342f" flood-opacity=".15"/>
     </filter>
     <style>
diff --git a/content/blog/automation-trigger-model/cover-en.svg b/content/blog/automation-trigger-model/cover-en.svg
index 418cecb..887ac15 100644
--- a/content/blog/automation-trigger-model/cover-en.svg
+++ b/content/blog/automation-trigger-model/cover-en.svg
@@ -5,7 +5,7 @@
       <stop offset=".6" stop-color="#eef6f1"/>
       <stop offset="1" stop-color="#fdf1e8"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-50%" width="140%" height="230%">
       <feDropShadow dx="0" dy="16" stdDeviation="20" flood-color="#24342f" flood-opacity=".15"/>
     </filter>
     <style>
diff --git a/content/blog/beyond-agentforce-copilot-open-runtime/cover-en.svg b/content/blog/beyond-agentforce-copilot-open-runtime/cover-en.svg
index 9480b4c..36cc46a 100644
--- a/content/blog/beyond-agentforce-copilot-open-runtime/cover-en.svg
+++ b/content/blog/beyond-agentforce-copilot-open-runtime/cover-en.svg
@@ -5,7 +5,7 @@
       <stop offset=".55" stop-color="#eef7f2"/>
       <stop offset="1" stop-color="#fff3df"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-30%" width="140%" height="180%">
       <feDropShadow dx="0" dy="16" stdDeviation="20" flood-color="#24342f" flood-opacity=".15"/>
     </filter>
     <style>
diff --git a/content/blog/beyond-agentforce-copilot-open-runtime/cover.svg b/content/blog/beyond-agentforce-copilot-open-runtime/cover.svg
index ee269c9..5b512ff 100644
--- a/content/blog/beyond-agentforce-copilot-open-runtime/cover.svg
+++ b/content/blog/beyond-agentforce-copilot-open-runtime/cover.svg
@@ -5,7 +5,7 @@
       <stop offset=".55" stop-color="#eef7f2"/>
       <stop offset="1" stop-color="#fff3df"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-30%" width="140%" height="180%">
       <feDropShadow dx="0" dy="16" stdDeviation="20" flood-color="#24342f" flood-opacity=".15"/>
     </filter>
     <style>
diff --git a/content/blog/business-app-in-16k-tokens/cover-en.svg b/content/blog/business-app-in-16k-tokens/cover-en.svg
index 9127548..d320c76 100644
--- a/content/blog/business-app-in-16k-tokens/cover-en.svg
+++ b/content/blog/business-app-in-16k-tokens/cover-en.svg
@@ -13,7 +13,7 @@
       <stop stop-color="#f4b65d"/>
       <stop offset="1" stop-color="#ffd28a"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-30%" width="140%" height="170%">
       <feDropShadow dx="0" dy="18" stdDeviation="22" flood-color="#24342f" flood-opacity=".16"/>
     </filter>
     <style>
diff --git a/content/blog/business-app-in-16k-tokens/cover.svg b/content/blog/business-app-in-16k-tokens/cover.svg
index a7fddff..b314eae 100644
--- a/content/blog/business-app-in-16k-tokens/cover.svg
+++ b/content/blog/business-app-in-16k-tokens/cover.svg
@@ -13,7 +13,7 @@
       <stop stop-color="#f4b65d"/>
       <stop offset="1" stop-color="#ffd28a"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-30%" width="140%" height="170%">
       <feDropShadow dx="0" dy="18" stdDeviation="22" flood-color="#24342f" flood-opacity=".16"/>
     </filter>
     <style>
diff --git a/content/blog/crm-ai-understands-customers/index.de.mdx b/content/blog/crm-ai-understands-customers/index.de.mdx
index d75e72b..ea5a218 100644
--- a/content/blog/crm-ai-understands-customers/index.de.mdx
+++ b/content/blog/crm-ai-understands-customers/index.de.mdx
@@ -60,7 +60,7 @@ Sie sollte Risiken zusammenfassen:
 
 Dann ist AI keine Chatbox mehr, sondern eine Geschäftsanalyseschicht über CRM.
 
-![Konzeptdiagramm](./customer-object-graph.webp)
+![Illustration: Ein Kundendatensatz bildet den Mittelpunkt eines Knotenpunkts und ist mit Kontakten, einer Aktivitätszeitleiste, Pipeline-Diagrammen, Bestellungen und mit einer Warnung markierten Supportfällen verbunden, während ein AI-Assistent mit dem verknüpften Datensatz arbeitet](./customer-object-graph.webp)
 
 ## Warum viele CRMs nicht AI-bereit sind
 
diff --git a/content/blog/crm-ai-understands-customers/index.es.mdx b/content/blog/crm-ai-understands-customers/index.es.mdx
index 77e0d1f..b18ed4a 100644
--- a/content/blog/crm-ai-understands-customers/index.es.mdx
+++ b/content/blog/crm-ai-understands-customers/index.es.mdx
@@ -58,7 +58,7 @@ Una AI conectada al CRM no debería pedir primero un Excel. Debe entender qué e
 
 Ahí AI deja de ser un chat y se convierte en una capa de análisis de negocio sobre CRM.
 
-![Diagrama conceptual](./customer-object-graph.webp)
+![Ilustración: un registro de cliente ocupa el centro de un nodo central, conectado con contactos, una línea de tiempo de actividad, gráficos del pipeline, pedidos y casos de soporte marcados con una advertencia, mientras un asistente de AI trabaja a partir del registro conectado](./customer-object-graph.webp)
 
 ## Por qué muchos CRM no están listos para AI
 
diff --git a/content/blog/crm-ai-understands-customers/index.fr.mdx b/content/blog/crm-ai-understands-customers/index.fr.mdx
index 01c0c6a..b5e6bc7 100644
--- a/content/blog/crm-ai-understands-customers/index.fr.mdx
+++ b/content/blog/crm-ai-understands-customers/index.fr.mdx
@@ -58,7 +58,7 @@ Une AI connectée au CRM ne devrait pas exiger un export Excel. Elle doit compre
 
 À ce moment-là, l'AI n'est plus une boîte de chat. C'est une couche d'analyse métier au-dessus du CRM.
 
-![Schéma conceptuel](./customer-object-graph.webp)
+![Illustration : une fiche client occupe le centre d'un hub, reliée aux contacts, à une chronologie d'activités, à des graphiques de pipeline, aux commandes et à des tickets de support signalés par un avertissement, tandis qu'un assistant AI travaille à partir de cette fiche connectée](./customer-object-graph.webp)
 
 ## Pourquoi beaucoup de CRM ne sont pas prêts
 
diff --git a/content/blog/crm-ai-understands-customers/index.ja.mdx b/content/blog/crm-ai-understands-customers/index.ja.mdx
index ad8c748..af50c05 100644
--- a/content/blog/crm-ai-understands-customers/index.ja.mdx
+++ b/content/blog/crm-ai-understands-customers/index.ja.mdx
@@ -64,7 +64,7 @@ CRM に接続された AI は、先にスプレッドシートを書き出して
 
 この時点で AI はチャットボックスではありません。CRM の上にある業務分析レイヤーです。
 
-![概念図](./customer-object-graph.webp)
+![イラスト：顧客レコードがハブの中心にあり、連絡先、活動タイムライン、パイプラインのグラフ、受注、警告マーク付きのサポートケースとつながっている。AI アシスタントは、このつながった顧客レコードをもとに作業している](./customer-object-graph.webp)
 
 ## なぜ多くの CRM は AI に向いていないのか
 
diff --git a/content/blog/crm-ai-understands-customers/index.ko.mdx b/content/blog/crm-ai-understands-customers/index.ko.mdx
index 35dcfd0..8924660 100644
--- a/content/blog/crm-ai-understands-customers/index.ko.mdx
+++ b/content/blog/crm-ai-understands-customers/index.ko.mdx
@@ -58,7 +58,7 @@ CRM에 연결된 AI는 먼저 스프레드시트를 내보내라고 하면 안 
 
 이때 AI는 채팅창이 아니라 CRM 위의 비즈니스 분석 레이어입니다.
 
-![개념 다이어그램](./customer-object-graph.webp)
+![일러스트: 고객 레코드가 허브 중앙에 있고 연락처, 활동 타임라인, 파이프라인 차트, 주문, 경고 표시가 붙은 지원 케이스와 연결되어 있으며, AI 어시스턴트가 이 연결된 레코드를 바탕으로 작업합니다](./customer-object-graph.webp)
 
 ## 왜 많은 CRM은 AI 준비가 안 되어 있나
 
diff --git a/content/blog/enterprise-ontology-race-open-vs-closed/cover-en.svg b/content/blog/enterprise-ontology-race-open-vs-closed/cover-en.svg
index 38e0fae..34d8656 100644
--- a/content/blog/enterprise-ontology-race-open-vs-closed/cover-en.svg
+++ b/content/blog/enterprise-ontology-race-open-vs-closed/cover-en.svg
@@ -5,7 +5,7 @@
       <stop offset=".55" stop-color="#eef7f2"/>
       <stop offset="1" stop-color="#fff3df"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-70%" width="140%" height="280%">
       <feDropShadow dx="0" dy="16" stdDeviation="20" flood-color="#24342f" flood-opacity=".15"/>
     </filter>
     <style>
diff --git a/content/blog/enterprise-ontology-race-open-vs-closed/cover.svg b/content/blog/enterprise-ontology-race-open-vs-closed/cover.svg
index c44dde5..1fa7f85 100644
--- a/content/blog/enterprise-ontology-race-open-vs-closed/cover.svg
+++ b/content/blog/enterprise-ontology-race-open-vs-closed/cover.svg
@@ -5,7 +5,7 @@
       <stop offset=".55" stop-color="#eef7f2"/>
       <stop offset="1" stop-color="#fff3df"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-70%" width="140%" height="280%">
       <feDropShadow dx="0" dy="16" stdDeviation="20" flood-color="#24342f" flood-opacity=".15"/>
     </filter>
     <style>
diff --git a/content/blog/extend-existing-systems-with-ai/index.de.mdx b/content/blog/extend-existing-systems-with-ai/index.de.mdx
index 54a7cc1..317c1df 100644
--- a/content/blog/extend-existing-systems-with-ai/index.de.mdx
+++ b/content/blog/extend-existing-systems-with-ai/index.de.mdx
@@ -35,7 +35,7 @@ Die Migrationsantwort ist ein Sechs-Monats-Projekt. Die ObjectOS-Antwort beginnt
 
 Niemand fasst das CRM an. Die Vertriebsmitarbeiter merken nichts. Sie erhalten eine AI-native Schicht über denselben Zeilen.
 
-![Konzeptdiagramm](./connect-without-migration.webp)
+![Illustration: Eine bestehende Datenbank und Anwendung links sind über eine gesperrte, schreibgeschützte Verbindung an eine governte Objektschicht in der Mitte angebunden; sie prüft Filter, Identität und Freigabe, bevor sie rechts Dashboards, eine mobile App, Workflows, APIs und einen AI-Agenten bedient](./connect-without-migration.webp)
 
 ## Wie es heute funktioniert
 
diff --git a/content/blog/extend-existing-systems-with-ai/index.es.mdx b/content/blog/extend-existing-systems-with-ai/index.es.mdx
index 5dc57e5..29c822e 100644
--- a/content/blog/extend-existing-systems-with-ai/index.es.mdx
+++ b/content/blog/extend-existing-systems-with-ai/index.es.mdx
@@ -37,7 +37,7 @@ La respuesta de reconstrucción es un proyecto de seis meses. Con ObjectOS puede
 
 Nadie toca el CRM. Los vendedores no lo notan. Obtienes una capa AI-native sobre las mismas filas.
 
-![Diagrama conceptual](./connect-without-migration.webp)
+![Ilustración: una base de datos y una aplicación existentes, a la izquierda, se conectan mediante un enlace bloqueado de solo lectura a una capa de objetos gobernada en el centro, que comprueba filtros, identidad y aprobación antes de servir a la derecha paneles, una app móvil, flujos de trabajo, APIs y un agente de AI](./connect-without-migration.webp)
 
 ## Cómo funciona hoy
 
diff --git a/content/blog/extend-existing-systems-with-ai/index.fr.mdx b/content/blog/extend-existing-systems-with-ai/index.fr.mdx
index db2cf9f..23016a0 100644
--- a/content/blog/extend-existing-systems-with-ai/index.fr.mdx
+++ b/content/blog/extend-existing-systems-with-ai/index.fr.mdx
@@ -37,7 +37,7 @@ La réponse “reconstruction” est un projet de six mois. La réponse ObjectOS
 
 Personne ne touche au CRM. Les commerciaux ne voient rien changer. Vous obtenez une couche AI-native sur les mêmes lignes.
 
-![Schéma conceptuel](./connect-without-migration.webp)
+![Illustration : une base de données et une application existantes, à gauche, se connectent par un lien verrouillé en lecture seule à une couche d'objets gouvernée au centre, qui vérifie filtres, identité et approbation avant d'alimenter, à droite, des tableaux de bord, une application mobile, des workflows, des API et un agent AI](./connect-without-migration.webp)
 
 ## Comment cela fonctionne aujourd'hui
 
diff --git a/content/blog/extend-existing-systems-with-ai/index.ja.mdx b/content/blog/extend-existing-systems-with-ai/index.ja.mdx
index 33102c6..c75afb9 100644
--- a/content/blog/extend-existing-systems-with-ai/index.ja.mdx
+++ b/content/blog/extend-existing-systems-with-ai/index.ja.mdx
@@ -37,7 +37,7 @@ ObjectOS を既存データベースに向け、必要なテーブルをオブ
 
 CRM には触りません。営業担当も気づきません。同じ行データの上に AI-native レイヤーができます。
 
-![概念図](./connect-without-migration.webp)
+![イラスト：左側の既存のデータベースとアプリが、鍵のかかった読み取り専用の接続を通じて、中央のガバナンスされたオブジェクト層につながる。オブジェクト層はフィルター、ID、承認を確認してから、右側のダッシュボード、モバイルアプリ、ワークフロー、API、AI エージェントにデータを提供する](./connect-without-migration.webp)
 
 ## 今日どう動くか
 
diff --git a/content/blog/extend-existing-systems-with-ai/index.ko.mdx b/content/blog/extend-existing-systems-with-ai/index.ko.mdx
index 9e4933a..286a2b2 100644
--- a/content/blog/extend-existing-systems-with-ai/index.ko.mdx
+++ b/content/blog/extend-existing-systems-with-ai/index.ko.mdx
@@ -37,7 +37,7 @@ ObjectOS를 기존 데이터베이스에 연결하고 중요한 테이블을 객
 
 CRM은 건드리지 않습니다. 영업 담당자도 변화를 느끼지 않습니다. 같은 행 데이터 위에 AI-native 레이어가 생깁니다.
 
-![개념 다이어그램](./connect-without-migration.webp)
+![일러스트: 왼쪽의 기존 데이터베이스와 앱이 잠금 표시가 있는 읽기 전용 연결을 통해 가운데의 거버넌스가 적용된 객체 레이어에 연결되고, 이 레이어는 필터, 신원, 승인을 확인한 뒤 오른쪽의 대시보드, 모바일 앱, 워크플로, API, AI 에이전트에 데이터를 제공합니다](./connect-without-migration.webp)
 
 ## 오늘 어떻게 동작하나
 
diff --git a/content/blog/forward-deployed-engineer-tools/cover-en.svg b/content/blog/forward-deployed-engineer-tools/cover-en.svg
index f2dbfa3..5da5f74 100644
--- a/content/blog/forward-deployed-engineer-tools/cover-en.svg
+++ b/content/blog/forward-deployed-engineer-tools/cover-en.svg
@@ -5,7 +5,7 @@
       <stop offset=".55" stop-color="#eef7f2"/>
       <stop offset="1" stop-color="#fff3df"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-30%" width="140%" height="170%">
       <feDropShadow dx="0" dy="18" stdDeviation="22" flood-color="#24342f" flood-opacity=".16"/>
     </filter>
     <style>
diff --git a/content/blog/forward-deployed-engineer-tools/cover.svg b/content/blog/forward-deployed-engineer-tools/cover.svg
index 6f52b11..ab33420 100644
--- a/content/blog/forward-deployed-engineer-tools/cover.svg
+++ b/content/blog/forward-deployed-engineer-tools/cover.svg
@@ -5,7 +5,7 @@
       <stop offset=".55" stop-color="#eef7f2"/>
       <stop offset="1" stop-color="#fff3df"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-30%" width="140%" height="170%">
       <feDropShadow dx="0" dy="18" stdDeviation="22" flood-color="#24342f" flood-opacity=".16"/>
     </filter>
     <style>
diff --git a/content/blog/forward-deployed-engineer-vs-solutions-architect/cover-en.svg b/content/blog/forward-deployed-engineer-vs-solutions-architect/cover-en.svg
index b0692e6..0e634a9 100644
--- a/content/blog/forward-deployed-engineer-vs-solutions-architect/cover-en.svg
+++ b/content/blog/forward-deployed-engineer-vs-solutions-architect/cover-en.svg
@@ -5,7 +5,7 @@
       <stop offset=".55" stop-color="#eef7f2"/>
       <stop offset="1" stop-color="#fff3df"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-30%" y="-20%" width="160%" height="150%">
       <feDropShadow dx="0" dy="16" stdDeviation="20" flood-color="#24342f" flood-opacity=".15"/>
     </filter>
     <style>
diff --git a/content/blog/low-code-vs-ai-native-app-platform/index.de.mdx b/content/blog/low-code-vs-ai-native-app-platform/index.de.mdx
index e90e982..04c2be5 100644
--- a/content/blog/low-code-vs-ai-native-app-platform/index.de.mdx
+++ b/content/blog/low-code-vs-ai-native-app-platform/index.de.mdx
@@ -60,7 +60,7 @@ Objekte, Felder, Beziehungen, Berechtigungen, Aktionen, Workflows, UI- und API-H
 
 Dann kann AI das aktuelle System verstehen, Änderungen erzeugen, Auswirkungen erklären, Tests schreiben und Berechtigungsrisiken markieren.
 
-![Konzeptdiagramm](./platform-architecture-contrast.webp)
+![Illustration, die zwei Architekturen gegenüberstellt: Links verheddern sich Seiten, Server, Datenbanken und Skripte unter Warnschildern; rechts versorgt ein zentrales Modell verbundener Objekte Ansichten, Dashboards, Workflows, Rollen, Berechtigungen, Daten und APIs über klare Linien](./platform-architecture-contrast.webp)
 
 ## Unterschied eins: Seiten vs. Objekte
 
diff --git a/content/blog/low-code-vs-ai-native-app-platform/index.es.mdx b/content/blog/low-code-vs-ai-native-app-platform/index.es.mdx
index 6e09af1..5fcfaec 100644
--- a/content/blog/low-code-vs-ai-native-app-platform/index.es.mdx
+++ b/content/blog/low-code-vs-ai-native-app-platform/index.es.mdx
@@ -60,7 +60,7 @@ Objetos, campos, relaciones, permisos, acciones, workflows, origen de UI y API,
 
 Así AI puede entender el sistema actual, generar cambios, explicar impacto, ayudar con pruebas y señalar riesgos de permisos.
 
-![Diagrama conceptual](./platform-architecture-contrast.webp)
+![Ilustración que contrasta dos arquitecturas: a la izquierda, páginas, servidores, bases de datos y scripts enredados entre sí bajo señales de advertencia; a la derecha, un modelo central de objetos conectados alimenta vistas, paneles, flujos de trabajo, roles, permisos, datos y APIs mediante líneas limpias](./platform-architecture-contrast.webp)
 
 ## Diferencia uno: páginas vs. objetos
 
diff --git a/content/blog/low-code-vs-ai-native-app-platform/index.fr.mdx b/content/blog/low-code-vs-ai-native-app-platform/index.fr.mdx
index 81c0214..760f43e 100644
--- a/content/blog/low-code-vs-ai-native-app-platform/index.fr.mdx
+++ b/content/blog/low-code-vs-ai-native-app-platform/index.fr.mdx
@@ -60,7 +60,7 @@ Objets, champs, relations, permissions, actions, workflows, origine de l'UI et d
 
 Ainsi l'AI peut comprendre le système, générer une modification, expliquer l'impact, écrire des tests et signaler les risques de permissions.
 
-![Schéma conceptuel](./platform-architecture-contrast.webp)
+![Illustration opposant deux architectures : à gauche, pages, serveurs, bases de données et scripts enchevêtrés sous des panneaux d'avertissement ; à droite, un modèle central d'objets reliés alimente vues, tableaux de bord, workflows, rôles, permissions, données et API par des liaisons nettes](./platform-architecture-contrast.webp)
 
 ## Différence 1 : pages ou objets
 
diff --git a/content/blog/low-code-vs-ai-native-app-platform/index.ja.mdx b/content/blog/low-code-vs-ai-native-app-platform/index.ja.mdx
index af9b9c6..2979b84 100644
--- a/content/blog/low-code-vs-ai-native-app-platform/index.ja.mdx
+++ b/content/blog/low-code-vs-ai-native-app-platform/index.ja.mdx
@@ -62,7 +62,7 @@ AI-native アプリ基盤の核は、AI が画面部品を置く手伝いをす
 
 構造が明示されると、AI は現行システムを理解し、変更を生成し、影響を説明し、テストを書き、権限リスクを指摘できます。
 
-![概念図](./platform-architecture-contrast.webp)
+![2 つのアーキテクチャを対比したイラスト：左側では、ページ、サーバー、データベース、スクリプトが絡み合い、あちこちに警告マークが出ている。右側では、つながったオブジェクトからなる中央のモデルが、整ったラインでビュー、ダッシュボード、ワークフロー、ロール、権限、データ、API を支えている](./platform-architecture-contrast.webp)
 
 ## 違い 1：ローコードはページから、AI-native はオブジェクトから始める
 
diff --git a/content/blog/low-code-vs-ai-native-app-platform/index.ko.mdx b/content/blog/low-code-vs-ai-native-app-platform/index.ko.mdx
index c8087da..16611fd 100644
--- a/content/blog/low-code-vs-ai-native-app-platform/index.ko.mdx
+++ b/content/blog/low-code-vs-ai-native-app-platform/index.ko.mdx
@@ -60,7 +60,7 @@ AI-native 앱 플랫폼의 핵심은 AI가 control을 끌어다 놓는 것을 
 
 그 구조가 명시되면 AI는 현재 시스템을 이해하고, 변경을 생성하고, 영향을 설명하고, 테스트를 돕고, 권한 위험을 표시할 수 있습니다.
 
-![개념 다이어그램](./platform-architecture-contrast.webp)
+![두 아키텍처를 대비한 일러스트: 왼쪽에는 페이지, 서버, 데이터베이스, 스크립트가 경고 표시 아래 뒤엉켜 있고, 오른쪽에는 연결된 객체로 이루어진 하나의 중앙 모델이 깔끔한 선으로 뷰, 대시보드, 워크플로, 역할, 권한, 데이터, API를 공급합니다](./platform-architecture-contrast.webp)
 
 ## 차이 1: 페이지가 아니라 객체에서 시작
 
diff --git a/content/blog/manufacturing-legacy-systems-ai/index.de.mdx b/content/blog/manufacturing-legacy-systems-ai/index.de.mdx
index 571e9be..46a4302 100644
--- a/content/blog/manufacturing-legacy-systems-ai/index.de.mdx
+++ b/content/blog/manufacturing-legacy-systems-ai/index.de.mdx
@@ -99,7 +99,7 @@ Dann arbeitet AI mit Geschäftskonzepten wie Aufträgen, Materialien, Bestand, W
 
 Berechtigungen sind genauso wichtig. Ein Plant Supervisor sieht nur sein Werk, Procurement Lieferanten und Einkauf, Sales keine sensiblen Kostenfelder, Executives Rollups. AI darf die Rechte des Benutzers nicht überschreiten.
 
-![Konzeptdiagramm](./factory-ai-layer.webp)
+![Illustration: Alte Werksserver und eine Fertigungshalle mit Maschinen, Förderbändern und einem Lager speisen eine gemeinsame Schicht aus Geschäftsobjekten, Beziehungen und Datenbanken; ein AI-Assistent arbeitet auf dieser Schicht, meldet Anomalien und arbeitet Checklisten ab, und eine Berechtigungsprüfung hindert ihn daran, ein System zu erreichen, auf das er nicht zugreifen darf](./factory-ai-layer.webp)
 
 ## Ein 30-Tage-Pilot
 
diff --git a/content/blog/manufacturing-legacy-systems-ai/index.es.mdx b/content/blog/manufacturing-legacy-systems-ai/index.es.mdx
index d136c98..278a150 100644
--- a/content/blog/manufacturing-legacy-systems-ai/index.es.mdx
+++ b/content/blog/manufacturing-legacy-systems-ai/index.es.mdx
@@ -99,7 +99,7 @@ Con esos objetos, AI trabaja con conceptos de negocio y relaciones, no con nombr
 
 Los permisos importan igual. Un supervisor ve solo su planta, compras ve proveedores y datos de compra, ventas no ve costos sensibles, ejecutivos ven rollups. AI no puede exceder los permisos del usuario.
 
-![Diagrama conceptual](./factory-ai-layer.webp)
+![Ilustración: servidores heredados de la planta y una nave de producción con máquinas, cintas transportadoras y un almacén alimentan una única capa de objetos de negocio, relaciones y bases de datos; un asistente de AI trabaja desde esa capa para señalar anomalías y ejecutar listas de verificación, y una comprobación de permisos le impide llegar a un sistema que no puede tocar](./factory-ai-layer.webp)
 
 ## Piloto de 30 días
 
diff --git a/content/blog/manufacturing-legacy-systems-ai/index.fr.mdx b/content/blog/manufacturing-legacy-systems-ai/index.fr.mdx
index 2bd0e90..85c532c 100644
--- a/content/blog/manufacturing-legacy-systems-ai/index.fr.mdx
+++ b/content/blog/manufacturing-legacy-systems-ai/index.fr.mdx
@@ -97,7 +97,7 @@ Avec ces objets, l'AI travaille avec commandes, matériaux, stock, ordres et éq
 
 Les permissions sont aussi importantes. Un superviseur voit son usine, les achats voient fournisseurs et achats, les ventes ne voient pas les coûts sensibles, les dirigeants voient des agrégats. L'AI ne dépasse pas les droits de l'utilisateur.
 
-![Schéma conceptuel](./factory-ai-layer.webp)
+![Illustration : d'anciens serveurs d'usine et un atelier fait de machines, de convoyeurs et d'un entrepôt alimentent une même couche d'objets métier, de relations et de bases de données ; un assistant AI travaille à partir de cette couche pour signaler les anomalies et dérouler des checklists, et un contrôle des permissions l'empêche d'atteindre un système auquel il n'a pas le droit de toucher](./factory-ai-layer.webp)
 
 ## Un pilote de 30 jours
 
diff --git a/content/blog/manufacturing-legacy-systems-ai/index.ja.mdx b/content/blog/manufacturing-legacy-systems-ai/index.ja.mdx
index c8fc1e7..54f8d0c 100644
--- a/content/blog/manufacturing-legacy-systems-ai/index.ja.mdx
+++ b/content/blog/manufacturing-legacy-systems-ai/index.ja.mdx
@@ -111,7 +111,7 @@ ERP は 10 年動いている。MES は何年も前にカスタマイズされ
 
 権限も同じくらい重要です。工場監督者は自工場だけ、購買はサプライヤーと購買データ、営業は機密コストを見ない、経営層はロールアップを見る。AI はユーザー自身の権限を超えられません。
 
-![概念図](./factory-ai-layer.webp)
+![イラスト：古い工場サーバーと、設備・コンベヤー・倉庫からなる現場が、業務オブジェクト、リレーション、データベースからなる 1 つのレイヤーに集約される。AI アシスタントはこのレイヤーをもとに異常を検知し、チェックリストを実行する。権限チェックが、触れてはいけないシステムへのアクセスを止めている](./factory-ai-layer.webp)
 
 ## 30 日パイロット
 
diff --git a/content/blog/manufacturing-legacy-systems-ai/index.ko.mdx b/content/blog/manufacturing-legacy-systems-ai/index.ko.mdx
index 6d64777..116f0a2 100644
--- a/content/blog/manufacturing-legacy-systems-ai/index.ko.mdx
+++ b/content/blog/manufacturing-legacy-systems-ai/index.ko.mdx
@@ -99,7 +99,7 @@ AI는 권한 아래에서 ERP, MES, WMS, 작업지시 데이터를 질의하고
 
 권한도 중요합니다. 공장 supervisor는 자기 공장만 보고, 구매팀은 공급업체와 구매 데이터를 보고, 영업은 민감한 cost field를 보지 않고, 임원은 rollup을 봅니다. AI는 사용자의 권한을 넘을 수 없습니다.
 
-![개념 다이어그램](./factory-ai-layer.webp)
+![일러스트: 오래된 공장 서버와 설비, 컨베이어, 창고로 이루어진 생산 현장이 비즈니스 객체, 관계, 데이터베이스로 된 하나의 레이어로 모이고, AI 어시스턴트는 이 레이어에서 이상을 감지하고 체크리스트를 실행하며, 권한 검사가 접근해서는 안 되는 시스템에 닿지 못하게 막습니다](./factory-ai-layer.webp)
 
 ## 30일 pilot
 
diff --git a/content/blog/mcp-governed-tool-layer/cover-en.svg b/content/blog/mcp-governed-tool-layer/cover-en.svg
index f2a6093..2047508 100644
--- a/content/blog/mcp-governed-tool-layer/cover-en.svg
+++ b/content/blog/mcp-governed-tool-layer/cover-en.svg
@@ -5,7 +5,7 @@
       <stop offset=".55" stop-color="#eef7f2"/>
       <stop offset="1" stop-color="#fff3df"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-30%" width="140%" height="180%">
       <feDropShadow dx="0" dy="16" stdDeviation="20" flood-color="#24342f" flood-opacity=".15"/>
     </filter>
     <style>
diff --git a/content/blog/mcp-governed-tool-layer/cover.svg b/content/blog/mcp-governed-tool-layer/cover.svg
index 8c7faf3..bac8e8a 100644
--- a/content/blog/mcp-governed-tool-layer/cover.svg
+++ b/content/blog/mcp-governed-tool-layer/cover.svg
@@ -5,7 +5,7 @@
       <stop offset=".55" stop-color="#eef7f2"/>
       <stop offset="1" stop-color="#fff3df"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-30%" width="140%" height="180%">
       <feDropShadow dx="0" dy="16" stdDeviation="20" flood-color="#24342f" flood-opacity=".15"/>
     </filter>
     <style>
diff --git a/content/blog/mcp-governed-tool-layer/tool-call-lifecycle-en.svg b/content/blog/mcp-governed-tool-layer/tool-call-lifecycle-en.svg
index ac965a2..c3f624b 100644
--- a/content/blog/mcp-governed-tool-layer/tool-call-lifecycle-en.svg
+++ b/content/blog/mcp-governed-tool-layer/tool-call-lifecycle-en.svg
@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 400" role="img" aria-label="The lifecycle of one governed tool call: act as the user, runtime checks permission, controlled execution, write to audit">
   <defs>
-    <filter id="sh" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="sh" x="-20%" y="-30%" width="140%" height="170%">
       <feDropShadow dx="0" dy="10" stdDeviation="12" flood-color="#24342f" flood-opacity=".12"/>
     </filter>
     <style>
diff --git a/content/blog/mcp-governed-tool-layer/tool-call-lifecycle.svg b/content/blog/mcp-governed-tool-layer/tool-call-lifecycle.svg
index 63c3bd1..b3b966c 100644
--- a/content/blog/mcp-governed-tool-layer/tool-call-lifecycle.svg
+++ b/content/blog/mcp-governed-tool-layer/tool-call-lifecycle.svg
@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 400" role="img" aria-label="一次受治理的工具调用的生命周期：以用户身份发起、运行时核验权限、执行受控动作、写入审计">
   <defs>
-    <filter id="sh" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="sh" x="-20%" y="-30%" width="140%" height="170%">
       <feDropShadow dx="0" dy="10" stdDeviation="12" flood-color="#24342f" flood-opacity=".12"/>
     </filter>
     <style>
diff --git a/content/blog/natural-language-to-app-metadata/cover-en.svg b/content/blog/natural-language-to-app-metadata/cover-en.svg
index d6de1a1..6ba1919 100644
--- a/content/blog/natural-language-to-app-metadata/cover-en.svg
+++ b/content/blog/natural-language-to-app-metadata/cover-en.svg
@@ -4,7 +4,7 @@
       <stop stop-color="#fffaf0"/>
       <stop offset="1" stop-color="#edf8f5"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-30%" y="-50%" width="160%" height="220%">
       <feDropShadow dx="0" dy="16" stdDeviation="22" flood-color="#1f3634" flood-opacity=".16"/>
     </filter>
     <style>
@@ -40,7 +40,7 @@
   </g>
 
   <g transform="translate(838 160)" filter="url(#shadow)">
-    <rect width="270" height="248" rx="28" fill="#173a36"/>
+    <rect width="270" height="290" rx="28" fill="#173a36"/>
     <text x="34" y="48" class="invert" font-size="22" font-weight="760">Runtime</text>
     <g transform="translate(44 82)" fill="none" stroke="#f2c66d" stroke-width="5" stroke-linecap="round">
       <path d="M90 0 A90 90 0 1 1 89 0"/>
diff --git a/content/blog/natural-language-to-app-metadata/cover.svg b/content/blog/natural-language-to-app-metadata/cover.svg
index a7e9b3b..44ef79f 100644
--- a/content/blog/natural-language-to-app-metadata/cover.svg
+++ b/content/blog/natural-language-to-app-metadata/cover.svg
@@ -4,7 +4,7 @@
       <stop stop-color="#fffaf0"/>
       <stop offset="1" stop-color="#edf8f5"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-30%" y="-50%" width="160%" height="220%">
       <feDropShadow dx="0" dy="16" stdDeviation="22" flood-color="#1f3634" flood-opacity=".16"/>
     </filter>
     <style>
@@ -40,7 +40,7 @@
   </g>
 
   <g transform="translate(838 160)" filter="url(#shadow)">
-    <rect width="270" height="248" rx="28" fill="#173a36"/>
+    <rect width="270" height="290" rx="28" fill="#173a36"/>
     <text x="34" y="48" class="invert" font-size="22" font-weight="760">运行时</text>
     <g transform="translate(44 82)" fill="none" stroke="#f2c66d" stroke-width="5" stroke-linecap="round">
       <path d="M90 0 A90 90 0 1 1 89 0"/>
diff --git a/content/blog/objectos-automation-engine/cover-en.svg b/content/blog/objectos-automation-engine/cover-en.svg
index 3087e25..8a268d8 100644
--- a/content/blog/objectos-automation-engine/cover-en.svg
+++ b/content/blog/objectos-automation-engine/cover-en.svg
@@ -5,7 +5,7 @@
       <stop offset=".55" stop-color="#eef7f2"/>
       <stop offset="1" stop-color="#fff3df"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-40%" width="140%" height="210%">
       <feDropShadow dx="0" dy="16" stdDeviation="20" flood-color="#24342f" flood-opacity=".15"/>
     </filter>
     <style>
diff --git a/content/blog/objectos-automation-engine/run-record-en.svg b/content/blog/objectos-automation-engine/run-record-en.svg
index eb277df..356359d 100644
--- a/content/blog/objectos-automation-engine/run-record-en.svg
+++ b/content/blog/objectos-automation-engine/run-record-en.svg
@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 620" role="img" aria-label="The lifecycle of one automation run: trigger, decide, pause durably, resume, terminal record, and what each stage persists">
   <defs>
-    <filter id="s2" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="s2" x="-30%" y="-40%" width="160%" height="200%">
       <feDropShadow dx="0" dy="10" stdDeviation="14" flood-color="#24342f" flood-opacity=".12"/>
     </filter>
     <marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
diff --git a/content/blog/ontology-vs-semantic-layer-vs-knowledge-graph/cover-en.svg b/content/blog/ontology-vs-semantic-layer-vs-knowledge-graph/cover-en.svg
index 3084a39..4d8f7fa 100644
--- a/content/blog/ontology-vs-semantic-layer-vs-knowledge-graph/cover-en.svg
+++ b/content/blog/ontology-vs-semantic-layer-vs-knowledge-graph/cover-en.svg
@@ -5,7 +5,7 @@
       <stop offset=".6" stop-color="#eef6f1"/>
       <stop offset="1" stop-color="#fdf1e8"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-40%" width="140%" height="200%">
       <feDropShadow dx="0" dy="16" stdDeviation="20" flood-color="#24342f" flood-opacity=".15"/>
     </filter>
     <style>
diff --git a/content/blog/why-ai-agent-pilots-fail-four-layers/cover-en.svg b/content/blog/why-ai-agent-pilots-fail-four-layers/cover-en.svg
index 15e7fd7..1829083 100644
--- a/content/blog/why-ai-agent-pilots-fail-four-layers/cover-en.svg
+++ b/content/blog/why-ai-agent-pilots-fail-four-layers/cover-en.svg
@@ -5,7 +5,7 @@
       <stop offset=".55" stop-color="#eef7f2"/>
       <stop offset="1" stop-color="#fff3df"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-70%" width="140%" height="290%">
       <feDropShadow dx="0" dy="16" stdDeviation="20" flood-color="#24342f" flood-opacity=".15"/>
     </filter>
     <style>
diff --git a/content/blog/why-ai-agent-pilots-fail-four-layers/cover.svg b/content/blog/why-ai-agent-pilots-fail-four-layers/cover.svg
index 2cbf942..75af6a2 100644
--- a/content/blog/why-ai-agent-pilots-fail-four-layers/cover.svg
+++ b/content/blog/why-ai-agent-pilots-fail-four-layers/cover.svg
@@ -5,7 +5,7 @@
       <stop offset=".55" stop-color="#eef7f2"/>
       <stop offset="1" stop-color="#fff3df"/>
     </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
+    <filter id="shadow" x="-20%" y="-70%" width="140%" height="290%">
       <feDropShadow dx="0" dy="16" stdDeviation="20" flood-color="#24342f" flood-opacity=".15"/>
     </filter>
     <style>
diff --git a/scripts/svg-text-fit.mjs b/scripts/svg-text-fit.mjs
index e7281e5..bcea213 100644
--- a/scripts/svg-text-fit.mjs
+++ b/scripts/svg-text-fit.mjs
@@ -1,12 +1,13 @@
 #!/usr/bin/env node
 // Blog SVG text-fit gate: fails when a <text> box crosses the edge of the
 // filled shape painted under its centre, or runs under a filled shape painted
-// over it.
+// over it — and when a drop shadow is cut off by its own filter region.
 //
 //   node scripts/svg-text-fit.mjs [--verbose] [file.svg ...]      (pnpm svg:lint)
 //
 // No file arguments: every .svg under content/blog. --verbose prints each text
-// box's clearance to its shape, which is how a fix is measured before and after.
+// box's clearance to its shape and each filtered element's shadow margin, which
+// is how a fix is measured before and after.
 // Runs in `pnpm build`, so CI's Build step fails on a finding.
 //
 // What is measured. For every <text> the gate lays the line out the way a
@@ -38,6 +39,26 @@
 // at most 3.9px wider (kerning, and the em charge), and both found the same
 // crossings.
 //
+// Drop shadows (rule 3). A filter paints nothing outside its filter region, so
+// a region smaller than the shadow leaves a hard straight edge across it — the
+// classic case is `height="150%"` on a short card whose shadow falls 16px down
+// and blurs 22px. For every element with a filter the gate takes the element's
+// object bounding box (what objectBoundingBox units are fractions of), the box
+// it paints (strokes included), and the feDropShadow's offset and blur. The
+// shadow reaches 3σ past the offset painted box — the bounds a browser gives a
+// Gaussian blur (Skia outsets them by 3σ), beyond which it is under 0.14% of
+// the flood opacity — and that whole reach must lie inside the filter region
+// wherever it falls inside the canvas (a cut past the canvas edge is
+// invisible). A finding names each side the region cuts and how far out, in σ
+// and in the shadow's opacity there. Checked against headless Chromium with
+// every filter region made unbounded: of the 27 SVGs this rule first failed,
+// the 14 with a cut under 1.85σ rendered differently (by up to 15 of 255
+// levels) and the 13 whose cuts all lay 1.9σ or further out rendered the same.
+// So not every failure is visible in Chromium today: 3σ is the bound, not
+// that measurement.
+// Filters other than a single feDropShadow are not modelled and fail as
+// unmeasurable, so a new kind of filter cannot pass unread.
+//
 // The allowlist below is for a text that crosses an edge on purpose — a caption
 // centred on the whole diagram that spans two regions, a label set across a
 // boundary. Each entry names the file, the rule ('edge' or 'covered'), the
@@ -56,6 +77,9 @@ const BLOG = path.join(ROOT, 'content', 'blog');
 // px a box may run past its shape before the gate fails: anti-aliasing and the
 // kerning the table does not model, not a design allowance.
 const TOLERANCE = 2;
+// How far a drop shadow reaches past the box it is cast from, in units of its
+// stdDeviation: the extent a browser computes for a Gaussian blur.
+const SHADOW_REACH = 3;
 
 const ALLOW = [
   {
@@ -152,11 +176,11 @@ function parseXml(src) {
 
 const PROPS = new Set([
   'fill', 'fill-opacity', 'fill-rule', 'opacity', 'display', 'visibility', 'font-family', 'font-size',
-  'font-weight', 'font-style', 'text-anchor', 'letter-spacing',
+  'font-weight', 'font-style', 'text-anchor', 'letter-spacing', 'stroke', 'stroke-width', 'filter',
 ]);
 const INHERITED = new Set([
   'fill', 'fill-opacity', 'fill-rule', 'visibility', 'font-family', 'font-size', 'font-weight', 'font-style',
-  'text-anchor', 'letter-spacing',
+  'text-anchor', 'letter-spacing', 'stroke', 'stroke-width',
 ]);
 // Properties that would move or reshape text in ways this gate does not model.
 const UNMODELLED = new Set(['font', 'transform', 'font-stretch', 'font-variant', 'word-spacing', 'text-length', 'writing-mode', 'direction']);
@@ -403,11 +427,12 @@ function computeStyle(el, rules, parentStyle) {
   if (el.attrs.style) Object.assign(specified, parseDecls(el.attrs.style, `style attribute at line ${el.line}`));
   for (const [prop, value] of Object.entries(specified)) if (value === 'inherit') delete specified[prop];
 
-  const parent = parentStyle ?? { fill: 'black', 'fill-opacity': '1', 'fill-rule': 'nonzero', visibility: 'visible', 'font-family': 'serif', fontSize: 16, fontWeight: 400, 'font-style': 'normal', 'text-anchor': 'start', letterSpacing: 0 };
+  const parent = parentStyle ?? { fill: 'black', 'fill-opacity': '1', 'fill-rule': 'nonzero', visibility: 'visible', 'font-family': 'serif', fontSize: 16, fontWeight: 400, 'font-style': 'normal', 'text-anchor': 'start', letterSpacing: 0, stroke: 'none', 'stroke-width': '1' };
   const style = {};
   for (const prop of INHERITED) style[prop] = specified[prop] ?? parent[prop];
   style.display = specified.display ?? 'inline';
   style.opacity = specified.opacity ?? '1';
+  style.filter = specified.filter ?? 'none';
 
   const size = specified['font-size'];
   if (size === undefined) style.fontSize = parent.fontSize;
@@ -504,6 +529,133 @@ function layoutText(text, rules, textStyle) {
   return { box, content: chars.map((c) => c.ch).join('') };
 }
 
+// --- drop shadows ----------------------------------------------------------
+
+const union = (a, b) => (a ? { x0: Math.min(a.x0, b.x0), y0: Math.min(a.y0, b.y0), x1: Math.max(a.x1, b.x1), y1: Math.max(a.y1, b.y1) } : b);
+const grow = (b, dx, dy = dx) => ({ x0: b.x0 - dx, y0: b.y0 - dy, x1: b.x1 + dx, y1: b.y1 + dy });
+
+// Share of a Gaussian lying more than k standard deviations out: how opaque a
+// blurred edge still is k·σ past it, as a fraction of its full opacity
+// (erfc after Abramowitz and Stegun 7.1.26, accurate to 1e-7).
+function gaussianTail(k) {
+  const x = Math.abs(k) / Math.SQRT2;
+  const t = 1 / (1 + 0.3275911 * x);
+  const erfc = t * (0.254829592 + t * (-0.284496736 + t * (1.421413741 + t * (-1.453152027 + t * 1.061405429)))) * Math.exp(-x * x);
+  return k >= 0 ? erfc / 2 : 1 - erfc / 2;
+}
+
+// The object bounding box of an element (geometry only: what objectBoundingBox
+// units are fractions of) and the box it paints (geometry grown by half its
+// stroke: what the shadow is cast from), both in the element's own user space.
+function objectBoxes(el, rules, style, canvas) {
+  const stroked = (b) => grow(b, style.stroke !== 'none' ? (parseFloat(style['stroke-width']) || 0) / 2 : 0);
+  if (el.name === 'text') {
+    const laid = layoutText(el, rules, style);
+    return laid && { geom: laid.box, paint: stroked(laid.box) };
+  }
+  if (el.name === 'line') {
+    const a = el.attrs, W = canvas.x1 - canvas.x0, H = canvas.y1 - canvas.y0;
+    const b = boxOf([[len(a.x1, W), len(a.y1, H)], [len(a.x2, W), len(a.y2, H)]]);
+    return { geom: b, paint: stroked(b) };
+  }
+  if (SHAPES.has(el.name) || el.name === 'polyline') {
+    const geo = shapeGeometry(el, canvas);
+    return geo && { geom: geo.box, paint: stroked(geo.box) };
+  }
+  if (UNSUPPORTED_ELEMENTS.has(el.name)) throw new Unsupported(`<${el.name}> at line ${el.line} is not modelled`);
+  let geom = null, paint = null;
+  for (const child of el.children) {
+    if (!child.name || NOT_RENDERED.has(child.name)) continue;
+    const s = computeStyle(child, rules, style);
+    if (s.display === 'none') continue;
+    const b = objectBoxes(child, rules, s, canvas);
+    if (!b) continue;
+    const m = parseTransform(child.attrs.transform);
+    geom = union(geom, toRoot(m, b.geom));
+    paint = union(paint, toRoot(m, b.paint));
+  }
+  return geom && { geom, paint };
+}
+
+// A <filter> the gate can measure: one feDropShadow, no primitive subregion.
+function readFilter(node) {
+  const where = `filter #${node.attrs.id} at line ${node.line}`;
+  const a = node.attrs;
+  const units = a.filterUnits ?? 'objectBoundingBox';
+  if (units !== 'objectBoundingBox' && units !== 'userSpaceOnUse') throw new Unsupported(`filterUnits "${units}" on ${where} is not modelled`);
+  if ((a.primitiveUnits ?? 'userSpaceOnUse') !== 'userSpaceOnUse') throw new Unsupported(`primitiveUnits on ${where} is not modelled`);
+  if (a.href !== undefined || a['xlink:href'] !== undefined) throw new Unsupported(`href on ${where} is not modelled`);
+  const primitives = node.children.filter((c) => c.name);
+  if (primitives.length !== 1 || primitives[0].name !== 'feDropShadow') {
+    throw new Unsupported(`${where} is not a single feDropShadow (${primitives.map((c) => c.name).join(', ') || 'empty'}), which is all the gate models`);
+  }
+  const fe = primitives[0].attrs;
+  for (const k of ['x', 'y', 'width', 'height']) if (fe[k] !== undefined) throw new Unsupported(`a primitive subregion on ${where} is not modelled`);
+  const sd = numbers(fe.stdDeviation ?? '2');
+  return {
+    id: a.id, line: node.line, units, x: a.x, y: a.y, width: a.width, height: a.height,
+    dx: fe.dx === undefined ? 2 : parseFloat(fe.dx), dy: fe.dy === undefined ? 2 : parseFloat(fe.dy),
+    sx: sd[0], sy: sd[1] ?? sd[0],
+    opacity: fe['flood-opacity'] === undefined ? 1 : parseFloat(fe['flood-opacity']),
+  };
+}
+
+// The filter region in the element's user space.
+function filterRegion(f, box, canvas) {
+  const frac = (v, fallback) => (v === undefined ? fallback : /%$/.test(v.trim()) ? parseFloat(v) / 100 : parseFloat(v));
+  if (f.units === 'objectBoundingBox') {
+    const W = box.x1 - box.x0, H = box.y1 - box.y0;
+    const x = frac(f.x, -0.1), y = frac(f.y, -0.1), w = frac(f.width, 1.2), h = frac(f.height, 1.2);
+    return { x0: box.x0 + x * W, y0: box.y0 + y * H, x1: box.x0 + (x + w) * W, y1: box.y0 + (y + h) * H };
+  }
+  const CW = canvas.x1 - canvas.x0, CH = canvas.y1 - canvas.y0;
+  const x = len(f.x ?? '-10%', CW), y = len(f.y ?? '-10%', CH);
+  return { x0: x, y0: y, x1: x + len(f.width ?? '120%', CW), y1: y + len(f.height ?? '120%', CH) };
+}
+
+const SIDES = ['top', 'bottom', 'left', 'right'];
+
+// Rule 3: the shadow, out to SHADOW_REACH σ past the offset painted box, must
+// lie inside the filter region wherever it falls on the canvas.
+function measureShadow({ el, style, ctm }, filters, rules, canvas) {
+  const ref = style.filter.match(/^url\(\s*['"]?#([^'")\s]+)['"]?\s*\)$/);
+  if (!ref) throw new Unsupported(`filter "${style.filter}" at line ${el.line} is not modelled`);
+  const node = filters.get(ref[1]);
+  if (!node) throw new Unsupported(`<${el.name}> at line ${el.line} references a missing filter #${ref[1]}`);
+  const f = readFilter(node);
+  const boxes = objectBoxes(el, rules, style, canvas);
+  if (!boxes) return null;
+  const { geom, paint } = boxes;
+  if (f.units === 'objectBoundingBox' && (geom.x1 <= geom.x0 || geom.y1 <= geom.y0)) {
+    throw new Unsupported(`<${el.name}> at line ${el.line} has an empty bounding box, which disables its objectBoundingBox filter`);
+  }
+  const region = filterRegion(f, geom, canvas);
+  const cast = { x0: paint.x0 + f.dx, y0: paint.y0 + f.dy, x1: paint.x1 + f.dx, y1: paint.y1 + f.dy };
+  const reach = grow(cast, SHADOW_REACH * f.sx, SHADOW_REACH * f.sy);
+  // How far past the cast box each side of the region lies, in σ.
+  const margin = {
+    top: (cast.y0 - region.y0) / f.sy, bottom: (region.y1 - cast.y1) / f.sy,
+    left: (cast.x0 - region.x0) / f.sx, right: (region.x1 - cast.x1) / f.sx,
+  };
+  // The part of the shadow each side cuts away, and whether it is on the canvas.
+  const lost = {
+    top: { ...reach, y1: Math.min(reach.y1, region.y0) },
+    bottom: { ...reach, y0: Math.max(reach.y0, region.y1) },
+    left: { ...reach, x1: Math.min(reach.x1, region.x0) },
+    right: { ...reach, x0: Math.max(reach.x0, region.x1) },
+  };
+  const cuts = [];
+  for (const side of SIDES) {
+    const l = lost[side];
+    if (l.x1 <= l.x0 || l.y1 <= l.y0) continue;
+    const r = toRoot(ctm, l);
+    const w = Math.min(r.x1, canvas.x1) - Math.max(r.x0, canvas.x0);
+    const h = Math.min(r.y1, canvas.y1) - Math.max(r.y0, canvas.y0);
+    if (w > TOLERANCE && h > TOLERANCE) cuts.push({ side, margin: margin[side], opacity: f.opacity * gaussianTail(margin[side]) });
+  }
+  return { line: el.line, tag: el.name, filter: f, box: geom, paint, region, reach, margin, cuts };
+}
+
 export function checkSvg(src) {
   const svg = parseXml(src);
   const vb = numbers(svg.attrs.viewBox ?? '');
@@ -524,6 +676,7 @@ export function checkSvg(src) {
   // shape under a text that sits on nothing else.
   const painted = [{ tag: 'canvas', line: svg.line, box: canvas, contains: () => true, inverse: IDENTITY, order: -1 }];
   const texts = [];
+  const filtered = [];
   let order = 0;
   const walk = (el, parentStyle, parentCtm) => {
     if (NOT_RENDERED.has(el.name)) return;
@@ -531,6 +684,7 @@ export function checkSvg(src) {
     const style = computeStyle(el, rules, parentStyle);
     if (style.display === 'none' || Number(style.opacity) === 0) return;
     const ctm = el === svg ? IDENTITY : multiply(parentCtm, parseTransform(el.attrs.transform));
+    if (style.filter !== 'none') filtered.push({ el, style, ctm });
     if (el.name === 'text') {
       if (style.visibility === 'hidden') return;
       const laid = layoutText(el, rules, style);
@@ -550,8 +704,19 @@ export function checkSvg(src) {
   };
   walk(svg, null, IDENTITY);
 
+  const filters = new Map();
+  const indexFilters = (node) => {
+    for (const c of node.children ?? []) {
+      if (!c.name) continue;
+      if (c.name === 'filter' && c.attrs.id) filters.set(c.attrs.id, c);
+      indexFilters(c);
+    }
+  };
+  indexFilters(svg);
+  const shadows = filtered.map((f) => measureShadow(f, filters, rules, canvas)).filter(Boolean);
+
   const inFill = (shape, point) => shape.contains(apply(shape.inverse, point), shape.evenOdd);
-  return texts.map((t) => {
+  const measured = texts.map((t) => {
     // Rule 1, the shape under the text: the last one painted before it whose
     // fill holds the box's centre. The box must stay inside its bounds.
     const centre = [(t.box.x0 + t.box.x1) / 2, (t.box.y0 + t.box.y1) / 2];
@@ -578,6 +743,7 @@ export function checkSvg(src) {
     }
     return { ...t, host, over, worst: Math.max(...Object.values(over)), covers };
   });
+  return { texts: measured, shadows };
 }
 
 // --- CLI -------------------------------------------------------------------
@@ -600,19 +766,31 @@ async function main() {
   const rel = (f) => path.relative(ROOT, f).split(path.sep).join('/');
   const fmt = (n) => n.toFixed(1);
 
-  let boxes = 0, allowed = 0;
-  const crossings = [], errors = [];
+  let boxes = 0, allowed = 0, filtered = 0;
+  const crossings = [], cutShadows = [], errors = [];
   const usedAllow = new Set();
   for (const file of files) {
-    let results;
+    let results, shadows;
     try {
-      results = checkSvg(await readFile(file, 'utf8'));
+      ({ texts: results, shadows } = checkSvg(await readFile(file, 'utf8')));
     } catch (err) {
       if (!(err instanceof Unsupported)) throw err;
       errors.push(`${rel(file)}: ${err.message}`);
       continue;
     }
     boxes += results.length;
+    filtered += shadows.length;
+    for (const sh of shadows) {
+      const where = `${rel(file)}:${sh.line}`;
+      const filterName = `filter #${sh.filter.id} (line ${sh.filter.line})`;
+      if (verbose) {
+        const margins = SIDES.map((side) => `${side} ${fmt(sh.margin[side])}σ`).join(', ');
+        console.log(`${where}  <${sh.tag}> ${filterName}  filter region margin beyond the offset shape: ${margins} (needs ${SHADOW_REACH}σ on the canvas)`);
+      }
+      if (!sh.cuts.length) continue;
+      const sides = sh.cuts.map((c) => `${c.side} ${fmt(c.margin)}σ out (${(c.opacity * 100).toFixed(2)}% opaque there)`).join(', ');
+      cutShadows.push(`${where}  <${sh.tag}> ${filterName} cuts off its drop shadow at ${sides}; the region must reach ${SHADOW_REACH}σ out on every side that lands on the canvas`);
+    }
     for (const r of results) {
       const where = `${rel(file)}:${r.line}`;
       const hostName = r.host.tag === 'canvas' ? 'the canvas' : `the ${r.host.tag} at line ${r.host.line}`;
@@ -639,19 +817,21 @@ async function main() {
   const stale = ALLOW.filter((a, i) => scanned.has(a.file) && !usedAllow.has(i));
 
   for (const c of crossings) console.error(c);
+  for (const c of cutShadows) console.error(c);
   for (const a of stale) console.error(`${a.file}  allowlist entry "${a.text.slice(0, 60)}…" no longer matches a crossing; remove it`);
   for (const e of errors) console.error(`${e} (the gate cannot measure this file)`);
-  const summary = `${files.length} SVG${files.length === 1 ? '' : 's'}, ${boxes} text boxes, tolerance ${TOLERANCE}px, ${allowed} allowlisted`;
-  if (crossings.length || stale.length || errors.length) {
+  const summary = `${files.length} SVG${files.length === 1 ? '' : 's'}, ${boxes} text boxes, ${filtered} filtered elements, tolerance ${TOLERANCE}px, ${allowed} allowlisted`;
+  if (crossings.length || cutShadows.length || stale.length || errors.length) {
     const what = [
       crossings.length && `${crossings.length} text box${crossings.length === 1 ? '' : 'es'} crossing the shape under ${crossings.length === 1 ? 'it' : 'them'} or running under a shape painted over ${crossings.length === 1 ? 'it' : 'them'}`,
+      cutShadows.length && `${cutShadows.length} drop shadow${cutShadows.length === 1 ? '' : 's'} cut off by ${cutShadows.length === 1 ? 'its' : 'their'} filter region on the canvas`,
       stale.length && `${stale.length} stale allowlist entr${stale.length === 1 ? 'y' : 'ies'}`,
       errors.length && `${errors.length} unmeasurable file${errors.length === 1 ? '' : 's'}`,
     ].filter(Boolean).join('; ');
     console.error(`svg-text-fit: FAIL — ${what} (${summary})`);
     exit(1);
   }
-  console.log(`svg-text-fit: OK — no text box crosses the shape under it or runs under a shape painted over it (${summary})`);
+  console.log(`svg-text-fit: OK — no text box crosses the shape under it or runs under a shape painted over it, and no drop shadow is cut off by its filter region (${summary})`);
 }
 
 if (import.meta.url === pathToFileURL(argv[1] ?? '').href) await main();