/* Network field note — shared portfolio palette, independently scoped. */
.demo-page{color-scheme:light;--bg:#fff;--panel:#f5f7fa;--panel-2:#edf1f7;--ink:#111318;--muted:#586374;--line:#d9e0ea;--lime:#0c2d69;--aqua:#345d9d;--amber:#6688bd;--red:#081b41;--mono:Consolas,"SFMono-Regular",monospace;--sans:"Segoe UI",Arial,sans-serif;--display:Georgia,"Times New Roman",serif;margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 var(--sans)}
.demo-page *{box-sizing:border-box}.demo-page a{color:var(--lime)}.demo-page a:hover{text-decoration:underline}.demo-page main{width:min(1160px,calc(100% - 64px));margin:0 auto;display:block}.demo-page .hero{min-height:0;padding:72px 0 56px;display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:center;border:0;background:#fff}.demo-page .eyebrow,.demo-page .panel-kicker{font:500 10px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}.demo-page .eyebrow{display:flex;align-items:center;gap:10px}.demo-page .live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}.demo-page .hero h1{font:400 clamp(40px,5vw,65px)/1.08 var(--display);letter-spacing:-.035em;margin:24px 0;color:var(--ink);max-width:none}.demo-page .hero h1 em{color:var(--lime);font-style:normal}.demo-page .dek{font-size:18px;line-height:1.65;max-width:560px;color:var(--muted);margin:0 0 18px}.demo-page .hero-note{font-size:13px;color:var(--muted);max-width:540px;margin-bottom:26px}.demo-page .scroll-link{font:500 12px var(--sans);color:var(--lime);text-decoration:none;display:inline-flex;gap:14px}
.demo-page .hero-art{height:330px;position:relative;overflow:hidden;background:#f3f5f9;border:1px solid var(--line)}.demo-page .art-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#9aaccc;stroke-width:1.2;fill:none}.demo-page .art-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #d0daea;border-radius:50%}.demo-page .orbit-one{width:210px;height:210px}.demo-page .orbit-two{width:310px;height:310px;border-style:dashed}.demo-page .art-core,.demo-page .art-node{position:absolute;border-radius:50%;display:grid;place-items:center;font:12px var(--mono);z-index:2}.demo-page .art-core{left:calc(50% - 27px);top:calc(50% - 27px);width:54px;height:54px;color:#fff;background:var(--lime)}.demo-page .art-node{width:36px;height:36px;background:#fff;border:1px solid #345d9d;color:var(--lime)}.demo-page .n1{left:20%;top:18%}.demo-page .n2{right:18%;top:18%}.demo-page .n3{left:15%;bottom:23%}.demo-page .n4{right:16%;bottom:22%}.demo-page .n5{left:46%;top:8%}.demo-page .art-caption{position:absolute;right:18px;bottom:16px;text-align:right;color:var(--muted);font:10px/1.6 var(--mono);z-index:2}
.demo-page .ribbon{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font:10px/1.5 var(--mono);letter-spacing:.07em}.demo-page .ribbon b{color:var(--lime);font-size:17px;font-weight:400}.demo-page .sim-section{padding:68px 0}.demo-page .section-heading,.demo-page .references-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:end;margin-bottom:30px}.demo-page .section-heading h2,.demo-page .method-aside h2,.demo-page .story-copy h2,.demo-page .closing h2,.demo-page .references-heading h2{font:400 clamp(30px,3.7vw,44px)/1.15 var(--display);letter-spacing:-.025em;margin:12px 0 0;color:var(--ink)}.demo-page .section-description,.demo-page .references-heading>p{color:var(--muted);max-width:540px;margin:0;font-size:14px}.demo-page .sim-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);gap:20px;align-items:stretch}.demo-page .network-panel,.demo-page .control-panel{background:var(--panel);border:1px solid var(--line)}.demo-page .network-panel{min-width:0;padding:18px 18px 16px}.demo-page .panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start;padding:3px 4px 0}.demo-page .panel-head>div{display:flex;flex-direction:column;gap:5px}.demo-page .panel-head strong{font:500 12px var(--mono);color:var(--lime)}.demo-page .network-count{font:10px var(--mono);color:var(--muted);padding-top:4px}.demo-page #network{width:100%;height:auto;display:block;max-height:470px;overflow:visible}.demo-page .edge{stroke:#b2bfd4;stroke-width:1;opacity:.75;transition:stroke .4s,opacity .4s,stroke-width .4s}.demo-page .edge.strong{stroke-width:2.1;opacity:.85}.demo-page .edge.active{stroke:#577aaa;opacity:1;stroke-width:2.5}.demo-page .member{cursor:pointer}.demo-page .member:focus{outline:none}.demo-page .member:focus-visible .node-halo{stroke:#0c2d69!important;stroke-width:2;stroke-dasharray:3 2}.demo-page .node-halo{fill:none;stroke:transparent;stroke-width:1;transition:stroke .3s,r .3s}.demo-page .member:has(.node-seed) .node-halo{stroke:#7897c3}.demo-page .node-circle{stroke-width:1.5;transition:fill .5s,stroke .5s}.demo-page .member .node-core,.demo-page .member .node-low{fill:#fff;stroke:#7d96bb}.demo-page .member .node-medium{fill:#b6c9e6;stroke:#345d9d}.demo-page .member .node-high{fill:#0c2d69;stroke:#081b41}.demo-page .member .node-seed{fill:#081b41;stroke:#081b41;stroke-width:3}.demo-page .node-label{font:11px var(--mono);fill:#081b41;text-anchor:middle;dominant-baseline:central;pointer-events:none}.demo-page .member .node-seed+.node-label,.demo-page .member .node-high+.node-label{fill:#fff;font-weight:600}.demo-page .node-caption{font:8px var(--mono);fill:#586374;text-anchor:middle;pointer-events:none}.demo-page .packet{fill:#0c2d69;stroke:#fff;stroke-width:1}.demo-page .legend{display:flex;flex-wrap:wrap;gap:12px 18px;padding:10px 5px 0;color:var(--muted);font:10px var(--sans)}.demo-page .legend span{display:flex;align-items:center;gap:7px}.demo-page .key-dot{width:9px;height:9px;border-radius:50%;background:#fff;border:1px solid #7d96bb}.demo-page .key-dot.medium{background:#b6c9e6;border-color:#345d9d}.demo-page .key-dot.high{background:#0c2d69;border-color:#081b41}.demo-page .key-line{height:2px;width:18px;background:#577aaa}
.demo-page .control-panel{padding:23px 22px;background:#fff}.demo-page .control-panel>.panel-kicker{margin-bottom:24px}.demo-page .control-panel label{display:block;font-size:13px;color:var(--ink);margin-bottom:8px}.demo-page .control-panel select{width:100%;background:#fff;border:1px solid #a9b6ca;color:var(--ink);padding:12px 8px;border-radius:0;font:12px var(--sans);margin-bottom:23px}.demo-page .control-panel select:focus-visible,.demo-page .control-panel input:focus-visible,.demo-page .button:focus-visible,.demo-page a:focus-visible{outline:2px solid #0c2d69;outline-offset:4px}.demo-page .range-head{display:flex;justify-content:space-between;align-items:center}.demo-page .range-head label{margin:0}.demo-page .range-head output{font:12px var(--mono);color:var(--lime)}.demo-page input[type=range]{width:100%;accent-color:#0c2d69;margin:13px 0 0}.demo-page .range-scale{display:flex;justify-content:space-between;color:var(--muted);font:10px var(--sans)}.demo-page .controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.demo-page .button{border:1px solid #a9b6ca;background:#fff;color:#0c2d69;padding:12px 10px;font:500 12px var(--sans);cursor:pointer;min-height:42px}.demo-page .button:hover{background:#edf1f7}.demo-page .button-primary{background:#0c2d69;border-color:#0c2d69;color:#fff}.demo-page .button-primary:hover{background:#081b41}.demo-page .button-quiet{grid-column:1/-1;background:transparent;color:var(--muted)}.demo-page .readout{margin-top:26px;padding:16px;background:var(--panel);border-left:2px solid #0c2d69}.demo-page .readout .panel-kicker{display:block;font-size:9px}.demo-page .readout>strong{display:block;font:500 15px var(--mono);color:#0c2d69;margin:9px 0}.demo-page .readout-track{height:4px;background:#d9e0ea;margin:12px 0 8px}.demo-page .readout-track i{display:block;width:0;height:100%;background:#0c2d69;transition:width .45s}.demo-page .readout>span:last-child,.demo-page .control-foot{font-size:11px;color:var(--muted)}.demo-page .control-foot{line-height:1.7;margin:17px 0 0}
.demo-page .method-section,.demo-page .story-section{padding:62px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;border-top:1px solid var(--line)}.demo-page .method-aside h2{margin-bottom:18px}.demo-page .method-aside>p:last-child{color:var(--muted);max-width:370px;font-size:14px}.demo-page .method-main{padding-top:15px;min-width:0}.demo-page .equation{display:flex;align-items:center;gap:12px;padding:23px 18px;background:var(--panel);border:1px solid var(--line);font:clamp(14px,1.5vw,20px) var(--mono);overflow-x:auto;white-space:nowrap}.demo-page .eq-left,.demo-page .eq-right{color:#0c2d69}.demo-page .eq-equals{color:var(--muted)}.demo-page .product{font-size:1.5em;color:#0c2d69;vertical-align:middle}.demo-page .equation sub{font-size:.53em;color:var(--muted)}.demo-page .definitions{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:22px}.demo-page .definitions p{border-bottom:1px solid var(--line);padding:11px 0;margin:0;display:flex;align-items:baseline;gap:12px}.demo-page .definitions b{font:12px var(--mono);color:#0c2d69;min-width:58px}.demo-page .definitions span{font-size:12px;color:var(--muted)}.demo-page .method-caveat,.demo-page .references-caveat{font-size:12px;color:var(--muted);line-height:1.7;margin:20px 0 0}.demo-page .story-detail>p{color:var(--muted);margin:0 0 22px}.demo-page .story-detail strong{color:var(--ink)}.demo-page .metric-note{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:20px;background:var(--panel);border:1px solid var(--line)}.demo-page .metric{font:400 29px var(--display);letter-spacing:-.03em;color:#0c2d69;white-space:nowrap}.demo-page .metric-note span:last-child{font-size:12px;line-height:1.7;color:var(--muted)}.demo-page .boundary{margin-top:14px;padding:18px;border-left:2px solid #0c2d69;background:#f5f7fa;display:flex;flex-direction:column;gap:7px}.demo-page .boundary strong{font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#0c2d69}.demo-page .boundary span{font-size:12px;line-height:1.7;color:var(--muted)}
.demo-page .references-section{padding:62px 0;border-top:1px solid var(--line)}.demo-page .references-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-page .reference-card{padding:24px;background:#fff;border:1px solid var(--line)}.demo-page .reference-card h3{font:400 22px/1.35 var(--display);letter-spacing:-.02em;margin:12px 0 10px;color:var(--ink)}.demo-page .reference-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 16px}.demo-page .reference-card a{font:500 12px var(--sans);color:#0c2d69;text-decoration:none}.demo-page .closing{padding:38px;display:flex;justify-content:space-between;gap:32px;align-items:end;background:var(--panel);border:1px solid var(--line);margin-bottom:64px}.demo-page .closing h2{font-size:clamp(30px,3.4vw,42px)}.demo-page .closing-links{display:flex;flex-direction:column;gap:15px;min-width:200px}.demo-page .closing-links a{font:500 12px var(--sans);color:#0c2d69;padding-bottom:8px;border-bottom:1px solid #bdc9dc;text-decoration:none}
@media(max-width:900px){.demo-page .hero{grid-template-columns:1fr .8fr;gap:5%}.demo-page .sim-layout{grid-template-columns:1fr}.demo-page .control-panel{max-width:none}.demo-page .method-section,.demo-page .story-section{gap:5%}.demo-page .equation{font-size:14px}}
@media(max-width:640px){.demo-page main{width:calc(100% - 36px)}.demo-page .hero{padding:40px 0;grid-template-columns:1fr;gap:28px}.demo-page .hero h1{font-size:43px}.demo-page .hero-art{height:270px}.demo-page .ribbon{font-size:8px;letter-spacing:0;gap:8px}.demo-page .sim-section{padding:42px 0}.demo-page .section-heading,.demo-page .references-heading{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.demo-page .section-heading h2,.demo-page .method-aside h2,.demo-page .story-copy h2,.demo-page .references-heading h2{font-size:34px}.demo-page .network-panel{padding:13px 8px}.demo-page .network-count{font-size:8px}.demo-page .panel-kicker{font-size:9px}.demo-page .legend{gap:9px 12px}.demo-page .control-panel{padding:20px}.demo-page .method-section,.demo-page .story-section{padding:42px 0;grid-template-columns:1fr;gap:22px}.demo-page .method-main{padding:0}.demo-page .definitions{gap:0 10px}.demo-page .definitions p{gap:6px}.demo-page .definitions b{min-width:42px;font-size:11px}.demo-page .definitions span{font-size:11px}.demo-page .metric-note{grid-template-columns:1fr;gap:8px}.demo-page .closing{padding:25px 20px;align-items:flex-start;flex-direction:column;margin-bottom:42px}.demo-page .closing-links{width:100%}.demo-page .references-section{padding:42px 0}.demo-page .references-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.demo-page *,.demo-page *:before,.demo-page *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.demo-page .packet{display:none}}