diff --git a/architecture_diagram.html b/architecture_diagram.html
index 1af0625..caab53e 100644
--- a/architecture_diagram.html
+++ b/architecture_diagram.html
@@ -134,6 +134,62 @@
.animate-flow {
animation: flow 2s ease-in-out infinite;
}
+ @media print {
+ @page {
+ size: A4 portrait;
+ margin: 12mm;
+ }
+ body {
+ padding: 0;
+ background: white;
+ }
+ .container {
+ max-width: none;
+ padding: 0;
+ box-shadow: none;
+ }
+ h1 {
+ font-size: 22px;
+ margin: 0 0 4px;
+ }
+ .subtitle {
+ margin: 0 0 12px;
+ font-size: 11px;
+ }
+ .diagram-wrapper {
+ margin: 0;
+ padding: 8px;
+ border-left-width: 3px;
+ break-inside: avoid;
+ }
+ .mermaid {
+ min-width: 0;
+ }
+ .mermaid svg {
+ width: auto;
+ max-width: 100%;
+ max-height: 185mm;
+ }
+ .legend {
+ grid-template-columns: repeat(4, 1fr);
+ gap: 6px;
+ margin-top: 10px;
+ padding-top: 8px;
+ font-size: 9px;
+ break-inside: avoid;
+ }
+ .legend-item {
+ font-size: 9px;
+ }
+ .legend-color {
+ width: 12px;
+ height: 12px;
+ margin-right: 5px;
+ }
+ .section {
+ display: none;
+ }
+ }
diff --git a/architecture_diagram.pdf b/architecture_diagram.pdf
index e8475a3..93e1644 100644
Binary files a/architecture_diagram.pdf and b/architecture_diagram.pdf differ