.knowledge-page{display:flex;flex-direction:column;gap:1.25rem;font-family:var(--font-sans)}.knowledge-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:2rem;align-items:end;padding:clamp(1.6rem,4vw,3rem);overflow:hidden;background:color-mix(in srgb,var(--surface) 78%,var(--accent-soft));border:1px solid color-mix(in srgb,var(--border) 72%,transparent);box-shadow:6px 6px 0 var(--accent-dim)}.knowledge-hero:before{content:"";position:absolute;right:1.1rem;bottom:1rem;width:.45rem;height:.45rem;background:var(--accent);opacity:.38;box-shadow:-.55rem 0 var(--accent),-1.1rem 0 var(--accent-dim),0 -.55rem var(--accent),-.55rem -.55rem var(--accent-dim),-1.65rem -.55rem var(--accent),0 -1.1rem var(--accent-dim),-1.1rem -1.1rem var(--accent)}.knowledge-hero>*{position:relative;z-index:1}.system-label,.panel-kicker{color:var(--accent);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.knowledge-hero h1{max-width:17ch;margin:.55rem 0 .9rem;font-size:clamp(2.35rem,5vw,4.7rem);font-weight:300;letter-spacing:-.055em;line-height:.98}.knowledge-hero-copy>p:not(.system-label){max-width:63ch;color:var(--fg-muted);font-size:1rem;line-height:1.65}.knowledge-stats{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem;font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase}.knowledge-stats span{padding:.4rem .55rem;background:color-mix(in srgb,var(--surface-raised) 78%,transparent);border:1px solid color-mix(in srgb,var(--border) 48%,transparent)}.knowledge-stats strong{color:var(--accent)}.knowledge-guide{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:9rem}.guide-dialog{position:absolute;top:0;right:0;width:10.5rem;padding:1.65rem .65rem .6rem;color:var(--fg);background:var(--surface-raised);border:1px solid var(--border);box-shadow:3px 3px 0 var(--accent);font-family:var(--font-mono);font-size:.66rem;line-height:1.45}.guide-dialog:before{content:"OPOS_HINT.LOG          [×]";position:absolute;inset:0 0 auto;padding:.28rem .42rem;overflow:hidden;color:var(--fg);background:var(--accent-soft);border-bottom:1px solid var(--border);font-size:.52rem;white-space:nowrap}.guide-dialog:after{content:"";position:absolute;right:1.1rem;bottom:-.42rem;width:.7rem;height:.7rem;background:var(--surface-raised);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg)}.graph-panel{overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:8px 8px color-mix(in srgb,var(--border) 18%,transparent)}.graph-toolbar{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding:1.25rem 1.4rem;border-bottom:1px solid var(--border)}.graph-toolbar h2{margin-top:.2rem;font-size:1.45rem;font-weight:500}.graph-search-wrap label{display:block;margin-bottom:.35rem;color:var(--fg-muted);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase}.graph-search-field{display:flex;align-items:center;gap:.55rem;min-width:min(19rem,45vw);padding:.55rem .7rem;background:var(--code-bg);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);font-family:var(--font-mono)}.graph-search-field span{color:var(--accent);font-weight:700}.graph-search-field input{width:100%;color:var(--fg);background:transparent;border:0;outline:0;font:inherit;font-size:.78rem}.graph-filters{display:flex;align-items:center;gap:.4rem;min-height:3.1rem;padding:.55rem 1.4rem;background:color-mix(in srgb,var(--code-bg) 64%,var(--surface));border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent);font-family:var(--font-mono)}.graph-filter{padding:.35rem .55rem;color:var(--fg-muted);background:transparent;border:1px solid transparent;font:inherit;font-size:.66rem;cursor:pointer}.graph-filter:hover{color:var(--accent)}.graph-filter.is-active{color:var(--fg);background:var(--surface-raised);border-color:var(--border);box-shadow:2px 2px 0 var(--accent)}.graph-result-state{margin-left:auto;color:var(--fg-muted);font-size:.64rem}.graph-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:650px}.graph-stage{position:relative;min-width:0;overflow:auto hidden;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),var(--terminal-bg);background-size:20px 20px;scrollbar-color:var(--accent) var(--terminal-surface)}.knowledge-graph{display:block;width:100%;min-width:720px;height:650px;font-family:var(--font-mono)}.graph-grid circle,.graph-grid path{fill:none;stroke:#ffffff0e;stroke-width:1;stroke-dasharray:3 7}.graph-edge{stroke:#8e8173;stroke-width:1;opacity:.38;transition:opacity .16s,stroke .16s,stroke-width .16s}.graph-edge--post-tag{stroke-dasharray:3 4}.graph-edge.is-connected{stroke:var(--accent);stroke-width:2;opacity:.95}.graph-edge.is-dim{opacity:.055}.map-node{color:#f4eee7;cursor:pointer;outline:none;transition:opacity .16s}.map-node .node-shape,.map-node .node-pulse{transition:fill .16s,stroke .16s,opacity .16s,transform .16s}.map-node--category .node-shape{fill:#eee3d5;stroke:#171411;stroke-width:2}.map-node--category .node-label{fill:#171411;font-size:11px;font-weight:500}.map-node--tag .node-shape{fill:#211e1a;stroke:#7b7065;stroke-width:1}.map-node--tag .node-label{fill:#d8cfc5;font-size:10px}.map-node--post .node-shape{fill:var(--accent);stroke:#fff5e9;stroke-width:2}.map-node--post .node-pulse{fill:none;stroke:var(--accent);stroke-width:1;opacity:.28}.post-index{fill:#a99d90;font-size:8px}.map-node:hover .node-shape,.map-node:focus .node-shape,.map-node.is-selected .node-shape,.map-node.is-connected .node-shape{stroke:var(--accent);stroke-width:3}.map-node--post:hover .node-shape,.map-node--post:focus .node-shape,.map-node--post.is-selected .node-shape{transform:scale(1.45)}.map-node.is-match .node-shape{stroke:#ffca80;stroke-width:4}.map-node.is-dim{opacity:.13}.node-inspector{display:flex;flex-direction:column;padding:1.4rem;background:color-mix(in srgb,var(--surface) 92%,var(--accent-soft));border-left:1px solid var(--border)}.inspector-type{color:var(--accent);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em}.node-inspector h3{margin:.7rem 0 .75rem;font-size:1.35rem;line-height:1.15}.node-inspector>p{color:var(--fg-muted);font-size:.83rem;line-height:1.6}.inspector-count{display:flex;justify-content:space-between;align-items:center;margin-top:1.1rem;padding:.65rem 0;border-top:1px dotted var(--border);border-bottom:1px dotted var(--border);font-family:var(--font-mono);font-size:.62rem}.inspector-count strong{color:var(--accent)}.inspector-posts{margin-top:1.2rem;font-family:var(--font-mono)}.inspector-posts>span{color:var(--fg-muted);font-size:.6rem;letter-spacing:.06em}.inspector-posts ul{display:flex;flex-direction:column;gap:.55rem;margin-top:.7rem;list-style:none}.inspector-posts li{padding-left:.8rem;border-left:2px solid var(--accent-dim)}.inspector-posts a{color:var(--fg);font-size:.72rem;line-height:1.35;text-decoration:none}.inspector-posts a:hover{color:var(--accent)}.inspector-posts .empty-related{color:var(--fg-muted);font-size:.7rem}.inspector-link{display:flex;justify-content:space-between;gap:1rem;margin-top:auto;padding:.65rem .75rem;color:var(--fg);background:var(--surface-raised);border:1px solid var(--border);box-shadow:3px 3px 0 var(--accent);font-family:var(--font-mono);font-size:.68rem;text-decoration:none}.inspector-link[hidden]{display:none}.inspector-link:hover{color:var(--accent-contrast);background:var(--accent)}.graph-legend{display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem 1.4rem;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:.62rem;color:var(--fg-muted)}.graph-legend span{display:inline-flex;align-items:center;gap:.35rem}.legend-node{display:inline-block;width:.65rem;height:.65rem;border:1px solid var(--border)}.legend-node--category{background:var(--surface-raised)}.legend-node--post{border-radius:50%;background:var(--accent)}.legend-node--tag{background:var(--terminal-surface)}.legend-line{width:1.1rem;border-top:1px dashed var(--accent)}.graph-pan-hint{display:none}.map-fallback{padding:1.5rem;background:var(--surface);border:1px solid var(--border)}@media(max-width:880px){.knowledge-hero{grid-template-columns:minmax(0,1fr) 140px}.graph-body{grid-template-columns:1fr}.node-inspector{min-height:20rem;border-top:1px solid var(--border);border-left:0}.inspector-link{margin-top:1.5rem}}@media(max-width:620px){.knowledge-hero{grid-template-columns:1fr}.knowledge-guide{display:none}.knowledge-hero h1{font-size:2.65rem}.graph-toolbar{align-items:stretch;flex-direction:column;gap:1rem}.graph-search-field{min-width:0}.graph-filters{overflow-x:auto}.graph-filter,.graph-result-state{flex:none}.graph-stage,.knowledge-graph{height:520px}.graph-pan-hint{display:block;position:sticky;left:.8rem;bottom:.6rem;width:max-content;padding:.3rem .45rem;color:#a99d90;background:#12110fd1;font-family:var(--font-mono);font-size:.58rem;pointer-events:none}}@media(prefers-reduced-motion:reduce){.map-node .node-shape,.map-node .node-pulse,.graph-edge{transition:none}}