@layer knowledge-graph{.kg-root{display:flex;flex-direction:column;gap:var(--kg-gap);height:calc(100vh - var(--kg-root-height-offset));margin-top:2rem;margin-bottom:6rem;min-height:var(--kg-root-min-height)}@media(width >= 40rem){.kg-root{margin-inline:2rem}}#kg-controls{display:flex;align-items:center;gap:var(--kg-control-gap);flex-wrap:wrap}@media(width <= 40rem){#kg-controls{flex-direction:column;align-items:stretch}}#kg-legend,.kg-legend{display:flex;gap:var(--kg-legend-gap);flex-wrap:wrap;align-items:center;text-transform:capitalize}.leg-item{display:flex;align-items:center;gap:5px;font-size:var(--kg-font-sm);color:var(--kg-fg-muted);cursor:pointer;user-select:none;padding:3px 8px;border-radius:var(--kg-radius-md);border:.5px solid transparent;transition:opacity .15s,border-color .15s,background .15s}.leg-item:hover{border-color:var(--kg-border);background:var(--kg-bg-muted)}.leg-item.active{border-color:var(--kg-border);background:var(--kg-bg-muted);color:var(--kg-fg)}.leg-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}#kg-layout-switcher{display:inline-flex;gap:2px;background:var(--kg-bg-muted);border:.5px solid var(--kg-border);border-radius:var(--kg-radius-md);padding:2px;align-self:flex-start}#kg-layout-switcher button{font-size:var(--kg-font-sm);color:var(--kg-fg-muted);background:0 0;border:none;border-radius:calc(var(--kg-radius-md) - 2px);padding:3px 10px;cursor:pointer;transition:background .15s,color .15s;user-select:none}#kg-layout-switcher button:hover{color:var(--kg-fg)}#kg-layout-switcher button.active{background:var(--kg-bg);color:var(--kg-fg);box-shadow:0 1px 3px rgba(0,0,0,8%)}#kg-search-wrap{flex:1;max-width:300px;position:relative;margin-left:auto}@media(width <= 40rem){#kg-search-wrap{margin-left:0;max-width:none}}#kg-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px;height:16px;display:none;align-items:center;justify-content:center;cursor:pointer;color:var(--kg-fg-muted);border:none;background:0 0;padding:0;line-height:1}#kg-search-clear:hover{color:var(--kg-fg)}#kg-search-wrap.has-value #kg-search-clear{display:flex}#kg-search-wrap.has-value #kg-search{padding-right:28px}#kg-search{width:100%;font-size:var(--kg-font-md);padding:5px 10px 5px 28px;border:.5px solid var(--kg-border);border-radius:var(--kg-radius-md);background:var(--kg-bg)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E")no-repeat 9px;color:var(--kg-fg);outline:none;transition:border-color .15s,box-shadow .15s}#kg-search:focus{border-color:var(--kg-ring);box-shadow:0 0 0 2px color-mix(in srgb,var(--kg-ring) 20%,transparent)}#kg-outer{width:100%;position:relative;flex:1;min-height:0}#kg-wrap{flex:1;position:relative;overflow:clip;height:100%;max-height:calc(80vh - 4rem);border:.5px solid var(--kg-border);border-radius:var(--kg-radius-lg);background:var(--kg-bg-muted)}#kg-info{position:absolute;top:12px;right:12px;width:240px;background:color-mix(in srgb,var(--kg-bg) 95%,transparent);border:.5px solid var(--kg-border);border-radius:calc(var(--kg-radius-lg) + 2px);padding:12px 14px;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease;backdrop-filter:blur(var(--kg-blur));-webkit-backdrop-filter:blur(var(--kg-blur));box-shadow:var(--kg-shadow);@media(width <= 54rem){width: 768px; max-width: 80%;}}#kg-info.show{opacity:1;transform:translateY(0)}#kg-info.pinned{pointer-events:auto}.ki-title{font-size:var(--kg-font-title);font-weight:600;color:var(--kg-fg);margin-bottom:4px;line-height:1.4;display:inline-block}.ki-title:hover{color:var(--kg-link-hover)}.ki-meta{font-size:var(--kg-font-sm);color:var(--kg-fg-muted);margin-bottom:8px;letter-spacing:.01em}.ki-tags{display:flex;flex-wrap:wrap;gap:4px}.ki-tags span{font-size:var(--kg-font-xs);padding:2px 7px;border-radius:var(--kg-radius-sm);background:var(--kg-bg-muted);color:var(--kg-fg-muted);border:.5px solid var(--kg-border)}#ki-related{margin-top:10px;display:none}.ki-related-scroll{max-height:160px;overflow-y:auto;overscroll-behavior:contain}.ki-related-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--kg-fg-muted);margin-bottom:5px;opacity:.7}.ki-related-item{display:block;font-size:var(--kg-font-sm);color:var(--kg-fg);padding:3px 0;border-bottom:.5px solid var(--kg-border);line-height:1.4;text-decoration:none}.ki-related-item:hover{color:var(--kg-link-hover)}.ki-related-item:last-child{border-bottom:none}}