.system-architecture-help{margin-top:18px;border:1px solid #dbe3ee;border-radius:16px;background:#f8fafc;overflow:hidden}.system-architecture-help>summary{display:grid;gap:5px;padding:16px 18px;cursor:pointer;color:#101828}.system-architecture-help>summary span{font-weight:800}.system-architecture-help>summary small{max-width:880px;color:#64748b;font-weight:400;line-height:1.5}.system-architecture-content{display:grid;gap:18px;padding:0 18px 18px}.system-architecture-diagram{display:grid;gap:9px;padding:18px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.architecture-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.architecture-node{display:grid;gap:5px;min-width:0;padding:13px 14px;border:1px solid #cbd5e1;border-radius:12px;text-align:center}.architecture-node strong{font-size:14px;color:#101828}.architecture-node span{font-size:12px;line-height:1.45;color:#64748b}.architecture-node-actor{background:#fff7f9;border-color:#f2bdcc}.architecture-node-api{background:#f2f7ff;border-color:#bfd3f4}.architecture-connector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;text-align:center;color:#667085;font-weight:800}.architecture-domain-connector{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:#667085;text-align:center}.architecture-domain-connector strong{padding:5px 12px;border-radius:999px;background:#eef2f6;color:#344054;font-size:12px}.architecture-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.architecture-node-service{background:#fbfcfe}.architecture-node-service[data-architecture-domain="payment"]{background:#fff8e8;border-color:#f3d38b}.architecture-node-service[data-architecture-domain="kyc"]{background:#f1fbf7;border-color:#b9e5d1}.architecture-audit-connector{text-align:center;color:#667085;font-weight:800}.architecture-node-audit{background:#f7f4ff;border-color:#d3c6f3}.architecture-principles{padding:15px 16px;border-left:4px solid #d51f4d;border-radius:10px;background:#fff}.architecture-principles h4{margin:0 0 8px}.architecture-principles ul{margin:0;padding-left:20px;color:#475467}.architecture-principles li+li{margin-top:6px}.architecture-help-panel>.system-architecture-help{margin-top:0}@media(max-width:760px){.system-architecture-content{padding:0 12px 12px}.system-architecture-diagram{padding:12px}.architecture-row,.architecture-services{grid-template-columns:1fr}.architecture-connector{grid-template-columns:1fr}.architecture-connector span:last-child{display:none}.architecture-domain-connector{grid-template-columns:1fr}.architecture-domain-connector span:last-child{display:none}.architecture-node{text-align:left}}