/* A reading path through the real system, with native keyboard disclosures. */
.pipeline-walkthrough{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.7fr);gap:44px;padding:36px 0;border-bottom:1px solid var(--line);scroll-margin-top:16px}
/* Hash navigation focuses this reading region; interactive controls below
   retain their own visible focus rings. */
.pipeline-walkthrough:focus{outline:none}
.pipeline-intro>.eyebrow{color:var(--blue);font-size:10px;letter-spacing:.7px}
.pipeline-intro h4{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:14px 0 18px}
.pipeline-intro>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted)}
.pipeline-intro>p.pipeline-hint{font-size:12px;margin-top:22px}
.pipeline-stages{min-width:0;border-top:1px solid var(--line)}
.pipeline-stage{margin-left:24px;border-left:1px solid #b4c8f1;border-bottom:1px solid var(--line)}
.pipeline-stage:last-child{border-bottom:0}
.pipeline-stage summary{list-style:none;display:grid;grid-template-columns:11px minmax(0,1fr) 20px;gap:15px;align-items:start;padding:22px 8px;cursor:pointer;min-height:100px}
.pipeline-stage summary::-webkit-details-marker{display:none}
.stage-number{position:relative;z-index:1;display:grid;place-items:center;width:33px;height:33px;margin-left:-24px;background:var(--white);border:1px solid #b4c8f1;border-radius:50%;font:11px/1 var(--mono);color:var(--blue)}
.stage-summary{display:block;min-width:0}
.stage-label{display:block;font:10px/1.8 var(--mono);letter-spacing:.3px;color:var(--muted)}
.stage-summary strong{display:block;font:500 20px/1.4 var(--display);letter-spacing:-.5px;margin:5px 0}
.stage-output{display:block;font-size:12px;line-height:1.8;color:var(--muted)}
.stage-toggle{font:23px/1.3 var(--body);color:var(--blue);text-align:center}
.pipeline-stage[open] .stage-toggle{transform:rotate(45deg)}
.pipeline-stage summary:hover .stage-summary strong{color:var(--blue)}
.pipeline-stage summary:focus-visible{outline:3px solid var(--blue);outline-offset:-3px;border-radius:4px}
.pipeline-stage[open] summary{padding-bottom:17px}
.stage-detail{margin:0 34px 24px 34px;font-size:14px;line-height:1.85;color:var(--muted)}
.stage-implication{border-left:2px solid #b4c8f1;padding:0 0 0 18px;margin-top:20px}
.stage-implication>.eyebrow{font-size:9px;color:var(--blue);letter-spacing:.5px;margin-bottom:5px}
.stage-implication p+p{margin-top:10px}
.stage-implication a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;color:var(--blue);text-decoration:underline;text-underline-offset:4px;margin-top:8px}
.stage-implication a:hover{color:var(--ink)}
.stage-evidence{font:11px/1.8 var(--mono);color:var(--ink)}
.pipeline-return{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;color:var(--blue);text-decoration:underline;text-underline-offset:4px;margin-bottom:20px}
@media(max-width:1000px){.pipeline-walkthrough{grid-template-columns:1fr;gap:24px}.pipeline-intro h4 br{display:none}.pipeline-intro>p:not(.eyebrow){max-width:620px}.pipeline-intro>p.pipeline-hint{margin-top:10px}}
@media(max-width:600px){.pipeline-walkthrough{padding:28px 0}.pipeline-intro h4{font-size:27px}.pipeline-stage summary{grid-template-columns:15px minmax(0,1fr) 16px;gap:10px;padding:20px 0}.pipeline-stage{margin-left:14px}.stage-number{width:29px;height:29px;margin-left:-14px;font-size:10px}.stage-summary strong{font-size:18px;letter-spacing:-.3px}.stage-label{font-size:10px}.stage-output{font-size:12px}.stage-detail{margin:0 0 22px 25px}.stage-implication{padding-left:13px}.stage-implication a{font-size:12px}.stage-evidence{font-size:10px}}
@media print{.pipeline-walkthrough{display:block;padding:20px 0}.pipeline-intro h4{font-size:16pt}.pipeline-hint,.stage-toggle,.pipeline-return{display:none}.pipeline-stage{break-inside:avoid}.pipeline-stage summary{min-height:0;padding:14px 0}.pipeline-stage::details-content{content-visibility:visible}.pipeline-stage .stage-detail{display:block!important;font-size:9pt;margin-bottom:15px}.stage-summary strong{font-size:12pt}.stage-implication a{min-height:0}.pipeline-stages{margin-top:15px}}
