.lmx-diagram{--lx-teal:#006d5b;--lx-text:#19332a;--lx-border:#d5e5de;--lx-muted:#476258;color:var(--lx-text);background:#f3f8f6;border:1px solid var(--lx-border);border-radius:20px;margin:16px 0 24px;padding:clamp(12px,2.4vw,24px)}
.lmx-diagram *{box-sizing:border-box}
.lmx-diagram .lx-title{margin:0 0 6px;color:var(--lx-teal);font-size:1.05em;font-weight:700}
.lmx-diagram .lx-note{margin:0 0 13px;line-height:1.7}
.lmx-diagram .lx-control{border:0;min-width:0;margin:0 0 15px;padding:0}
.lmx-diagram .lx-control legend{font-size:.9em;font-weight:700;margin-bottom:6px}
.lmx-diagram .lx-choices{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 13px}
.lmx-diagram .lx-radio{position:absolute;inline-size:1px;block-size:1px;opacity:0}
.lmx-diagram .lx-choice{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:6px 11px;background:white;border:1px solid #829b90;border-radius:8px;color:var(--lx-text);font-size:.87em;font-weight:700;line-height:1.4;cursor:pointer}
.lmx-diagram .lx-radio:checked+.lx-choice{background:var(--lx-teal);border-color:var(--lx-teal);color:white}
.lmx-diagram .lx-radio:focus-visible+.lx-choice{outline:3px solid #275d9f;outline-offset:2px}
.lmx-diagram .lx-choices:has(.lx-radio)~.lx-panels>.lx-panel{display:none}
.lmx-diagram .lx-choices:has(.lx-mode-0:checked)~.lx-panels>.lx-panel-0{display:block}.lmx-diagram .lx-choices:has(.lx-mode-1:checked)~.lx-panels>.lx-panel-1{display:block}.lmx-diagram .lx-choices:has(.lx-mode-2:checked)~.lx-panels>.lx-panel-2{display:block}.lmx-diagram .lx-choices:has(.lx-mode-3:checked)~.lx-panels>.lx-panel-3{display:block}
.lmx-diagram .lx-routes{display:grid;gap:8px}
.lmx-diagram .lx-route{border:1px solid var(--lx-border);border-left:3px solid var(--lx-line);background:#fff;border-radius:10px;padding:8px 10px;min-width:0}
.lmx-diagram .lx-route h4{margin:0 0 5px;padding:0;border:0;background:none;font-size:.86em;line-height:1.45;color:var(--lx-text)}
.lmx-diagram .lx-route h4::before,.lmx-diagram .lx-route h4::after{content:none}
.lmx-diagram .lx-kind{color:var(--lx-line);font-size:.91em;margin-left:.55em}
.lmx-diagram .lx-nodes{display:flex;align-items:stretch;list-style:none;padding:0;margin:0;gap:0}
.lmx-diagram .lx-node{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;text-align:center;background:#f5f9f7;border:1px solid var(--lx-border);border-radius:7px;padding:6px 5px;margin:0;color:var(--lx-text);font-size:.84em;font-weight:650;line-height:1.35;overflow-wrap:anywhere}
.lmx-diagram .lx-edge{display:grid;place-items:center;flex:0 0 clamp(13px,2.5vw,30px);margin:0;color:var(--lx-line)}
.lmx-diagram .lx-edge svg{width:100%;height:12px;display:block;overflow:visible}
.lmx-diagram .lx-legend{display:flex;gap:5px 14px;flex-wrap:wrap;padding:0;margin:9px 0 0;list-style:none;color:var(--lx-muted);font-size:.8em}
.lmx-diagram .lx-legend li{display:flex;align-items:center;gap:5px;margin:0}
.lmx-diagram .lx-legend svg{width:25px;height:12px;display:block;color:var(--lx-line)}
.lmx-diagram .lx-check{border-top:1px solid var(--lx-border);margin:16px 0 0;padding:12px 0 0}
.lmx-diagram .lx-check div{display:grid;grid-template-columns:minmax(105px,10.5em) 1fr;gap:0 8px;margin:0 0 6px}
.lmx-diagram .lx-check dt{font-size:.9em;color:var(--lx-teal);font-weight:700}
.lmx-diagram .lx-check dd{margin:0;font-size:.91em}
.lmx-diagram .lx-foot{font-size:.8em;color:var(--lx-muted);margin:12px 0 0}
.lmx-diagram .lx-links{display:flex;flex-wrap:wrap;gap:5px 14px;margin:9px 0 0}
.lmx-diagram .lx-links a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:3px;color:var(--lx-teal);font-weight:650}
.lmx-diagram .lx-illustration{margin:0 0 16px}
.lmx-diagram .lx-illustration img,.lmx-diagram .lx-illustration svg{display:block;width:100%;height:auto;border-radius:10px}
@media(max-width:600px){.lmx-diagram .lx-choice{flex:1 1 110px}.lmx-diagram .lx-nodes{flex-direction:column;align-items:stretch}.lmx-diagram .lx-node{min-height:36px;font-size:.89em}.lmx-diagram .lx-edge{flex:0 0 17px}.lmx-diagram .lx-edge svg{width:18px;transform:rotate(90deg)}.lmx-diagram .lx-check div{grid-template-columns:1fr}.lmx-diagram .lx-route{padding:8px}}