@import url('graph-scene.css?v=graph-v1-20261013');
/* New-design graph interface. Shared type and spacing live in their authorities. */
.content-graph-page{--stitch-floral-white:var(--ink);--stitch-dust-grey:var(--muted);--stitch-charcoal-brown:var(--line);--stitch-carbon-black:var(--paper);--stitch-spicy-paprika:var(--orange);--graph-articles:var(--orange);--graph-blog:var(--orange);--graph-knowledge:var(--orange);--graph-cases:var(--orange);--graph-prompts:var(--orange);--color-primary:var(--orange);display:grid;min-width:0;color:var(--ink)}
.graph-page [hidden]{display:none!important}
.graph-page button,.graph-page input{font:inherit}
.graph-page button{color:inherit;cursor:pointer}
.graph-page button:focus-visible,.graph-page a:focus-visible,.graph-search:focus-within{outline:2px solid var(--orange);outline-offset:4px}
.graph-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.graph-page :is(.graph-sidebar,.graph-central-route,.graph-cluster-card,.graph-connection-card,.graph-mobile-notice){min-width:0;border:1px solid var(--line);border-radius:var(--radius-block);background:var(--soft)}
.graph-summary{min-width:0}
.graph-page .library-intro-copy .graph-stats__note{color:color-mix(in srgb,currentColor 75%,transparent);border-top:1px solid color-mix(in srgb,currentColor 30%,transparent)}
.graph-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.graph-stats>div{min-width:0;display:flex;flex-direction:column-reverse;align-items:flex-start}
.graph-stats dd{margin:0;color:var(--orange);font-variant-numeric:tabular-nums}
.graph-stats dt,.graph-stats__note{color:var(--muted)}
.graph-page .library-intro-copy .graph-stats dt{color:color-mix(in srgb,currentColor 75%,transparent)}
.graph-toolbar{display:grid;grid-template-columns:1fr;min-width:0}
.graph-search-wrap{position:relative;min-width:0}
.graph-search{display:flex;align-items:center;min-width:0;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--paper)}
.graph-search svg{width:20px;height:20px;fill:none;stroke:var(--orange);stroke-width:1.7;flex:none}
.graph-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink)}
.graph-search input::placeholder{color:var(--muted);opacity:1}
html[data-theme] .graph-page .graph-search input[type=search]{border:0;box-shadow:none;outline:none;padding:0;appearance:none}
.graph-sidebar__head h2:focus{outline:none}
html[data-theme] .graph-page .graph-reset-button{background:transparent;color:var(--ink);border:1px solid var(--line)}
.graph-search kbd{white-space:nowrap;color:var(--muted);font-family:inherit}
.graph-search-results{position:absolute;z-index:5;top:100%;left:0;width:100%;max-height:520px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-block);background:var(--paper);box-shadow:0 12px 28px #0001}
.graph-search-results__summary{color:var(--muted);border-bottom:1px solid var(--line)}
.graph-search-result{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}
.graph-search-result:hover,.graph-search-result:focus-visible{background:var(--soft)}
.graph-search-result>strong,.graph-search-result__detail{display:block}
.graph-search-result__meta,.graph-related-card__meta{display:flex;flex-wrap:wrap;align-items:center;color:var(--muted)}
.graph-search-result__detail{color:var(--muted)}
.graph-filter-list{display:flex;flex-wrap:wrap}
.graph-filter{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-control);background:transparent;min-height:44px}
.graph-filter:hover{border-color:var(--orange);color:var(--orange)}
.graph-filter.is-active{background:var(--orange);border-color:var(--orange);color:#fff}
.graph-filter__count{font-variant-numeric:tabular-nums}
.graph-filter__dot{display:none}
.graph-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);min-width:0;align-items:stretch;scroll-margin-top:var(--space-6)}
.graph-canvas-shell{min-width:0;contain:paint;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-block);background:var(--paper)}
.graph-canvas{position:relative;height:var(--graph-scene-block-size);background-image:radial-gradient(circle at 1px 1px,var(--line) 1px,transparent 1px);background-size:var(--space-8) var(--space-8)}
.graph-scene{display:block;width:100%;height:100%;cursor:grab;touch-action:none;user-select:none}
.graph-scene.is-panning,.graph-scene.is-node-dragging{cursor:grabbing}
.graph-scene:focus{outline:none}
.graph-scene__viewport{transform-box:fill-box;transform-origin:0 0}
.graph-canvas__hint{position:absolute;top:0;left:0;right:0;display:flex;flex-wrap:wrap;color:var(--muted);pointer-events:none;background:linear-gradient(var(--paper),transparent)}
.graph-legend{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;background:var(--paper);color:var(--muted)}
.graph-legend strong,.graph-legend__note{flex-basis:100%}
.graph-legend strong{color:var(--ink)}
.graph-legend span{display:inline-flex;align-items:center}
.graph-legend__dot,.graph-type-mark{display:inline-block;flex:none;width:8px;height:8px;border:1px solid var(--orange);border-radius:50%;background:transparent}
.graph-legend__dot--active,.graph-type-mark{background:var(--orange)}
.graph-legend__line{display:inline-block;width:24px;border-top:2px solid var(--orange)}
.graph-legend__line--dashed{border-top-style:dashed}
.graph-minimap{position:absolute;right:var(--space-4);bottom:var(--space-4);width:148px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--paper)}
.graph-minimap__label{display:block;color:var(--muted)}
.graph-minimap svg{display:block;width:100%;height:84px;touch-action:none;user-select:none}
.graph-minimap rect{fill:color-mix(in srgb,var(--orange) 8%,transparent);stroke:var(--orange)}
.graph-sidebar{display:flex;flex-direction:column;max-height:calc(var(--graph-scene-block-size) + var(--graph-legend-block-size));overflow:hidden}
.graph-sidebar__content{min-height:0;overflow:auto;overscroll-behavior:contain}
.graph-sidebar__eyebrow{display:flex;flex-wrap:wrap;align-items:center;color:var(--muted)}
.graph-sidebar__head h2{overflow-wrap:anywhere}
.graph-sidebar__head>p{color:var(--muted)}
.graph-sidebar__tags,.graph-connection-card__tags{display:flex;flex-wrap:wrap}
.graph-sidebar__tags>span,.graph-connection-card__tags>span{color:var(--muted);border:1px solid var(--line);border-radius:6px}
.graph-parent-cluster{display:grid;grid-template-columns:auto minmax(0,1fr) auto;width:100%;align-items:center;border:0;border-block:1px solid var(--line);background:transparent;text-align:left}
.graph-parent-cluster strong,.graph-parent-cluster small{display:block}
.graph-parent-cluster small{color:var(--muted)}
.graph-parent-cluster__icon,.graph-parent-cluster__arrow{color:var(--orange)}
.graph-related__heading{display:flex;align-items:center;justify-content:space-between}
.graph-related__heading>span{color:var(--orange);font-variant-numeric:tabular-nums}
.graph-related-card{position:relative;border-top:1px solid var(--line)}
.graph-related-card__content{width:100%;display:block;border:0;background:transparent;text-align:left}
.graph-related-card__content>strong,.graph-related-card__reason{display:block}
.graph-related-card__reason{color:var(--muted)}
.graph-related-card__relation{color:var(--orange)}
.graph-related-card__open{position:absolute;top:var(--space-4);right:0;color:var(--orange);width:28px;min-height:28px;text-align:center;text-decoration:none}
.graph-related-card.is-inspected{color:var(--orange)}
.graph-sidebar__actions{display:grid;margin-top:auto;border-top:1px solid var(--line)}
.graph-read-button,.graph-reset-button{width:100%;justify-content:center;text-align:center;min-height:44px}
.graph-read-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.graph-nojs,.graph-mobile-notice p:last-child{color:var(--muted)}
.graph-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
.graph-section-heading>p{color:var(--muted)}
.graph-insights,.graph-clusters,.graph-connection-examples{min-width:0;border-top:1px solid var(--line)}
.graph-central-routes__list,.graph-cluster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.graph-central-route{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0}
.graph-central-route__trigger{height:100%;grid-template-rows:minmax(0,1fr) auto}
.graph-central-route__trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;width:100%;border:0;background:transparent;text-align:left}
.graph-central-route__body{grid-column:1/-1}
.graph-central-route__body small,.graph-central-route__body strong{display:block}
.graph-central-route__body small{color:var(--muted)}
.graph-central-route__degree,.graph-central-route__arrow{color:var(--orange)}
.graph-central-route__links a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;text-decoration:none;border-top:1px solid var(--line)}
.graph-central-route__links small{grid-column:2;color:var(--muted)}
.graph-central-route__links a>span:last-child{grid-row:1;grid-column:3;color:var(--orange)}
.graph-central-route__links .graph-type-mark{margin-top:6px}
.graph-cluster-card__trigger{display:block;width:100%;border:0;background:transparent;text-align:left}
.graph-cluster-card__topline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.graph-cluster-card__count{color:var(--orange);font-variant-numeric:tabular-nums}
.graph-cluster-card__trigger>p{color:var(--muted)}
.graph-cluster-card[aria-current=true]{border-color:var(--orange)}
.graph-cluster-card__trigger:hover h3,.graph-central-route__trigger:hover strong,.graph-central-route__links a:hover{color:var(--orange)}
.graph-connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.graph-connection-card{display:grid;grid-template-rows:subgrid;grid-row:span 5}
.graph-connection-card__topline{grid-row:1}
.graph-connection-card__pair{grid-row:2}
.graph-connection-card>p{grid-row:3}
.graph-connection-card__tags{grid-row:4}
.graph-connection-card__map-action{grid-row:5}
.graph-connection-card__topline{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}
.graph-connection-card__topline>span:first-child{color:var(--orange)}
.graph-connection-card__pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;width:100%;min-width:0}
.graph-connection-card__pair a{text-decoration:none;min-width:0;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:var(--radius-block)}
.graph-connection-card__pair a>span,.graph-connection-card__pair small{display:block}
.graph-connection-card__pair small{color:var(--muted)}
.graph-connection-card__pair>span{color:var(--orange);align-self:center;justify-self:center}
.graph-connection-card>p{color:var(--muted)}
.graph-connection-card__map-action{align-self:flex-start;border:0;border-top:1px solid var(--line);background:transparent;color:var(--orange)!important;text-align:left;width:100%}
.graph-connection-card__map-action>span{float:right}
.graph-fallback-link{display:none}
.content-graph-page:not(.graph-enhanced) :is(.graph-toolbar,.graph-workspace,.graph-central-route__trigger,.graph-connection-card__map-action){display:none}
.content-graph-page:not(.graph-enhanced) .graph-fallback-link{display:block}
.content-graph-page:not(.graph-enhanced) .graph-cluster-card__trigger{cursor:default;pointer-events:none}
.graph-mobile-notice{display:none}
@media(max-width:1050px){.graph-workspace{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
@media(max-width:1000px){.graph-workspace{grid-template-columns:1fr}.graph-sidebar{max-height:none}.graph-sidebar__content{overflow:visible}.graph-related__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.graph-central-routes__list,.graph-cluster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.graph-stats{grid-template-columns:1fr}.graph-section-heading,.graph-central-routes__list,.graph-cluster-grid,.graph-connection-grid{grid-template-columns:1fr}.graph-connection-card__pair{grid-template-columns:1fr}.graph-connection-card__pair>span{transform:rotate(90deg);justify-self:center}.graph-stats>div{align-items:center;text-align:center}.graph-stats dt{overflow-wrap:break-word}}
@media(max-width:720px){.graph-connection-card{display:flex;flex-direction:column;grid-row:auto}}
@media(max-width:700px){.graph-mobile-notice{display:block}.graph-toolbar,.graph-workspace{display:none}.graph-enhanced :is(.graph-central-route__trigger,.graph-cluster-card__trigger){cursor:default}.graph-connection-card__map-action{display:none}}
