.graph-main{width:100%;max-width:var(--ds-container-full);padding:var(--ds-space-8) var(--ds-space-6) var(--ds-space-10);flex-direction:column;flex:1;min-height:0;margin:0 auto;display:flex}.graph-head{margin-bottom:var(--ds-space-5)}.graph-head__eyebrow{margin:0 0 var(--ds-space-2);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-wide);text-transform:uppercase;color:var(--ds-color-accent-text)}.graph-head__title{font-family:var(--ds-font-serif);font-size:var(--ds-text-3xl);line-height:var(--ds-leading-tight);font-weight:var(--ds-weight-regular);letter-spacing:var(--ds-tracking-tight);color:var(--ds-color-text);margin:0}.graph-head__lead{margin:var(--ds-space-3) 0 0;max-width:var(--ds-measure);font-size:var(--ds-text-base);line-height:var(--ds-leading-normal);color:var(--ds-color-text-muted)}.graph-head__lead code,.graph-empty__body code{font-family:var(--ds-font-mono);color:var(--ds-color-text);font-size:.88em}.graph-stats{align-items:baseline;gap:var(--ds-space-1) var(--ds-space-2);margin:var(--ds-space-4) 0 0;font-size:var(--ds-text-sm);color:var(--ds-color-text-muted);flex-wrap:wrap;display:flex}.graph-stats__total{font-family:var(--ds-font-serif);font-size:var(--ds-text-2xl);color:var(--ds-color-text);font-variant-numeric:tabular-nums;line-height:1}.graph-stats__unit{margin-right:var(--ds-space-1);color:var(--ds-color-text-subtle)}.graph-stats__sep,.graph-stats__types{color:var(--ds-color-text-subtle)}.graph-explorer{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.graph-stage{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-card);background-color:var(--ds-color-surface);background-image:linear-gradient(to right, color-mix(in srgb, var(--ds-color-border-subtle) 60%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--ds-color-border-subtle) 60%, transparent) 1px, transparent 1px);background-size:28px 28px;flex:1;min-height:clamp(28rem,64vh,52rem);position:relative;overflow:hidden}.graph-canvas-wrap{position:absolute;inset:0}.graph-svg{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.graph-svg:active{cursor:grabbing}.graph-svg:focus-visible{box-shadow:inset var(--ds-focus-ring);border-radius:var(--ds-radius-card);outline:none}.graph-edge{stroke:var(--ds-color-border-strong);stroke-width:1.25px;stroke-opacity:.55;transition:stroke-opacity var(--ds-duration-fast) var(--ds-ease-standard), stroke var(--ds-duration-fast) var(--ds-ease-standard)}.graph-arrowhead{fill:var(--ds-color-border-strong);opacity:.55}.graph-edge[data-type=supersedes],.graph-edge[data-type=superseded_by]{stroke:var(--ds-color-accent);stroke-dasharray:5 4;stroke-opacity:.6}.graph-edge[data-type=produces]{stroke:var(--ds-color-text-subtle)}.graph-svg.is-highlighting .graph-edge{stroke-opacity:.12}.graph-svg.is-highlighting .graph-edge.is-incident{stroke-opacity:.95;stroke-width:1.75px}.graph-edge.is-hidden{display:none}.graph-node{cursor:pointer;outline:none}.graph-node__dot{stroke:var(--ds-color-surface);stroke-width:1.5px;transition:opacity var(--ds-duration-fast) var(--ds-ease-standard), transform var(--ds-duration-fast) var(--ds-ease-spring), stroke var(--ds-duration-fast) var(--ds-ease-standard);transform-box:fill-box;transform-origin:50%}.graph-node__label{font-family:var(--ds-font-sans);font-size:11px;font-weight:var(--ds-weight-medium);fill:var(--ds-color-text-muted);paint-order:stroke;stroke:var(--ds-color-surface);stroke-width:3px;stroke-linejoin:round;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity var(--ds-duration-fast) var(--ds-ease-standard)}.graph-node:hover .graph-node__label,.graph-node:focus-visible .graph-node__label,.graph-node.is-focused .graph-node__label,.graph-node.is-selected .graph-node__label{opacity:1}.graph-node:hover .graph-node__dot,.graph-node:focus-visible .graph-node__dot{transform:scale(1.18)}.graph-node:focus-visible .graph-node__dot{stroke:var(--ds-color-focus-ring);stroke-width:3px}.graph-svg.is-highlighting .graph-node.is-faded{opacity:.22}.graph-svg.is-highlighting .graph-node.is-focused .graph-node__dot{stroke:var(--ds-color-surface-raised);stroke-width:2px}.graph-node.is-selected .graph-node__dot{stroke:var(--ds-color-text);stroke-width:2.5px}.graph-node.is-hidden{display:none}.graph-controls{left:var(--ds-space-3);bottom:var(--ds-space-3);gap:var(--ds-space-1);z-index:var(--ds-z-raised);flex-direction:column;display:flex;position:absolute}.graph-control{width:2rem;height:2rem;font-size:var(--ds-text-base);color:var(--ds-color-text-muted);background-color:var(--ds-color-surface-raised);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-xs);transition:var(--ds-transition);place-items:center;line-height:1;display:grid}.graph-control:hover{color:var(--ds-color-text);border-color:var(--ds-color-border-strong);background-color:var(--ds-color-surface)}.graph-control:focus-visible{box-shadow:var(--ds-focus-ring);outline:none}.graph-legend{left:var(--ds-space-3);top:var(--ds-space-3);z-index:var(--ds-z-raised);gap:var(--ds-space-0_5);max-width:14rem;padding:var(--ds-space-2);background-color:color-mix(in srgb, var(--ds-color-surface-raised) 92%, transparent);border:1px solid var(--ds-color-border-subtle);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:column;display:flex;position:absolute}.graph-legend__item{align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-1) var(--ds-space-1_5);font-size:var(--ds-text-xs);color:var(--ds-color-text-muted);border-radius:var(--ds-radius-sm);text-align:left;transition:var(--ds-transition);display:flex}.graph-legend__item:hover{background-color:var(--ds-color-surface-hover);color:var(--ds-color-text)}.graph-legend__item:focus-visible{box-shadow:var(--ds-focus-ring);outline:none}.graph-legend__swatch{border-radius:var(--ds-radius-full);background-color:var(--_hue,var(--ds-color-accent));width:.7rem;height:.7rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--ds-color-text) 12%, transparent);flex:none}.graph-legend__label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.graph-legend__count{font-variant-numeric:tabular-nums;color:var(--ds-color-text-subtle)}.graph-legend__item.is-off{color:var(--ds-color-text-subtle)}.graph-legend__item.is-off .graph-legend__swatch{background-color:var(--ds-color-surface-sunken);box-shadow:inset 0 0 0 1px var(--ds-color-border-strong)}.graph-legend__item.is-off .graph-legend__label{text-decoration:line-through}.graph-panel{right:var(--ds-space-3);top:var(--ds-space-3);bottom:var(--ds-space-3);z-index:var(--ds-z-overlay);gap:var(--ds-space-3);width:min(22rem,38vw);padding:var(--ds-space-5);color:var(--ds-color-text);background-color:var(--ds-color-surface-raised);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-card);box-shadow:var(--ds-shadow-lg);flex-direction:column;display:flex;position:absolute;overflow-y:auto}@media (prefers-reduced-motion:no-preference){.graph-panel:not([hidden]){animation:graph-panel-in var(--ds-duration-base) var(--ds-ease-enter) both}}@keyframes graph-panel-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.graph-panel__head{align-items:center;display:flex}.graph-panel__close{width:2rem;height:2rem;font-size:var(--ds-text-sm);color:var(--ds-color-text-muted);border-radius:var(--ds-radius-full);place-items:center;margin-left:auto;display:grid}.graph-panel__close:hover{background-color:var(--ds-color-surface-hover);color:var(--ds-color-text)}.graph-panel__close:focus-visible{box-shadow:var(--ds-focus-ring);outline:none}.graph-panel__id{font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);color:var(--ds-color-text-subtle);word-break:break-all}.graph-panel__title{font-family:var(--ds-font-serif);font-size:var(--ds-text-2xl);font-weight:var(--ds-weight-regular);line-height:var(--ds-leading-tight);letter-spacing:var(--ds-tracking-tight);color:var(--ds-color-text);margin:0}.graph-panel__desc{font-size:var(--ds-text-sm);line-height:var(--ds-leading-normal);color:var(--ds-color-text-muted)}.graph-panel__facts{gap:var(--ds-space-3);padding:var(--ds-space-3) 0;border-block:1px solid var(--ds-color-border-subtle);grid-template-columns:1fr;margin:0;display:grid}.graph-panel__facts>div{gap:var(--ds-space-1);flex-direction:column;display:flex}.graph-panel__facts dt{font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-wide);text-transform:uppercase;color:var(--ds-color-text-subtle)}.graph-panel__facts dd{font-size:var(--ds-text-sm);color:var(--ds-color-text);margin:0}.graph-panel__rels{gap:var(--ds-space-3);flex-direction:column;display:flex}.graph-panel__subhead{font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-wide);text-transform:uppercase;color:var(--ds-color-text-subtle)}.graph-panel__relgroup{gap:var(--ds-space-1);flex-direction:column;display:flex}.graph-panel__rel-verb{font-family:var(--ds-font-mono);font-size:var(--ds-text-2xs);letter-spacing:var(--ds-tracking-wide);color:var(--ds-color-accent-text)}.graph-panel__relgroup ul{gap:var(--ds-space-0_5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.graph-panel__rel{align-items:center;gap:var(--ds-space-2);width:100%;padding:var(--ds-space-1) var(--ds-space-1_5);font-size:var(--ds-text-sm);text-align:left;color:var(--ds-color-text-muted);border-radius:var(--ds-radius-sm);transition:var(--ds-transition);display:flex}.graph-panel__rel:hover{background-color:var(--ds-color-surface-hover);color:var(--ds-color-text)}.graph-panel__rel:focus-visible{box-shadow:var(--ds-focus-ring);outline:none}.graph-panel__rel-dot{border-radius:var(--ds-radius-full);background-color:var(--_hue,var(--ds-color-accent));flex:none;width:.55rem;height:.55rem}.graph-panel__foot{padding-top:var(--ds-space-3);border-top:1px solid var(--ds-color-border-subtle);margin-top:auto}.graph-panel__foot .ds-button{justify-content:center;width:100%}.graph-panel__nolink{font-size:var(--ds-text-xs);color:var(--ds-color-text-subtle);text-align:center;font-style:italic;display:block}.graph-panel__overview{gap:var(--ds-space-4);flex-direction:column;display:flex}.graph-panel__eyebrow{font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-wide);text-transform:uppercase;color:var(--ds-color-accent-text);margin:0}.graph-panel__top-section{gap:var(--ds-space-2);flex-direction:column;display:flex}.graph-panel__top-list{gap:var(--ds-space-0_5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.graph-panel__top{align-items:center;gap:var(--ds-space-2);width:100%;padding:var(--ds-space-1_5);font-size:var(--ds-text-sm);text-align:left;color:var(--ds-color-text-muted);border-radius:var(--ds-radius-sm);transition:var(--ds-transition);display:flex}.graph-panel__top:hover{background-color:var(--ds-color-surface-hover);color:var(--ds-color-text)}.graph-panel__top:focus-visible{box-shadow:var(--ds-focus-ring);outline:none}.graph-panel__top-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.graph-panel__top-deg{font-family:var(--ds-font-mono);font-size:var(--ds-text-2xs);font-variant-numeric:tabular-nums;color:var(--ds-color-text-subtle);flex:none}.graph-panel__hint{font-size:var(--ds-text-xs);font-style:italic;line-height:var(--ds-leading-normal);color:var(--ds-color-text-subtle);margin:0}.graph-stage--live .graph-stage__fallback{display:none}.graph-stage__fallback{gap:var(--ds-space-5);padding:var(--ds-space-6);flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.graph-stage__noscript{font-size:var(--ds-text-sm);color:var(--ds-color-text-muted)}.graph-summary{gap:var(--ds-space-3);flex-direction:column;display:flex}.graph-summary__legend{gap:var(--ds-space-2);flex-wrap:wrap;display:flex}.graph-summary__count{margin-left:var(--ds-space-1);font-variant-numeric:tabular-nums;opacity:.7}.graph-summary__edges{font-size:var(--ds-text-sm);color:var(--ds-color-text-muted)}.graph-summary__edges-label{font-weight:var(--ds-weight-medium);color:var(--ds-color-text);margin-right:var(--ds-space-1)}.graph-summary__edge{font-family:var(--ds-font-mono);font-size:var(--ds-text-xs)}.graph-index{gap:var(--ds-space-1) var(--ds-space-4);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));margin:0;padding:0;display:grid}.graph-index__item{align-items:baseline;gap:var(--ds-space-2);padding:var(--ds-space-1) 0;border-bottom:1px solid var(--ds-color-border-subtle);display:flex}.graph-index__dot{border-radius:var(--ds-radius-full);background-color:var(--_hue,var(--ds-color-accent));flex:none;align-self:center;width:.55rem;height:.55rem}.graph-index__link{font-size:var(--ds-text-sm);color:var(--ds-color-text);flex:1;text-decoration:none}a.graph-index__link:hover,a.graph-index__link:focus-visible{color:var(--ds-color-accent-text);text-underline-offset:.15em;text-decoration:underline}.graph-index__type{font-size:var(--ds-text-2xs);color:var(--ds-color-text-subtle);text-transform:uppercase;letter-spacing:var(--ds-tracking-wide)}.graph-empty{place-items:center;gap:var(--ds-space-2);padding:var(--ds-space-12) var(--ds-space-6);text-align:center;border:1px dashed var(--ds-color-border);border-radius:var(--ds-radius-card);background-color:var(--ds-color-bg-subtle);display:grid}.graph-empty__title{font-family:var(--ds-font-serif);font-size:var(--ds-text-2xl);font-weight:var(--ds-weight-regular);color:var(--ds-color-text);margin:0}.graph-empty__body{max-width:52ch;font-size:var(--ds-text-sm);line-height:var(--ds-leading-normal);color:var(--ds-color-text-muted);margin:0}@media (prefers-reduced-motion:no-preference){.graph-head,.graph-explorer,.graph-empty{animation:graph-rise var(--ds-duration-slow) var(--ds-ease-enter) both}.graph-explorer{animation-delay:80ms}}@keyframes graph-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.graph-node__dot,.graph-edge,.graph-node__label,.graph-panel:not([hidden]){transition:none;animation:none}}@media (width<=52rem){.graph-main{padding:var(--ds-space-6) var(--ds-space-4) var(--ds-space-10)}.graph-panel{right:var(--ds-space-2);left:var(--ds-space-2);bottom:var(--ds-space-2);width:auto;max-height:60%;top:auto}.graph-panel.graph-panel--overview{max-height:42%;padding:var(--ds-space-4)}@media (prefers-reduced-motion:no-preference){.graph-panel:not([hidden]){animation-name:graph-panel-in-sheet}}}@keyframes graph-panel-in-sheet{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}