body.graph-page{height:100vh;overflow:hidden;display:flex;flex-direction:column}body.graph-page .site-nav{flex-shrink:0}.graph-layout{flex:1;display:grid;grid-template-columns:260px 1fr;min-height:0}.scroll-container{scrollbar-width:thin;scrollbar-color:#a6eeb3 #26704b}.graph-panel{background:var(--panel);border-right:1px solid var(--hairline);overflow-y:auto;overflow-x:hidden;flex-shrink:0;scrollbar-width:thin;scrollbar-color:#a6eeb3 #26704b}.graph-panel-inner{padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:0}.panel-section{padding:1.1rem 0;border-bottom:1px solid var(--hairline)}.panel-section:first-child{padding-top:0}.panel-section:last-child{border-bottom:none}.panel-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:0 0 .65rem}.panel-desc{font-size:.8125rem;color:var(--text-faint);margin:0;line-height:1.55}.filter-group{display:flex;flex-direction:column;gap:.3rem}.filter-btn{display:flex;align-items:center;gap:.55rem;background:transparent;border:1px solid transparent;border-radius:3px;padding:.4rem .6rem;font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim);cursor:pointer;text-align:left;transition:border-color .15s,color .15s,background .15s;width:100%}.filter-btn:hover{border-color:var(--hairline-hi);color:var(--text);background:var(--panel-raised)}.filter-btn.active{border-color:var(--green-bright);color:var(--green-bright);background:var(--green-deep)}.filter-pip{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend{display:flex;flex-direction:column;gap:.6rem}.legend-row{display:flex;align-items:center;gap:.65rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-faint)}.zoom-controls{display:flex;gap:.4rem}.zoom-btn{background:var(--bg);border:1px solid var(--hairline-hi);border-radius:3px;color:var(--text-dim);font-family:var(--font-mono);font-size:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,color .15s;padding:0;line-height:1}.zoom-btn:hover{border-color:var(--green-bright);color:var(--green-bright)}.graph-tooltip{background:var(--bg);border:1px solid var(--hairline-hi);border-radius:4px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.3rem;transition:opacity .15s;min-height:72px}.graph-tooltip strong{font-family:var(--font-mono);font-size:.82rem;color:var(--green-bright);display:block}.graph-tooltip span{font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint);display:block}.graph-canvas{position:relative;background:var(--bg);min-height:0}.graph-canvas svg{display:block;width:100%;height:100%}.graph-canvas text{dominant-baseline:auto;-webkit-user-select:none;user-select:none}@media (max-width: 640px){body.graph-page{overflow:auto}.graph-layout{grid-template-columns:1fr;grid-template-rows:auto 75vw}.graph-panel{border-right:none;border-bottom:1px solid var(--hairline)}.graph-panel-inner{flex-direction:row;flex-wrap:wrap;gap:1rem;padding:1rem}.panel-section{border-bottom:none;padding:0;min-width:140px}}