.mxn-hub .mxnho-diagram{min-width:0;min-height:560px;padding:26px 22px;background-color:#fff;background-image:radial-gradient(#dce5ef .8px,transparent .8px);background-size:18px 18px;border:1px solid #d4e1ed;border-radius:14px;box-shadow:0 10px 30px #0b284611;overflow:auto}
.mxn-hub .mxnho-diagram[hidden],.mxn-hub .hub-map[hidden]{display:none!important}
.mxn-hub .mxnho-diagram h2{font-size:24px;margin:0 0 8px}
.mxn-hub .mxnho-diagram-help,.mxn-hub .mxnho-diagram-footnote{font-size:13px;line-height:1.6;color:#536980}
.mxn-hub .mxnho-diagram-tree{margin:38px 0 26px}
.mxn-hub .mxnho-diagram-root{position:relative;max-width:290px;margin:auto;padding:20px 18px;background:#102c4e;color:#fff;text-align:center;font-size:18px;font-weight:700;border-radius:12px;box-shadow:0 4px 12px #102c4e20}
.mxn-hub .mxnho-diagram-root:after{content:'';position:absolute;left:50%;top:100%;height:28px;border-left:2px solid #a7b9cc}
.mxn-hub .mxnho-diagram-branches{display:flex;gap:20px;align-items:flex-start;justify-content:center;padding-top:28px}
.mxn-hub .mxnho-diagram-branch{flex:1;position:relative;border-top:2px solid #a7b9cc;padding-top:22px;min-width:150px}
.mxn-hub .mxnho-diagram-branch:before{content:'';position:absolute;left:50%;top:0;height:22px;border-left:2px solid #a7b9cc}
.mxn-hub .mxnho-diagram-category{max-width:240px;margin:0 auto 25px;padding:12px 10px;text-align:center;background:#edf3f8;border:1px solid #b8cbdc;border-radius:9px;font-size:15px;line-height:1.4}
.mxn-hub .mxnho-diagram-nodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;list-style:none;padding:0;margin:0}
.mxn-hub .mxnho-diagram-nodes li{margin:0;min-width:0}
.mxn-hub .mxnho-diagram-node{width:100%;height:100%;display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:flex-start;padding:17px 12px;min-height:175px;text-align:center;color:#102c4e;background:#fff;border:1px solid #d3dfec;border-radius:11px;box-shadow:0 3px 10px #102c4e08;overflow-wrap:anywhere}
.mxn-hub .mxnho-diagram-node strong{font-size:14px;line-height:1.4}
.mxn-hub .mxnho-diagram-node small{font-size:11px;line-height:1.5;color:#637a94}
.mxn-hub .mxnho-diagram-node[aria-pressed=true]{border:2px solid #c79a37;background:#fffcf4;padding:16px 11px;box-shadow:0 0 0 2px #102c4e15}
.mxn-hub .mxnho-diagram-node:hover{border-color:#102c4e}
.mxn-hub .mxnho-diagram-icon{display:flex;align-items:center;justify-content:center;background:#e8f1fb;border-radius:50%;width:42px;height:42px;font-size:24px}
.mxn-hub .mxnho-diagram-node .hub-status{margin-top:auto}
.mxn-hub .mxnho-diagram-empty{padding:25px;text-align:center}
.mxn-hub .hub-nav{flex-wrap:wrap}
@media(max-width:1050px){.mxn-hub .mxnho-diagram{padding:20px 14px}.mxn-hub .mxnho-diagram-branches{gap:12px}.mxn-hub .mxnho-diagram-nodes{grid-template-columns:1fr}}
@media(max-width:760px){.mxn-hub .mxnho-diagram{min-height:0;padding:20px 14px}.mxn-hub .mxnho-diagram-branches{flex-wrap:wrap}.mxn-hub .mxnho-diagram-branch{flex:1 1 170px}.mxn-hub .mxnho-diagram-nodes{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.mxn-hub .hub-nav{gap:14px;row-gap:3px}}