/* Native HTML labels remain visible to browser translation; SVG draws only connections. */
.mustb-diagram{position:relative;width:1600px;min-width:1600px;height:1070px;background:#faf9f5;color:var(--ink,#163d39);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mustb-diagram *{box-sizing:border-box}
.mustb-diagram .diagram-panel{position:absolute;top:20px;height:1025px;border:1px solid #c5d3c5;border-radius:14px}
.mustb-diagram .panel-mus{left:20px;width:970px;background:#f6f7f2}
.mustb-diagram .panel-mt{left:1080px;width:500px;background:#f0f5f2}
.mustb-diagram .diagram-connectors{position:absolute;inset:0;width:1600px;max-width:none;height:100%;overflow:visible;pointer-events:none}
.diagram-connectors .connector{fill:none;stroke:#3d7165;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.diagram-connectors .branch-no{stroke-dasharray:6 5}
.mustb-diagram .diagram-title{position:absolute;margin:0;line-height:1.3;z-index:1;text-align:left}
.mustb-diagram .heading{font-size:24px;font-weight:600;max-width:900px}
.mustb-diagram .subtitle{font-size:15px;font-weight:400;max-width:900px;color:#465c56}
.mustb-diagram [data-title="2"],.mustb-diagram [data-title="3"]{max-width:440px}
.mustb-diagram .diagram-html-node{position:absolute;display:flex;align-items:center;justify-content:center;border:1.4px solid #b4c7b8;border-radius:8px;background:white;padding:12px;text-align:center;font-size:15px;line-height:1.4}
.mustb-diagram .diagram-html-node.main{background:#e8efe4;border-color:#789b89;font-size:17px;font-weight:600}
.mustb-diagram .diagram-node-copy{width:100%;overflow-wrap:anywhere;position:relative}
.mustb-diagram .diagram-node-copy small{display:block;font-size:14px;font-weight:400;line-height:1.4;margin-top:10px;color:#465c56}
.mustb-diagram .decision{border:0;background:none;border-radius:0;padding:0 25px;font-size:14px}
.mustb-diagram .decision::before{content:"";position:absolute;inset:0;background:#b4c7b8;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.mustb-diagram .decision::after{content:"";position:absolute;inset:1.5px;background:white;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.mustb-diagram .decision .diagram-node-copy{z-index:1}
.mustb-diagram .diagram-edge-label{position:absolute;z-index:1;margin:0;padding:4px 6px;border-radius:4px;background:#faf9f5;color:#465c56;text-align:center;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.diagram-standalone{padding:24px}
.diagram-standalone h1{font-size:28px;margin:24px 0}
.architecture-diagram-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line,#d9e0d7);border-radius:8px;background:#faf9f5}

.mustb-diagram .decision .diagram-node-copy{overflow-wrap:normal}



/* Bilingual navigation */
.site-header{flex-wrap:wrap}.site-header>nav{margin-left:auto}.language-switch{display:flex;align-items:center;gap:4px;flex-shrink:0;font:600 12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.language-switch a{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:5px;text-decoration:none;color:#163d39;white-space:nowrap}.language-switch a[aria-current]{background:#dbea9d}.language-switch a:hover,.language-switch a:focus-visible{outline:2px solid #205a50;outline-offset:1px}.language-switch span{font-size:18px}body>.language-switch{padding:12px 24px;justify-content:flex-end}@media(max-width:800px){.site-header{gap:16px}.site-header>nav{order:3;width:100%;margin-left:0;flex-wrap:wrap}.site-header>.language-switch{margin-left:auto}}