/* Hands-on explanations sit above the formal method figures. */
.method-lab{--lab-green:#286652;--lab-muted:#596d64;--lab-line:#d6e1da;--lab-soft:#f2f6f1;--lab-red:#a33d48;margin:4px 0 48px;border:1px solid var(--lab-line);border-radius:16px;background:#fafcf9;padding:30px;color:#173c35;scroll-margin-top:20px}
.lab-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px}.lab-kicker{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--lab-green);display:block;margin-bottom:13px}.lab-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:31px;line-height:1.22;letter-spacing:-.025em;margin-bottom:12px}.lab-heading p{font-size:15px;color:var(--lab-muted);line-height:1.65;max-width:670px;margin:0}.lab-jump{font-size:12px;white-space:nowrap;text-decoration:underline;text-underline-offset:5px;color:var(--lab-muted);padding-bottom:4px}
.lab-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:25px;align-items:start}.demo-controls{border-right:1px solid var(--lab-line);padding-right:23px;font-size:13px}.demo-controls fieldset{border:0;padding:0;margin:0 0 23px;min-width:0}.demo-controls legend,.select-label,.range-label{font-size:12px;font-weight:650;color:#294d40;margin-bottom:10px;display:block}.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice-row label{display:flex;align-items:center;gap:6px;background:white;border:1px solid var(--lab-line);border-radius:7px;padding:8px 9px;font-size:12px;cursor:pointer}.choice-row label:has(input:checked){border-color:var(--lab-green);background:#e8f0e5}.demo-controls input[type=radio],.demo-controls input[type=checkbox]{accent-color:var(--lab-green);margin:0;flex-shrink:0;width:15px;height:15px}.demo-controls select{width:100%;border:1px solid #b9cbbf;border-radius:7px;padding:10px 8px;font:inherit;color:#173c35;background:white;margin:0 0 23px;min-height:42px}.check-row{display:flex;align-items:flex-start;gap:9px;line-height:1.6;font-size:12px;margin-bottom:12px;cursor:pointer}.check-row input{margin-top:3px!important}.method-lab button{font:inherit;cursor:pointer;touch-action:manipulation}.method-lab button:disabled{opacity:.45;cursor:default}.lab-primary,.lab-secondary{padding:10px 15px;border-radius:7px;font-size:12px!important;font-weight:550!important;border:1px solid var(--lab-green);min-height:42px}.lab-primary{background:var(--lab-green);color:white}.lab-secondary{background:white;color:var(--lab-green)}.lab-primary:hover:not(:disabled){background:#173c35}.lab-secondary:hover:not(:disabled){background:#e9f1e6}.lab-footnote{font-size:11px;line-height:1.6;color:var(--lab-muted);margin:17px 0 0}.lab-workspace{min-width:0}.lab-status{padding:17px 20px;background:#e9f1e6;border:1px solid #d5e3d2;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:94px}.result-eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:650;color:#4e6b58;display:block;margin-bottom:7px}.lab-status h3{font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.2}.lab-status p{font-size:12px;color:var(--lab-muted);line-height:1.6;margin:10px 0 0}.result-metrics{display:flex;gap:23px;flex-shrink:0}.result-metrics span{font-size:11px;display:block;color:var(--lab-muted)}.result-metrics strong{display:block;font-size:25px;font-weight:550;line-height:1.2;color:#173c35;margin-bottom:4px}
.route-canvas{padding:10px 0 0}.route-canvas svg,.lookup-map svg{width:100%;display:block;height:auto;overflow:visible}.network-path{fill:none;stroke:#809488;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:stroke .18s,stroke-width .18s}.network-node{stroke:#718b7a;fill:#fff;stroke-width:2}.network-label-bg{fill:#fafcf9}.network-label{font-family:var(--sans);font-size:16px;fill:#355848;font-weight:600}.network-detail{font-family:var(--sans);font-size:12px;fill:#607669}.svg-meta{font-family:var(--sans);font-size:10px;fill:#586c60;letter-spacing:1px}.endpoint{fill:#173c35;stroke:white;stroke-width:4}.endpoint-label{font-family:var(--sans);font-size:13px;fill:#173c35;font-weight:600}.path-selected .network-path{stroke:#286652;stroke-width:6}.path-selected .network-node{fill:#dcebd6;stroke:#286652}.path-blocked .network-path{stroke:#c98990;stroke-dasharray:6 7;stroke-width:2}.path-blocked .network-label{fill:var(--lab-red)}.path-blocked .network-node{fill:#f9eded;stroke:#bd7e86}.blocked-cross{fill:none;stroke:var(--lab-red);stroke-width:3;stroke-linecap:round}.method-lab[data-route-stage="0"] .path-selected .network-path,.method-lab[data-route-stage="1"] .path-selected .network-path{stroke:#95b9a4;stroke-width:3}.method-lab[data-route-stage="0"] .path-selected .network-node,.method-lab[data-route-stage="1"] .path-selected .network-node{fill:white;stroke:#718b7a}
.map-legend{display:flex;gap:20px;justify-content:center;font-size:10px;color:var(--lab-muted);flex-wrap:wrap;margin:4px 0 18px}.map-legend>span{display:flex;align-items:center;gap:7px}.legend-line{width:20px;height:0;border-top:2px solid #809488;display:inline-block}.legend-line.selected{border-color:#286652;border-top-width:4px}.legend-line.blocked{border-color:#c98990;border-top-style:dashed}.route-comparison{display:grid;gap:7px}.connection-card{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border:1px solid var(--lab-line);border-radius:7px;background:white;gap:12px;font-size:12px}.connection-card strong{font-size:12px;font-weight:650;display:block}.connection-card span{font-size:11px;display:block;color:var(--lab-muted);margin-top:3px}.connection-state{font-size:10px;font-weight:600;color:var(--lab-muted);white-space:nowrap}.connection-card.is-selected{border-color:#a0b99b;background:#f0f6ed}.connection-card.is-selected .connection-state{color:#286652}.connection-card.is-blocked .connection-state{color:var(--lab-red)}
.logic-walkthrough{border-top:1px solid var(--lab-line);padding-top:23px;margin-top:25px;display:grid;grid-template-columns:auto 1fr;gap:23px;align-items:start}.lab-step-buttons,.rag-stepper{display:flex;gap:7px;flex-wrap:wrap}.lab-step-buttons button,.rag-stepper button{border:1px solid var(--lab-line);border-radius:7px;background:white;color:var(--lab-muted);font-size:12px;padding:9px 11px;display:flex;gap:8px;align-items:center;min-height:40px}.lab-step-buttons button span,.rag-stepper button span{font-size:10px;opacity:.75}.lab-step-buttons button[aria-pressed=true],.rag-stepper button[aria-pressed=true]{background:#286652;color:white;border-color:#286652}.logic-walkthrough>p{font-size:14px;line-height:1.7;color:#385d4c;margin:0}.lab-glossary{margin-top:23px;border-top:1px solid var(--lab-line);padding-top:17px;font-size:13px}.lab-glossary summary{cursor:pointer;font-weight:600;padding:5px 0}.lab-glossary p{font-size:13px;line-height:1.75;color:var(--lab-muted);max-width:850px;margin:15px 0 0}.prepared-note{font-size:11px;color:var(--lab-muted);padding:11px 14px;border-radius:7px;background:#edf3e9;margin:-5px 0 24px;line-height:1.6}.range-label{display:flex;justify-content:space-between;gap:10px;margin-top:1px}.range-label output{font-weight:500;color:var(--lab-green)}.demo-controls input[type=range]{accent-color:var(--lab-green);width:100%;height:25px;margin:0;cursor:pointer}.control-help{font-size:11px;line-height:1.6;color:var(--lab-muted);margin:4px 0 23px}
.rag-stepper{gap:6px;justify-content:space-between;margin-bottom:20px}.rag-stepper button{flex:1;justify-content:center;font-size:11px;padding:9px 7px}.rag-stage{background:white;border:1px solid var(--lab-line);padding:21px;border-radius:10px;min-height:380px}.rag-stage[hidden]{display:none}.rag-stage-title>span{display:block;font-size:9px;letter-spacing:1.5px;color:var(--lab-green);margin-bottom:10px}.rag-stage-title h3{font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.25;margin-bottom:10px;letter-spacing:-.02em}.rag-stage-title p{font-size:13px;line-height:1.65;color:var(--lab-muted);margin:0 0 23px}.observation-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:stretch}.prepared-sign{background:#edf2e9;border:1px solid #d0ddc8;border-radius:9px;padding:22px 19px;display:flex;flex-direction:column;justify-content:center;min-height:170px;text-align:center}.prepared-sign>span{font-size:8px;letter-spacing:1.2px;color:#6e806a}.prepared-sign strong{font-size:21px;letter-spacing:.3px;line-height:1.4;display:block;margin:16px 0;color:#2c4d3d;overflow-wrap:anywhere}.prepared-sign b{font-size:12px;font-weight:500;color:#657d61}.clue-list>div{padding:11px 0;border-bottom:1px solid var(--lab-line)}.clue-list span{font-size:10px;color:var(--lab-muted);display:block;margin-bottom:5px}.clue-list strong{font-size:13px;display:block;font-weight:600}.stage-takeaway{font-size:12px;line-height:1.75;color:#456452;margin:21px 0 0;border-top:1px solid #e2e9e0;padding-top:15px}.rag-navigation{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;margin-top:17px}.rag-navigation p{font-size:10px;line-height:1.5;text-align:center;color:var(--lab-muted);margin:0}.rag-navigation button{white-space:nowrap}
.record-table-wrap{overflow-x:auto}.record-table{width:100%;font-size:12px;border-collapse:collapse;line-height:1.6;min-width:450px}.record-table td,.record-table th{text-align:left;padding:11px 9px 11px 0;border-bottom:1px solid var(--lab-line);vertical-align:top}.record-table th{font-size:10px;color:var(--lab-muted);font-weight:550;border-top:1px solid var(--lab-line)}.record-excluded{color:#58695e}.record-tag{display:inline-block;font-size:10px;white-space:nowrap;color:#4f6a56}.record-excluded .record-tag{color:#9d5c65}.evidence-list{display:grid;gap:12px}.evidence-card{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;border:1px solid #cddfca;border-radius:8px;padding:15px;background:#f5f9f2;font-size:12px}.evidence-card>div>span{font-size:9px;display:block;color:var(--lab-muted);margin-bottom:5px}.evidence-card strong{font-size:13px;line-height:1.5;display:block;overflow-wrap:anywhere}.evidence-card>b{font-size:10px;grid-column:1/-1;color:#286652;font-weight:600}.evidence-card.unsupported{background:#fcf6f6;border-color:#e9cdd1}.evidence-card.unsupported>b{color:var(--lab-red)}.empty-state{font-size:13px;color:var(--lab-muted);padding:20px 0}
.ranking-row{display:grid;grid-template-columns:minmax(130px,1.3fr) 1fr 42px;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--lab-line)}.ranking-row strong{font-size:12px;display:block;font-weight:600}.ranking-row span{font-size:9px;display:block;color:var(--lab-muted);margin-top:5px}.ranking-row>b{font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.score-track{height:7px;background:#e9efE6;border-radius:10px;overflow:hidden}.score-track i{display:block;height:100%;background:#598c69;border-radius:10px;transition:width .18s}.score-details{margin-top:20px;font-size:11px;color:var(--lab-muted)}.score-details summary{cursor:pointer;font-weight:600}.score-details dl{margin:15px 0}.score-details dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--lab-line);padding:8px 0}.score-details dd{margin:0;font-variant-numeric:tabular-nums}.score-details p{font-size:11px;line-height:1.7;margin:0}.confirm-choices{display:grid;gap:8px;margin-bottom:12px}.confirm-choice{display:grid;grid-template-columns:1fr auto;gap:5px 12px;border:1px solid var(--lab-line);border-radius:7px;text-align:left;background:#fafcf8;padding:12px 13px;color:#173c35;min-height:60px}.confirm-choice strong{font-size:12px;font-weight:600}.confirm-choice span{font-size:10px;color:var(--lab-muted);grid-row:2}.confirm-choice b{font-size:10px;font-weight:600;grid-column:2;grid-row:1/3;align-self:center;color:#286652}.confirm-choice:hover{border-color:#81a184}.confirm-choice.is-confirmed{border-color:#286652;background:#eaf3e4}.lookup-floor{fill:#f4f7f1;stroke:#dce6d7;stroke-width:1}.lookup-point{fill:white;stroke:#718b7a;stroke-width:2}.lookup-selected .lookup-point{fill:#286652;stroke:#bcd4b3;stroke-width:5}.lookup-selected .network-label{fill:#1f5938}.anchor-result{padding:15px;background:#edf4e8;border-radius:7px;font-size:12px;line-height:1.7}.anchor-result>strong{display:block;font-size:13px}.anchor-result>span{display:block;color:var(--lab-muted);font-size:11px;margin-top:5px}.anchor-result p{margin:8px 0 0}.anchor-result>p:only-child{margin:0}.no-match-note{border:1px solid #e5c6cc;background:#fcf4f5;border-radius:7px;font-size:12px;padding:14px;color:#8f4350}
@media(max-width:1100px){.method-lab{padding:25px}.lab-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}.demo-controls{padding-right:19px}.lab-heading{display:block}.lab-jump{display:inline-block;margin-top:17px}.result-metrics{gap:15px}.result-metrics strong{font-size:23px}.logic-walkthrough{grid-template-columns:1fr}.observation-layout{grid-template-columns:1fr}.clue-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lab-status{padding:15px}.rag-stage{padding:18px}.rag-navigation{gap:8px}.rag-navigation button{padding:10px}.ranking-row{grid-template-columns:minmax(110px,1.2fr) 1fr 40px;gap:10px}}
@media(max-width:760px){.method-lab{padding:21px 17px;border-radius:12px;margin-bottom:35px}.lab-heading h2{font-size:27px}.lab-heading p{font-size:14px}.lab-layout{grid-template-columns:1fr;gap:23px}.demo-controls{border:0;border-bottom:1px solid var(--lab-line);padding:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.demo-controls fieldset{margin-bottom:19px}.demo-controls>.select-label,.demo-controls>select,.demo-controls>.range-label,.demo-controls>input[type=range],.demo-controls>.control-help,.demo-controls>.check-row,.demo-controls>.lab-footnote{grid-column:1/-1}.demo-controls>.lab-secondary{justify-self:start}.demo-controls select{margin-bottom:20px}.lab-footnote{margin-top:15px}.lab-status{min-height:85px}.lab-status h3{font-size:24px}.lab-status:has(h3+p){display:block}.result-metrics{gap:18px}.result-metrics strong{font-size:23px}.lab-status{gap:12px}.prepared-note{font-size:10px}.rag-stepper button{padding:8px 5px;font-size:10px;gap:4px}.rag-stage-title h3{font-size:23px}.rag-stage{padding:17px 14px;min-height:0}.rag-navigation{grid-template-columns:1fr 1fr;gap:12px}.rag-navigation p{grid-row:2;grid-column:1/-1;font-size:10px}.rag-navigation button{font-size:11px!important}.observation-layout{grid-template-columns:1fr}.prepared-sign{min-height:150px}.clue-list{gap:12px}.ranking-row{grid-template-columns:minmax(105px,1.3fr) .8fr 38px;gap:8px}.ranking-row strong{font-size:11px}.evidence-card{gap:8px;padding:13px 10px}.evidence-card strong{font-size:12px}.map-legend{gap:15px}.logic-walkthrough{gap:16px}.logic-walkthrough>p{font-size:13px}.network-label{font-size:18px}.network-detail{font-size:14px}.svg-meta{font-size:11px}.endpoint-label{font-size:15px}.confirm-choice{padding:11px}.confirm-choice b{max-width:90px;text-align:right}.confirm-choice strong{font-size:11px}.anchor-result{font-size:11px}.lab-glossary{font-size:12px}.lab-glossary p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.method-lab *{transition:none!important}}
@media print{.method-lab{display:none}}

.lab-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}