.rich-architecture .arch-products{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.rich-architecture .arch-products:has(>article:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.diagram-product{background:#fff;border:1px solid #dce6f3;border-radius:10px;min-width:0;overflow:hidden}.diagram-product-image{background:linear-gradient(120deg,#f4f8ff,#fff);border-bottom:1px solid #e6edf6;padding:12px 18px}.diagram-product-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:145px}.diagram-product-copy{padding:21px}.rich-architecture .diagram-node-number{color:#7792b5;font-size:11px;line-height:1.8;display:block}.diagram-product h3{margin:9px 0 12px;font-size:19px;line-height:1.6}.diagram-product p{color:#677b94;margin:0;font-size:13px;line-height:1.95}.diagram-product dl{border-top:1px solid #e5edf6;margin:18px 0 0;padding-top:12px}.diagram-product dl>div{grid-template-columns:28px 1fr;gap:10px;margin:8px 0;display:grid}.diagram-product dt,.diagram-product dd{margin:0;font-size:11px;line-height:1.9}.diagram-product dt{color:#3a659a}.diagram-product dd{color:#7a8ca5}.rich-architecture .arch-core{background:#f8fbff;padding:25px}.diagram-core-grid,.diagram-connections{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.diagram-core-grid{border-top:1px solid #dfe8f5;margin-top:23px;padding-top:23px}.diagram-item-title{align-items:center;gap:10px;display:flex}.diagram-item-title img{flex:none;width:24px;height:24px}.diagram-item-title h4{margin:0;font-size:15px;line-height:1.65}.rich-architecture .diagram-core-grid p,.rich-architecture .diagram-connections p{color:#6b7e97;margin:11px 0 0;font-size:12px;line-height:1.95}.rich-architecture .arch-interface{background:#fff;padding:23px;display:block}.rich-architecture .arch-interface>span{margin-top:8px;font-size:12px;line-height:1.9;display:block}.diagram-connections{margin-top:23px}.diagram-scope-note{color:#899bb2;margin:18px 0 0;font-size:11px;line-height:1.9}.diagram-flow-overview{border-bottom:1px solid #e3ebf6;grid-template-columns:.75fr 1.25fr;align-items:center;gap:32px;padding:22px 0 27px;display:grid}.diagram-flow-overview figure{background:linear-gradient(135deg,#f3f7fd,#fff);border:1px solid #e5edf7;border-radius:10px;min-width:0;margin:0;padding:12px 16px}.diagram-flow-overview figure img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:205px}.diagram-flow-overview figcaption{text-align:center;color:#829ab9;padding:8px 0 2px;font-size:10px;line-height:1.8}.diagram-overview-copy>span{color:var(--project,#6c8fbd);font-size:11px}.diagram-overview-copy h3{margin:10px 0 17px;font-size:23px;line-height:1.65}.diagram-overview-copy dl{margin:0}.diagram-overview-copy dl>div{border-top:1px solid #e8eef6;grid-template-columns:60px 1fr;gap:14px;padding:9px 0;display:grid}.diagram-overview-copy dt,.diagram-overview-copy dd{margin:0;font-size:12px;line-height:1.9}.diagram-overview-copy dt{color:#45688f;font-weight:600}.diagram-overview-copy dd{color:#6f8097}.rich-flow .flow-track{gap:16px;margin:27px 0}.rich-flow .flow-step{background:linear-gradient(145deg,var(--project-pale,#f3f7fd),#fff);flex-direction:column;align-items:flex-start;padding:20px 16px;display:flex}.diagram-step-icon{background:#fff;border:1px solid #dce7f5;border-radius:9px;place-items:center;width:39px;height:39px;margin-bottom:15px;display:grid}.diagram-step-icon img{width:23px;height:23px}.rich-flow .flow-step>span{margin-bottom:8px;font-size:11px}.rich-flow .flow-step h3{margin:0 0 7px;font-size:16px;line-height:1.6}.diagram-step-role{color:var(--project,#567db1);margin-bottom:10px;font-size:10px}.rich-flow .flow-step p{margin:0 0 17px;font-size:12px;line-height:1.95}.diagram-step-output{border-top:1px solid #dfe7f2;width:100%;margin-top:auto;padding-top:12px}.diagram-step-output span{color:#8a9bb0;margin-bottom:4px;font-size:10px;display:block}.diagram-step-output b{color:#46678f;font-size:11px;font-weight:500;line-height:1.85;display:block}.diagram-exception{background:#f5f8fc;border:1px solid #e0e8f3;border-radius:8px;gap:15px;margin-top:20px;padding:18px 20px;display:flex}.diagram-exception>img{flex:none;width:24px;height:24px;margin-top:2px}.diagram-exception h4{margin:0 0 6px;font-size:14px;line-height:1.7}.diagram-exception p{color:#73849b;margin:0;font-size:12px;line-height:1.95}.rich-system-parts .diagram-home-image{background:linear-gradient(120deg,#f0f6ff,#fff);border:1px solid #e2ebf7;border-radius:6px;margin:-5px -5px 16px;padding:8px}.rich-system-parts .diagram-home-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:125px}.rich-system-parts article .diagram-home-example{color:#7890ad;border-top:1px solid #e1eaf7;margin:15px 0 0;padding-top:12px;font-size:11px;line-height:1.95}.diagram-home-example b{color:#4e749f;margin-bottom:6px;font-weight:500;display:block}.diagram-agent-icon{background:#f6f9fe;border:1px solid #dce7f6;border-radius:8px;place-items:center;width:36px;height:36px;margin-bottom:12px;display:grid}.diagram-agent-icon img{width:23px;height:23px}.diagram-agent-io{border-top:1px solid #e6edf6;margin:13px 0 0;padding-top:8px}.diagram-agent-io>div{grid-template-columns:28px 1fr;gap:10px;margin:5px 0;display:grid}.diagram-agent-io dt,.diagram-agent-io dd{margin:0;font-size:11px;line-height:1.9}.diagram-agent-io dt{color:#5076a6}.diagram-agent-io dd{color:#8395ae}@media (width<=1100px){.rich-architecture .arch-products,.rich-architecture .arch-products:has(>article:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.rich-flow .flow-track{grid-template-columns:repeat(3,minmax(0,1fr))}.rich-flow .flow-step:after{display:none}.diagram-product-copy{padding:19px}.diagram-flow-overview{gap:23px}.diagram-overview-copy h3{font-size:21px}}@media (width<=700px){.rich-architecture .arch-products,.rich-architecture .arch-products:has(>article:nth-child(4)){grid-template-columns:1fr;gap:18px}.diagram-product-image img{height:150px}.diagram-product-copy{padding:20px}.diagram-product h3{font-size:20px}.diagram-product p{font-size:13px}.diagram-product dl>div{gap:10px}.diagram-product dt,.diagram-product dd{font-size:12px}.rich-architecture .arch-core{padding:18px}.diagram-core-grid,.diagram-connections{grid-template-columns:1fr;gap:19px}.diagram-core-grid{margin-top:19px;padding-top:19px}.rich-architecture .arch-interface{padding:18px}.diagram-core-grid article+article,.diagram-connections article+article{border-top:1px solid #e4ecf6;padding-top:16px}.diagram-scope-note{font-size:10px}.diagram-flow-overview{grid-template-columns:1fr;gap:22px;padding:19px 0 23px}.diagram-flow-overview figure img{height:175px}.diagram-overview-copy h3{margin:10px 0 15px;font-size:21px}.diagram-overview-copy dl>div{grid-template-columns:56px 1fr;gap:10px}.diagram-overview-copy dt,.diagram-overview-copy dd{font-size:12px}.rich-flow .flow-track{grid-template-columns:1fr;gap:19px;margin:23px 0}.rich-flow .flow-step{grid-template-columns:42px minmax(0,1fr);gap:5px 13px;padding:19px 17px;display:grid}.diagram-step-icon{grid-area:1/1/4;margin:0}.rich-flow .flow-step>span{grid-area:auto/2;margin:0;font-size:10px}.rich-flow .flow-step h3{grid-column:2;margin:0;font-size:17px}.diagram-step-role{grid-column:2;margin:0 0 5px;font-size:11px}.rich-flow .flow-step p{grid-column:1/-1;margin:7px 0 10px;font-size:12px}.diagram-step-output{grid-column:1/-1;margin:0;padding-top:10px}.diagram-step-output span{margin-right:10px;display:inline}.diagram-step-output b{font-size:12px;display:inline}.rich-flow .flow-step:after{content:"↓";display:block;inset:auto auto -22px 50%}.rich-flow .flow-step:last-child:after{display:none}.diagram-exception{gap:10px;padding:16px}.diagram-exception h4{font-size:13px}.diagram-exception p{font-size:11px}.rich-system-parts .diagram-home-image img{height:150px}}