#arch{--a-border:rgba(255, 255, 255, .14);--a-text:#e8eef6;--a-dim:#9fb0bd;--a-accent:#4d96ff;--a-blue:#2dd4bf;border-radius:var(--r-panel);margin:1.5rem 0;overflow:hidden}#arch .arch-head{background:rgba(255,255,255,5%);border-bottom:1px solid var(--a-border);color:#cdd7e3;font-family:ibm plex mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;padding:.55rem .95rem}#arch svg{display:block;width:100%;height:auto;padding:.5rem .5rem 0}#arch .arch-node{cursor:pointer}#arch .arch-node rect{fill:rgba(255,255,255,7%);stroke:var(--a-border);stroke-width:1.5;transition:stroke .12s ease,filter .12s ease}#arch .arch-node:hover rect{stroke:var(--a-accent)}#arch .arch-node.selected rect{stroke:var(--a-accent);stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(77,150,255,.45))}#arch .arch-title{fill:#e8eef6;font:600 15px ibm plex mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#arch .arch-sub{fill:#9fb0bd;font:11px ibm plex mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#arch .arch-tag rect{rx:6}#arch .arch-tag .arch-title{font-size:12px}#arch .arch-edge{fill:none;stroke:#9fb3c8;stroke-width:2}#arch .arch-edge.dashed{stroke-dasharray:5 5}#arch .arch-edge-label{fill:var(--a-dim);font:11px ibm plex mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#arch .arch-hit{cursor:pointer}#arch .arch-hit:hover+.arch-edge,#arch .arch-edge.selected{stroke:var(--a-accent)}#arch .pkt-req{fill:var(--a-accent)}#arch .pkt-res{fill:var(--a-blue)}#arch .arch-legend{border-top:1px solid var(--a-border);color:var(--a-dim);display:flex;flex-wrap:wrap;font:.8rem ibm plex mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;gap:.35rem 1.6rem;padding:.7rem 1.35rem}#arch .lg-dot{border-radius:50%;display:inline-block;height:10px;margin-right:.45rem;vertical-align:middle;width:10px}#arch .lg-req{background:var(--a-accent)}#arch .lg-res{background:var(--a-blue)}#arch .arch-panel{border-top:1px solid var(--a-border);padding:1.1rem 1.35rem 1.3rem;min-height:7.5rem}#arch .arch-panel-tag{color:var(--a-accent);font:.72rem ibm plex mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.05em;text-transform:uppercase}#arch .arch-panel h3{color:var(--a-text);font-size:1.15rem;margin:.3rem 0 .5rem}#arch .arch-panel p{color:var(--a-dim);font-size:.92rem;margin:0 0 .6rem}#arch .arch-panel .arch-why{border-left:2px solid var(--a-border);color:var(--a-dim);font-size:.86rem;padding-left:.7rem}#arch .arch-hint{color:var(--a-dim);font-size:.9rem}