.kmap-view-toggle{display:inline-flex;gap:0;margin-bottom:14px;border-radius:8px;overflow:hidden;border:1px solid #cddcf0;background:#f2f7fd}
.kmap-view-toggle button{border:0;background:transparent;padding:8px 20px;font-size:13px;font-weight:700;color:#4a6a8c;cursor:pointer;transition:background .15s}
.kmap-view-toggle button.on{background:#5b9bd5;color:#fff}
.kmap-view-toggle button:not(.on):hover{background:#e2eef8}
.kmap-stale-pill{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:4px 11px;border-radius:999px;background:#fff7e8;color:#b0680c;font-size:12px;font-weight:600;border:1px solid #f0ddb8}
.kmap-stale-pill::before{content:'';width:7px;height:7px;border-radius:50%;background:#e8a824}
.kmap-stage-panel{position:relative;margin-top:16px;border-radius:14px;overflow:hidden;border:1px solid #d8e4ee;background:linear-gradient(160deg,#fbfdff,#f4f9f4);min-height:520px}
.kmap-viewport{width:100%;height:min(72vh,760px);min-height:520px;cursor:grab;user-select:none;touch-action:none}
.kmap-viewport:active{cursor:grabbing}
.kmap-viewport svg{width:100%;height:100%;display:block}
.kmap-edge path{fill:none;stroke:#a8c4d8;stroke-width:1.4}
.kmap-edge.dashed path{stroke:#c9a860;stroke-dasharray:7 5;stroke-width:1.3}
.kmap-edge text{font-size:11px;fill:#9a834a;font-weight:700;paint-order:stroke;stroke:#fbfdff;stroke-width:3px;stroke-linejoin:round;text-anchor:middle;pointer-events:none}
.kmap-node{cursor:pointer}
.kmap-node rect{fill:var(--kf,#eef5fc);stroke:var(--kc,#5b9bd5);stroke-width:1.5;rx:10;filter:drop-shadow(0 1.5px 4px rgba(40,80,120,.08))}
.kmap-node:hover rect{stroke-width:2.4;filter:drop-shadow(0 3px 8px rgba(40,80,120,.16))}
.kmap-node text{font-size:12.5px;font-weight:600;fill:#33536e;text-anchor:middle;dominant-baseline:central;pointer-events:none}
.kmap-node.hub rect{stroke-width:2.2;filter:drop-shadow(0 2.5px 6px rgba(40,80,120,.13))}
.kmap-node.hub text{fill:#2a4a66;font-size:14px;font-weight:800}
.kmap-node.kmap-selected rect{stroke:#d47a3a;stroke-width:2.6}
.kmap-node .node-chapter{font-size:10px;fill:#7a94aa;text-anchor:middle;dominant-baseline:central;pointer-events:none;transform:translateY(15px)}
.kmap-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;padding:12px 18px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:12px;color:#52667a}
.kmap-legend span{display:inline-flex;align-items:center;gap:6px}
.kmap-legend .lg-solid{width:26px;height:2px;background:#8aa8c4;border-radius:1px}
.kmap-legend .lg-dashed{width:26px;height:0;border-top:2px dashed #c89858}
.kmap-legend .lg-hub{width:14px;height:14px;border-radius:4px;background:#dbe9f8;border:2.2px solid #5b9bd5}
.kmap-legend .lg-node{width:14px;height:14px;border-radius:4px;background:#e5f6ee;border:1.5px solid #3aad7a}
.kmap-empty{display:grid;place-items:center;height:100%;min-height:420px;color:#7a94ac;font-size:15px}
@media(max-width:640px){.kmap-viewport{height:60vh}.kmap-node text{font-size:11px}.kmap-legend{font-size:11px;gap:10px}}