From 0079172e669219493b270de3868c27eab8719069 Mon Sep 17 00:00:00 2001
From: HiranoMasaaki <lambda.groove@gmail.com>
Date: Thu, 19 Mar 2026 17:01:24 +0900
Subject: [PATCH] docs: make architecture diagram full-width

Scale the SVG to fill the container width while preserving aspect ratio
in both README.md and docs/index.mdx.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 README.md      | 2 +-
 docs/index.mdx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 699501b2..41273859 100644
--- a/README.md
+++ b/README.md
@@ -19,7 +19,7 @@
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="docs/architecture.svg">
     <source media="(prefers-color-scheme: light)" srcset="docs/architecture.svg">
-    <img alt="Perstack Architecture" src="docs/architecture.svg" width="720">
+    <img alt="Perstack Architecture" src="docs/architecture.svg" width="100%">
   </picture>
 </p>
 
diff --git a/docs/index.mdx b/docs/index.mdx
index 1aefc7e1..a9c7dcde 100644
--- a/docs/index.mdx
+++ b/docs/index.mdx
@@ -7,7 +7,7 @@ pagefind: true
 
 import { LinkCard, CardGrid } from '@astrojs/starlight/components';
 
-<img src="/docs/architecture.svg" alt="Perstack Architecture" width="720" />
+<img src="/docs/architecture.svg" alt="Perstack Architecture" style="width:100%;height:auto" />
 
 Perstack is a containerized harness for agentic apps.