/* Technology uses the same tab typography, padding and active treatment as its siblings. */
header nav .technologyMenu{display:inline-block;position:relative;border:0!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important;border-radius:0!important;font:inherit}
header nav .technologyMenu>summary.chapterLink{display:block;font-size:13px;font-weight:400;line-height:inherit;padding:9px 12px;border:0;border-radius:6px;box-shadow:none;color:var(--muted,#aebfbc);list-style:none;cursor:pointer}
header nav .technologyMenu.current>summary.chapterLink{background:#2d443b;color:#e1edce;box-shadow:none}
header nav .technologyMenu>summary::-webkit-details-marker{display:none}
header nav .technologyMenu ul{background:var(--panel,#17251f);border-color:var(--line,#3a4a40);font:inherit}
header nav .technologyMenu ul li{margin:0;padding:0}.technologyMenu li .chapterLink{font-size:13px}
[hidden]{display:none!important}
.graphExplorer{margin:2rem 0 3rem;border-top:1px solid var(--line);padding-top:1.6rem}.graphControls{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin:1.3rem 0}.graphControls label{flex:1;min-width:180px}.graphControls select,.graphControls input{margin:.5rem 0 0;width:100%;font:inherit}.graphControls button{padding:.6rem 1rem}
.graphPair{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.graphPanel{min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel)}.graphPanel h3{margin:1rem 1rem .5rem}.graphPanel .graphScope{margin:0 1rem .8rem;min-height:3em;font-size:12px;color:var(--muted)}
.graphActions{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;padding:.5rem 1rem;border-block:1px solid var(--line);font-size:12px}.graphActions button{padding:.3rem .6rem;font-size:12px}.graphActions select{max-width:180px;padding:.35rem;font-size:12px}.graphViewport{height:550px;overflow:auto;position:relative;background-color:var(--bg,#101819);background-image:radial-gradient(#49615860 .8px,transparent .8px);background-size:18px 18px;touch-action:pan-x pan-y}
.graphCanvas{display:block;max-width:none;transform-origin:0 0}.graphEdge{fill:none;stroke:#5c776b;stroke-width:1.3;opacity:.65}.graphNode{cursor:pointer;outline:none}.graphNode rect{fill:#1b3029;stroke:#61796c;stroke-width:1.3}.graphNode text{fill:var(--text,#eaf3e6);font-family:inherit;font-size:12px;pointer-events:none}.graphNode text.op{fill:var(--dmap,#74cde8);font-size:11px}.graphNode.selected rect{stroke:var(--lime,#d5ee8d);stroke-width:3}.graphNode.peer rect{stroke:#f5b68b;stroke-width:2.6}.graphNode:focus rect{stroke:white;stroke-width:3}.graphNode text.detail{fill:var(--muted);font-size:10px}
.graphInspector{border-top:1px solid var(--line);padding:1rem;min-height:9rem;max-height:340px;overflow:auto;font-size:13px}.graphInspector h4{margin:0 0 .7rem;font-size:15px;overflow-wrap:anywhere}.graphInspector dl{display:grid;grid-template-columns:95px 1fr;gap:.5rem;margin:0}.graphInspector dd{margin:0;overflow-wrap:anywhere}.graphInspector ul{margin:0;padding-left:1rem}.graphInspector pre{font-size:11px;margin:.3rem 0}.graphNotice{padding:.8rem 1rem;border-left:3px solid var(--dmap);background:var(--panel);line-height:1.6}.graphStatus{font-size:13px;color:var(--muted);min-height:1.5rem}.graphNodeList{max-height:180px;overflow:auto;margin:.7rem 0}.graphNodeList button{display:block;width:100%;text-align:left;font-size:12px;margin:3px 0;padding:.4rem .7rem}.graphLegend{display:flex;flex-wrap:wrap;gap:1rem;font-size:12px;color:var(--muted);margin:.8rem 0}
@media(max-width:850px){.graphPair{grid-template-columns:1fr}.graphViewport{height:420px}.graphControls label{min-width:140px}.graphPanel .graphScope{min-height:0}header nav .technologyMenu ul{position:absolute;min-width:12rem}}
@media(prefers-reduced-motion:reduce){.graphCanvas{scroll-behavior:auto}}