.knowledge-map{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;min-width:0;width:100%;color:#30383e;font-family:inherit;line-height:1.65}
.knowledge-map *{box-sizing:border-box}
.knowledge-map [hidden]{display:none!important}
.kg-main{min-width:0;background:radial-gradient(ellipse at 25% 25%,#e8f5f075,transparent 50%),radial-gradient(ellipse at 80% 60%,#ece7f475,transparent 55%),#fcfdfd;border:1px solid #e4eae7;border-radius:24px;padding:16px;overflow:hidden}
.kg-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.kg-search{display:flex;align-items:center;flex:1;min-width:140px;background:#fff;border:1px solid #e1e7e3;border-radius:16px;padding:0 12px;min-height:44px}
.kg-search input{appearance:none;width:100%;min-width:0;min-height:42px;background:transparent;border:0;outline:0;font-family:inherit;font-size:15px;font-weight:400;line-height:1.5;color:#30383e;padding:0;box-shadow:none}
.kg-search input::placeholder{color:#747e79}
.kg-zoom-tools{display:flex;gap:5px;align-items:center}
.knowledge-map .kg-button,.knowledge-map .kg-segment,.kg-load-error .kg-button{appearance:none;min-height:44px;min-width:44px;border:1px solid #e0e7e2;background:#fff;color:#48544e;border-radius:14px;padding:8px 11px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.5;cursor:pointer;text-align:center;text-decoration:none}
.knowledge-map .kg-segment{appearance:auto;padding-right:8px}
.knowledge-map .kg-button:hover{background:#eaf3ee;border-color:#ccddd2}
.knowledge-map .kg-canvas{display:block;width:100%;height:clamp(440px,48vw,630px);min-width:0;touch-action:none;cursor:grab;margin-top:8px}
.knowledge-map .kg-canvas.kg-hovering{cursor:pointer}
.knowledge-map .kg-canvas.kg-dragging{cursor:grabbing}
.kg-canvas-note{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;border-top:1px solid #e4eae6;padding-top:10px}
.knowledge-map .kg-status{min-width:0;font-size:12px;line-height:1.7;color:#5e6a64;margin:0;overflow-wrap:anywhere}
.kg-zoom-status{font-size:11px;color:#6c776f;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}
.kg-legend{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;font-size:12px;color:#56656c;margin-top:12px}
.kg-legend-item{display:inline-flex;align-items:center;gap:6px}
.kg-dot{display:block;width:8px;height:8px;border-radius:50%;flex:none}
.kg-segment-1{background:#4d9a85}.kg-segment-2{background:#927daf}.kg-segment-3{background:#b07a58}.kg-segment-4{background:#648bab}
.kg-guide-switch{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;min-height:44px;margin-top:3px;font-size:12px;color:#56656c;cursor:pointer}
.kg-guide-switch input{width:17px;height:17px;accent-color:#557d69;cursor:pointer;margin:0}
.knowledge-map .kg-help{font-size:12px;line-height:1.8;color:#67736b;margin:0;overflow-wrap:anywhere}
.kg-side{display:flex;flex-direction:column;min-width:0;min-height:0;align-self:start;background:#fafcfb;border:1px solid #e3e9e5;border-radius:24px;padding:18px 15px}
.kg-side-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.knowledge-map .kg-side-title h2{font-size:19px;font-weight:600;letter-spacing:0;margin:0;line-height:1.5}
.knowledge-map .kg-side-title .kg-button{font-size:12px;padding:7px 9px;white-space:nowrap}
.knowledge-map .kg-selection{font-size:15px;font-weight:600;color:#41594b;margin:0;overflow-wrap:anywhere}
.knowledge-map .kg-description{font-size:12px;color:#68746d;margin:8px 0 12px;line-height:1.9;overflow-wrap:anywhere}
.knowledge-map .kg-unfocus{align-self:flex-start;margin-bottom:12px;font-size:12px}
.kg-concepts{padding:11px 0 14px;border-top:1px solid #e4eae6;border-bottom:1px solid #e4eae6}
.kg-concepts summary{min-height:32px;cursor:pointer;font-size:13px;font-weight:500;color:#45584c}
.kg-concept-list{display:flex;gap:6px;flex-wrap:wrap;min-width:0;padding-top:5px}
.knowledge-map .kg-concept-button{min-height:36px;min-width:0;font-size:12px;padding:6px 9px;border-radius:11px;max-width:100%;overflow-wrap:anywhere;text-align:left}
.knowledge-map .kg-concept-button[aria-pressed=true]{background:#e1eee6;color:#274f39;border-color:#89ac98}
.knowledge-map .kg-count{font-size:12px;color:#68746d;line-height:1.7;margin:14px 0 7px;overflow-wrap:anywhere}
.knowledge-map .kg-list{list-style:none;overflow:auto;max-height:450px;min-height:0;scrollbar-width:thin;scrollbar-color:#c7d4d0 transparent;margin:0;padding:3px;overscroll-behavior:contain}
.knowledge-map .kg-list>li{list-style:none;margin:0;padding:0}
.knowledge-map .kg-result{display:block;padding:12px 8px;border-radius:12px;border-bottom:1px solid #eaf0eb;text-decoration:none;color:#313b40;transition:background .15s;overflow-wrap:anywhere}
.knowledge-map .kg-result:hover{background:#e8f2ed;color:#254b36}
.kg-result-meta{display:block;color:#6a7870;font-size:11px;margin-bottom:4px}
.kg-result-title{display:block;font-size:14px;font-weight:500;line-height:1.75}
.knowledge-map .kg-empty{font-size:12px!important;line-height:1.9;color:#64726a;margin:8px 0!important;padding:5px!important}
.kg-load-error{padding:20px;border:1px solid #e0e7e2;border-radius:16px;color:#56675b;font-size:14px;line-height:1.8}
.knowledge-map :is(button,a,input,select,summary):focus-visible,.kg-load-error .kg-button:focus-visible{outline:2px solid #467e60;outline-offset:3px}
.kg-search:focus-within{outline:2px solid #467e60;outline-offset:2px}
.knowledge-map .kg-search input:focus-visible{outline:none}
.kg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1080px){.knowledge-map{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.kg-main{padding:12px}.kg-search{flex-basis:100%}.kg-side{padding:15px 12px}.kg-tools{justify-content:space-between}}
@media(max-width:760px){.knowledge-map{grid-template-columns:minmax(0,1fr);gap:18px}.kg-main,.kg-side{border-radius:20px}.kg-main{padding:12px}.kg-search{flex-basis:100%;min-width:0}.kg-search input{font-size:16px}.knowledge-map .kg-canvas{height:430px}.kg-tools{gap:8px}.knowledge-map .kg-segment{max-width:115px}.kg-legend{gap:8px 13px;font-size:11px}.kg-side{padding:18px 15px}.knowledge-map .kg-list{max-height:450px}.knowledge-map .kg-concept-button{min-height:44px;font-size:13px}.kg-concepts summary{min-height:44px;display:list-item;padding-top:8px}.kg-result-title{font-size:15px}.knowledge-map .kg-status{font-size:11px}.knowledge-map .kg-help{font-size:11px}}
@media(max-width:360px){.knowledge-map .kg-button,.knowledge-map .kg-segment{padding-left:8px;padding-right:8px;font-size:12px}.knowledge-map .kg-segment{padding-right:22px}.kg-zoom-tools{gap:4px}.kg-legend{column-gap:10px}.kg-main{padding:10px}}
@media(prefers-reduced-motion:reduce){.knowledge-map .kg-result{transition:none}}
@media print{.knowledge-map{display:block}.kg-tools,.kg-guide-switch,.kg-zoom-status,.kg-side-title .kg-button,.kg-unfocus{display:none!important}.knowledge-map .kg-canvas{height:500px}.kg-side{margin-top:20px;break-inside:avoid}.knowledge-map .kg-list{max-height:none;overflow:visible}.kg-main,.kg-side{background:#fff;border-color:#ccc}.kg-result{break-inside:avoid}}