.interactive-graph{min-width:0}.interactive-graph__actions{z-index:1;top:var(--space-quarter);right:var(--space-quarter);left:var(--space-quarter);align-items:center;gap:var(--space-quarter);pointer-events:none;justify-content:flex-end;display:flex;position:absolute}.interactive-graph__button{pointer-events:auto;appearance:none;border-radius:var(--radius-pill);width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .16s,color .16s,transform .1s;display:inline-flex}.interactive-graph__button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1rem;height:1rem}.interactive-graph__button:hover{background:var(--color-overlay-soft);color:var(--color-brand-strong)}.interactive-graph__button--global{width:auto;padding-inline:var(--space-half)}.note-context .interactive-graph.note-context__section{flex:none;overflow:visible}.interactive-graph__panel{width:100%;max-width:none;max-height:none;color:var(--color-text-secondary);background:var(--color-surface);font-family:var(--font-body);border:0;flex-direction:column;margin:0;padding:0;display:none;position:relative;inset:auto;overflow:hidden}.interactive-graph__panel[open]{display:flex}.interactive-graph :is(button,a,input,canvas):focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.interactive-graph canvas:focus-visible{outline:none}.interactive-graph__viewport{aspect-ratio:1.18;border:0;border-bottom:1px solid var(--color-rule);background:var(--color-surface);border-radius:0;width:min(100%,360px);min-height:0;margin:0 auto;position:relative;overflow:hidden}.interactive-graph canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;width:100%;height:100%;font-family:var(--font-body);border-radius:inherit;display:block}.interactive-graph__panel:modal{border:1px solid var(--color-rule);border-radius:var(--radius-lg);box-sizing:border-box;width:calc(100% - 48px);max-width:1440px;height:calc(100dvh - 48px);max-height:none;margin:auto;position:fixed;inset:0}.interactive-graph__panel--expanded{border:1px solid var(--color-rule);border-radius:var(--radius-lg)}.interactive-graph__panel::backdrop{background:color-mix(in srgb, var(--color-surface) 75%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body:has(.interactive-graph__panel:modal){overflow:hidden}.interactive-graph--page .interactive-graph__viewport{aspect-ratio:auto;flex:auto;width:100%;max-width:none;height:auto;min-height:0}.interactive-graph__panel:modal .interactive-graph__viewport{aspect-ratio:auto;flex:auto;width:100%;max-width:none;height:auto;min-height:0}.interactive-graph__panel:modal .interactive-graph__viewport{box-shadow:none;border:0;border-radius:0}.interactive-graph.interactive-graph--page{box-sizing:border-box;width:100%;height:100dvh;padding:24px}.interactive-graph--page .interactive-graph__panel{height:100%}@media (pointer:coarse){.interactive-graph button,.interactive-graph__actions a{min-width:44px;min-height:44px}}@media (width<=600px){.interactive-graph__panel:modal{border-radius:0;width:100%;height:100dvh;padding:16px}.interactive-graph.interactive-graph--page{padding:16px}}.interactive-graph__button:active{background:var(--color-overlay-soft);transform:scale(.94)}.interactive-graph :is(button,a):focus-visible{outline-color:var(--color-focus-ring);outline-offset:2px}.interactive-graph__panel:modal::backdrop{transition:opacity .15s;animation:.22s both graph-backdrop}.interactive-graph__panel[data-closing]{pointer-events:none}.interactive-graph__panel[data-closing]::backdrop{opacity:0;animation:none}.interactive-graph__empty{width:100%;color:var(--color-text-muted);font-size:var(--text-xs);text-align:center;pointer-events:none;margin:0;position:absolute;top:50%;left:0}@keyframes graph-backdrop{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.interactive-graph__panel:modal{animation:none}.interactive-graph__panel:modal::backdrop{animation:none}.interactive-graph__button,.interactive-graph__viewport{transition:none}}.interactive-graph__button:disabled{opacity:.35;cursor:progress;pointer-events:none}.interactive-graph__viewport[aria-busy=true]:after{content:"···";text-align:center;color:var(--color-text-disabled);font:1rem var(--font-mono);letter-spacing:.2em;pointer-events:none;position:absolute;inset:45% 0 auto}.interactive-graph__viewport[aria-busy=true] canvas{cursor:progress}.interactive-graph__slot{aspect-ratio:1.18;width:min(100%,360px);margin:0 auto;position:relative}.interactive-graph__slot>.interactive-graph__panel:not(:modal){height:100%;position:absolute;inset:0}.interactive-graph .interactive-graph__snapshot{border:0;border-bottom:1px solid var(--color-rule);background:var(--color-surface);pointer-events:none;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.interactive-graph__snapshot[hidden]{display:none}.interactive-graph--page .interactive-graph__slot{aspect-ratio:auto;width:100%;height:100%}