/* Pipeline demonstration: extends the existing Gnothis design tokens. */
.pipeline-page header{position:relative;background:#071322d9}.pipeline-page header nav a[aria-current]{color:var(--cyan)}.pipeline-main{padding-block:34px 60px}.back-link{font-size:.875rem;color:var(--muted);display:inline-block;margin-bottom:22px}.back-link:hover{color:var(--cyan)}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.demo-heading h1{font-size:clamp(2rem,3.5vw,3.25rem);margin:12px 0;line-height:1.2}.demo-heading>div>p{font-size:1rem}.demo-badge{border:1px solid #39728a;border-radius:8px;color:var(--cyan);padding:13px 18px;font-size:.75rem;letter-spacing:.05em;flex-shrink:0}.demo-badge span{color:var(--muted);font-size:.875rem;letter-spacing:0;display:inline-block;margin-top:4px}.demo-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-top:30px}.pipeline-page fieldset{margin:0;min-width:0}.path-switch{border:0;padding:0;display:flex;gap:0;flex-wrap:wrap}.path-switch legend{font-size:.875rem;color:var(--muted);margin-bottom:8px}.path-switch button,.hop-controls button{background:#0c1d30;color:var(--muted);border:1px solid #3b5e77;padding:12px 17px;cursor:pointer;font-size:.875rem}.path-switch button:first-of-type{border-radius:8px 0 0 8px}.path-switch button:last-of-type{border-radius:0 8px 8px 0}.path-switch button[aria-pressed=true],.hop-controls button[aria-pressed=true]{background:#153d52;color:var(--cyan);border-color:#55ddf5;box-shadow:inset 0 0 20px #55ddf509}.step-controls{display:flex;gap:10px}.pipeline-page .button{border:1px solid #406b83;cursor:pointer;line-height:1.4;font-size:.875rem;gap:8px;min-height:44px}.pipeline-page .button.primary{border-color:var(--cyan)}.pipeline-page button:disabled{opacity:.5;cursor:default;transform:none}.route-note{font-size:.875rem;margin:14px 0 22px;min-height:25px}.record-tracker{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 20px;border:1px solid #2d5972;border-left:3px solid var(--cyan);border-radius:8px;background:#0d243787}.record-tracker>div{display:flex;gap:18px;align-items:center}.record-tracker strong{font-weight:500;font-size:.875rem}.record-id{font-size:.875rem;color:var(--cyan);margin-right:8px;white-space:nowrap}.record-tracker>span{color:var(--muted);font-size:.875rem}.stage-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}.stage-button{display:flex;align-items:center;gap:12px;position:relative;padding:14px;background:#0c1d30a8;border:1px solid #2f5068;border-radius:9px;color:#c3d6e7;text-align:left;font-size:.875rem;cursor:pointer;min-height:67px}.stage-button small{display:block;font-size:.75rem;color:var(--muted);margin-top:2px}.step-number{font-size:.875rem;color:#83aec9;flex-shrink:0}.stage-button.active{border-color:var(--cyan);background:#14374b;box-shadow:0 0 22px #22baff12}.stage-button.active .step-number{color:var(--cyan)}.stage-button.visited{border-color:#438ba1}.stage-arrow{margin-left:auto;color:#6597b3}.stage-button:last-child .stage-arrow{display:none}.stage-panel{background:linear-gradient(130deg,#10273be0,#0a1b2ddb);border:1px solid #36758f;border-radius:16px;padding:30px;box-shadow:0 0 50px #168ccd0b}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px}.panel-heading h2{font-size:clamp(1.5rem,2.4vw,2rem);margin-top:8px;line-height:1.3}.component-tag{border:1px solid #365d75;border-radius:6px;padding:7px 11px;color:#b8d2e7;font-size:.75rem;max-width:260px}.io-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #2b4d65;margin:24px 0;padding:17px 0;gap:24px}.io-strip dt{color:var(--cyan);font-size:.875rem}.io-strip dt span{float:right;color:#7babc4}.io-strip dd{margin:7px 0 0;color:#c0d4e4;font-size:.875rem;line-height:1.6}.demo-two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px}.pipeline-page label{display:block;font-size:.875rem;color:#d0e3f1;margin:0 0 7px}.pipeline-page select,.pipeline-page textarea,.pipeline-page input:not([type=checkbox]){width:100%;font:inherit;font-size:1rem;line-height:1.5;border:1px solid #46708a;border-radius:7px;color:var(--text);background:#081b2d;padding:11px 13px;margin-bottom:18px;min-width:0}.pipeline-page input::placeholder,.pipeline-page textarea::placeholder{color:#95b0c7}.pipeline-page input[type=file]{font-size:.875rem;padding:8px;max-width:100%}.pipeline-page input[type=file]::file-selector-button{font:inherit;background:#183d52;color:var(--text);border:1px solid #497991;border-radius:4px;padding:7px;margin-right:10px}.pipeline-page textarea{resize:vertical}.pipeline-page :is(input,select,textarea):focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.pipeline-page input[type=checkbox]{width:18px;height:18px;accent-color:var(--cyan);flex-shrink:0}.pipeline-page .small{font-size:.875rem;line-height:1.7}.fixture-card,.evidence-card,.route-box,.answer-box,.index-branch{background:#071a2b8c;border:1px solid #2f5972;border-radius:10px;padding:22px;min-width:0}.fixture-card h3{margin:12px 0;font-size:1.3rem}.fixture-card .record-id{margin-top:24px}.fixture-card .small{margin-top:12px}.notice{padding:17px 20px;margin:20px 0;border-left:2px solid #4eabc4;background:#14344875;font-size:1rem}.notice p{margin-top:8px}.provenance{color:#d3f1fb}.scope-box{border:1px solid #3b6b85;border-radius:9px;padding:17px 19px;background:#0a203299}.scope-box legend{color:var(--cyan);font-size:.875rem;padding-inline:7px}.scope-box select:last-of-type{margin-bottom:10px}.check-options{display:flex;flex-wrap:wrap;gap:12px}.pipeline-page .check-options label,.pipeline-page .check-label{display:flex;gap:9px;align-items:center;margin:15px 0;font-size:.875rem}.check-options label{margin-block:0!important}.scope-box .small{margin-top:10px}.collection-route{display:grid;grid-template-columns:1fr 30px 1fr;align-items:stretch;gap:15px}.route-arrow{align-self:center;text-align:center;color:var(--cyan)}.route-box h3{margin:12px 0}.route-box.bypassed{border-style:dashed}.route-box .small{margin-top:16px}.evidence-card{margin:18px 0}.evidence-card blockquote{margin:16px 0;color:#def4ff;font-size:1rem;border-left:2px solid var(--cyan);padding-left:16px}.evidence-card .button{margin-top:17px}.source-version{margin-top:18px;padding-top:17px;border-top:1px solid #365a70}.source-version pre{font:inherit;font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#b2cadd;margin:15px 0 0}.source-version mark{background:#255269;color:#f0fcff;border-bottom:1px solid var(--cyan)}.proposal-list{margin-top:25px}.proposal-list>div{margin-top:20px}.proposal-list strong{font-size:.875rem;font-weight:500}.proposal-list p{font-size:.875rem;margin-left:35px}.edge-key{display:inline-block;width:25px;border-top:2px solid #71dcef;vertical-align:middle;position:relative;margin-right:10px}.edge-key:after{content:'';position:absolute;right:-1px;top:-4px;width:6px;height:6px;border-right:1px solid #71dcef;border-top:1px solid #71dcef;transform:rotate(45deg)}.edge-key.inferred{border-top-style:dashed;border-color:#aec3dd}.validation-list>div{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid #29495f}.validation-list>div>span{color:var(--cyan);font-size:.875rem}.validation-list strong{font-weight:500}.validation-list p{font-size:.875rem;margin-top:5px}.validation-list b{font-size:.75rem;color:var(--cyan);margin-left:auto;font-weight:500}.validation-list>.small{margin-top:15px}.map-scope-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.explorer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0 18px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:#9bbace;font-size:.875rem;align-items:center}.breadcrumbs button,.citation,.edge-row button{border:0;background:none;color:var(--cyan);padding:5px;cursor:pointer;font:inherit;font-size:.875rem;text-decoration:underline;text-underline-offset:4px}.subject-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.subject{display:grid;grid-template-columns:auto 1fr auto;gap:5px 12px;background:#102a3e;color:var(--text);border:1px solid #37627b;border-radius:10px;padding:17px;text-align:left;cursor:pointer;min-width:0}.subject strong{font-size:1rem;font-weight:500;line-height:1.4;overflow-wrap:anywhere}.subject>span:not(.subject-icon){grid-column:2;font-size:.875rem;color:var(--muted)}.subject>b{grid-column:3;grid-row:1/3;align-self:center;font-size:1.2rem;color:var(--cyan);font-weight:400}.subject-icon{font-size:1.4rem;color:var(--cyan);grid-row:1/3}.subject.active{border-color:var(--cyan);box-shadow:0 0 22px #25bfee17;background:#16394e}.empty-state{padding:28px 20px;text-align:center;color:#b1c9dc;font-size:.875rem;background:#081a2a99;border:1px dashed #3b6077;border-radius:8px;margin-top:18px}.empty-state .button{display:flex;margin:15px auto 0}.record-list{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px}.record-choice{display:flex;flex-direction:column;gap:5px;flex:1 1 180px;text-align:left;background:#0c2033;border:1px solid #395c75;color:var(--text);padding:15px;border-radius:8px;cursor:pointer}.record-choice strong{font-size:.875rem;font-weight:500}.record-choice.active{border-color:var(--cyan)}.record-choice .small{font-size:.75rem;color:var(--muted)}.explorer-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;padding-top:22px;border-top:1px solid #34556c}.record-detail-heading{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.scope-indicator{font-size:.75rem;border:1px solid #43657c;border-radius:4px;color:#d5e6f1;padding:2px 6px}.explorer-detail h3{margin-bottom:12px}.shared-note{font-size:.875rem;padding:12px 0;border-block:1px solid #2c4d62;margin-top:16px}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.button-row .button{font-size:.875rem;padding:9px 12px}.graph-pane{min-width:0}.graph-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.graph-heading h3{font-size:1.1rem;margin:0}.hop-controls{border:0;padding:0;display:flex;flex-shrink:0}.hop-controls button{padding:7px 9px;font-size:.875rem}.hop-controls button:first-of-type{border-radius:5px 0 0 5px}.hop-controls button:last-of-type{border-radius:0 5px 5px 0}.graph-pane>.small{margin-top:12px}.mini-graph{height:320px;position:relative;background:radial-gradient(#3c779c44 1px,transparent 1px),#091c2dd9;background-size:20px 20px;border:1px solid #284e65;border-radius:10px;margin-top:16px;overflow:hidden}.mini-graph svg{width:100%;height:100%;position:absolute;inset:0}.graph-edge{stroke:#55ddf5;stroke-width:.35}.graph-edge.inferred{stroke-dasharray:1.5 1;stroke:#adc3dd}.graph-record{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:27%;padding:10px 5px;border:1px solid #4b809d;border-radius:7px;background:#102a40;color:var(--text);cursor:pointer;overflow-wrap:anywhere}.graph-record strong{font-size:.875rem;color:var(--cyan);display:block}.graph-record span{font-size:.75rem;line-height:1.4;display:block;margin:6px 0}.graph-record small{font-size:.75rem;color:var(--muted)}.graph-record.origin{border-color:var(--cyan);box-shadow:0 0 25px #32bded16}.graph-record:focus-visible{outline-offset:-3px}.edge-list{margin:15px 0}.edge-row{display:flex;flex-wrap:wrap;gap:3px 5px;align-items:center;border-top:1px solid #29495e;padding:8px 0;font-size:.75rem;color:#bdd2e4}.edge-row .edge-key{width:18px;margin-right:5px}.edge-row small{border:1px solid #3e5d74;padding:0 5px;font-size:.75rem;margin-left:auto}.graph-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:.75rem}.graph-legend span{white-space:nowrap}.index-branch h3,.answer-box h3{font-size:1.2rem;margin-bottom:12px}.branch-status{border-left:2px solid #478cac;padding:8px 12px;font-size:.875rem;margin:8px 0 12px}.answer-box{margin-top:20px}.answer-box h3{margin-top:12px}.sample-answer{border-top:1px solid #2b4f69;margin-top:20px;padding-top:18px}.result-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.result-list .button{text-align:left;justify-content:flex-start}.follow-question{margin:10px 0 15px}.follow-question~.button{margin:20px 0 12px}.simulation-note{font-size:.875rem;text-align:center;max-width:930px;margin:24px auto 0;color:#9ebbd0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pipeline-page button:hover:not(:disabled){border-color:var(--cyan)}.pipeline-page #stage-title:focus{outline:none}.pipeline-page #keyword{margin-top:0}.pipeline-page .scope-box+label{margin-top:20px}
@media(min-width:701px) and (max-width:1150px){.pipeline-page header nav{gap:12px}.pipeline-page header nav a{font-size:.75rem}.pipeline-page .brand-wordmark{width:150px}.pipeline-page .nav-cta{gap:8px;padding:10px}.demo-heading{align-items:flex-start}.demo-badge{flex-shrink:1}.record-tracker>div{flex-direction:column;gap:5px;align-items:flex-start}.explorer-detail{grid-template-columns:1fr}.mini-graph{height:310px}.graph-record span{font-size:.875rem}.demo-controls{align-items:flex-start}.step-controls{flex-wrap:wrap;justify-content:flex-end}.path-switch{flex-wrap:nowrap}}
@media(max-width:700px){.pipeline-page header nav{display:none}.pipeline-page .brand-wordmark{width:160px}.pipeline-page header .brand small{font-size:10px}.pipeline-main{padding-top:20px}.demo-heading{display:block}.demo-heading h1{font-size:2rem}.demo-badge{display:inline-block;margin-top:20px;font-size:.75rem}.demo-badge br{display:none}.demo-badge span{display:block}.demo-controls{display:block;margin-top:22px}.path-switch{display:grid;grid-template-columns:1fr 1fr}.path-switch button{font-size:.875rem;padding:12px 10px}.path-switch legend{grid-column:1/-1}.step-controls{margin-top:15px;justify-content:space-between}.record-tracker{display:block;padding:14px}.record-tracker>div{display:block}.record-tracker strong{display:block;margin:8px 0}.record-tracker>span{font-size:.75rem}.stage-list{grid-template-columns:1fr;gap:0;margin-block:22px;padding-left:12px}.stage-button{min-height:48px;margin-left:5px;border-radius:0;padding:11px 14px;border:0;border-left:1px solid #458ba6;background:transparent;gap:16px}.stage-button.active{border:1px solid var(--cyan);border-radius:7px;margin-left:0;padding-left:18px}.stage-button .stage-arrow{transform:rotate(90deg)}.stage-button small{display:inline;margin-left:10px}.stage-panel{padding:20px 16px}.panel-heading{display:block}.component-tag{display:inline-block;margin-top:14px;max-width:100%}.panel-heading h2{font-size:1.55rem}.io-strip{grid-template-columns:1fr;gap:12px;margin-block:20px}.io-strip>div{display:grid;grid-template-columns:65px 1fr;gap:8px}.io-strip dd{margin:0}.io-strip dt span{display:none}.demo-two-col,.map-scope-row,.explorer-detail{grid-template-columns:1fr;gap:20px}.collection-route{grid-template-columns:1fr;gap:10px}.route-arrow{transform:rotate(90deg)}.scope-box{padding:14px}.fixture-card,.evidence-card,.route-box,.answer-box,.index-branch{padding:17px}.subject-list{grid-template-columns:1fr}.subject{padding:14px}.explorer-toolbar{align-items:flex-start}.breadcrumbs{font-size:.75rem}.explorer-toolbar>.button{flex-shrink:0;font-size:.75rem;padding:8px}.graph-heading{flex-wrap:wrap}.mini-graph{height:auto;display:flex;flex-direction:column;gap:12px;padding:15px;background-size:20px 20px}.mini-graph svg{display:none}.graph-record{position:static;transform:none;width:100%;padding:12px;text-align:left;display:grid;grid-template-columns:35px 1fr;gap:2px 10px}.graph-record span{font-size:.875rem;margin:0}.graph-record small{grid-column:2}.edge-list{border-left:1px solid #35617b;padding-left:10px}.edge-row{font-size:.875rem;padding:10px 0}.edge-row small{margin-left:0}.simulation-note{text-align:left}.pipeline-page .button{max-width:100%;white-space:normal}.follow-question{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.pipeline-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
