.diagram-container{width:100vw;margin-left:calc(-50vw + 50%);margin-top:2rem;margin-bottom:2rem;padding:1rem 0;background:var(--page-background);display:flex;justify-content:center;align-items:center}.architecture-diagram{max-width:min(90vw,1200px);height:auto;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:transform .2s ease}.architecture-diagram:hover{transform:scale(1.02)}@media (max-width:1024px){.architecture-diagram{max-width:92vw}}@media (max-width:768px){.diagram-container{padding:.5rem 0}.architecture-diagram{max-width:95vw;border-radius:8px}}@media (max-width:480px){.architecture-diagram{max-width:98vw}}