.architecture-diagram{margin:32px 0;padding:24px;border:2px solid #151515;background:#fff;box-shadow:4px 4px #151515;color:#151515;font-family:var(--font-sans);font-size:14px;line-height:1.5}.architecture-diagram-stack{display:flex;flex-direction:column;align-items:center;max-width:460px;margin-inline:auto}.architecture-diagram-stack-wide{max-width:620px}.architecture-diagram-box{width:100%;min-width:0;border:2px solid #151515;padding:14px 16px;background:#fff;color:#151515;text-align:center;overflow-wrap:anywhere}.architecture-diagram-blue,.architecture-diagram-cyan{background:#304bff;color:#fff}.architecture-diagram-purple{background:#b899ff}.architecture-diagram-green{background:#dfff00}.architecture-diagram-amber{background:#ff6b35}.architecture-diagram-red{background:#ff82d4}.architecture-diagram-label{font-size:15px;line-height:1.4;font-weight:800}.architecture-diagram-subtitle{margin-top:4px;font-size:13px;font-weight:600}.architecture-diagram-items{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}.architecture-diagram-items span{border:1px solid #151515;padding:4px 8px;background:#fff;color:#151515;font-size:13px;font-weight:600}.architecture-diagram-narrow{width:min(100%,280px)}.architecture-diagram-arrow{display:flex;flex-direction:column;align-items:center;gap:2px;padding-block:8px;color:#151515;font-size:13px;font-weight:700}.architecture-diagram-arrow svg{flex-shrink:0}.architecture-diagram-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%}.architecture-diagram-group{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%}.architecture-diagram-group>.architecture-diagram-box{flex:1 1 150px}.architecture-diagram-caption{max-width:620px;margin:20px auto 0;padding-top:16px;border-top:1px solid #151515;color:#303030;font-size:14px;line-height:1.6;text-align:left}.architecture-diagram-condition{margin-bottom:20px;text-align:center}.architecture-diagram-condition code{display:inline-block;padding:8px 12px;border:2px solid #151515;background:#dfff00;color:#151515;font-family:inherit;font-size:14px;font-weight:750}.architecture-diagram-condition code:before,.architecture-diagram-condition code:after{content:none}.architecture-diagram-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.architecture-diagram-file{min-width:0;border:2px solid #151515;padding:14px 10px;text-align:center;overflow-wrap:anywhere}.architecture-diagram-file.has-logic{background:#ff82d4}.architecture-diagram-file strong{display:block;font-size:14px;font-weight:750}.architecture-diagram-file span{display:block;margin-top:4px;font-size:13px}.architecture-diagram-table-wrap{margin-block:32px;border:2px solid #151515;overflow-x:auto}.architecture-diagram-table{width:100%;min-width:540px;border-collapse:collapse;background:#fff;color:#151515;font-family:var(--font-sans);font-size:14px;line-height:1.6}.architecture-diagram-table th,.architecture-diagram-table td{padding:13px 15px;border-right:1px solid #151515;border-bottom:1px solid #151515;text-align:left;vertical-align:top}.architecture-diagram-table thead th{background:#151515;color:#fff;font-weight:800}.architecture-diagram-table thead th:nth-child(2){background:#b899ff;color:#151515}.architecture-diagram-table thead th:nth-child(3){background:#ff82d4;color:#151515}.architecture-diagram-table tbody th{font-weight:750}.architecture-diagram-table tr>:last-child{border-right:0}.architecture-diagram-table tbody tr:last-child>*{border-bottom:0}@media(max-width:600px){.architecture-diagram{padding:16px}.architecture-diagram-files{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.architecture-diagram-box{padding:12px}.architecture-diagram-branches{gap:8px}}