.architectureDiagram svg {
        width: 100%;
        height: auto;
        display: block;
        background: transparent;
      }
      .architectureDiagram text {
        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        fill: #1e293b;
      }
      .architectureDiagram .layer {
        fill: #eaf2ff;
        stroke: #d5e4f7;
      }
      .architectureDiagram .box {
        fill: #ffffff;
        stroke: #94a3b8;
        stroke-width: 2;
        rx: 12;
      }
      .architectureDiagram .innerBox {
        fill: #f8fafc;
        stroke: #94a3b8;
        stroke-width: 2;
        rx: 10;
      }
      .architectureDiagram .line {
        stroke: #64748b;
        stroke-width: 2;
        fill: none;
      }
      .architectureDiagram .label {
        fill: #475569;
        font-size: 18px;
        font-weight: 600;
      }
      .architectureDiagram .title {
        font-size: 20px;
        font-weight: 700;
      }
      .architectureDiagram .subtitle {
        fill: #64748b;
        font-size: 15px;
      }
      .architectureDiagram .side {
        fill: #475569;
        font-size: 16px;
        font-weight: 600;
      }