/* One process, three perspectives. Navigation stays outside the illustration. */
.insight-navigation { display:grid; grid-template-columns:60px minmax(0,1fr) 60px; align-items:center; gap:22px; margin-top:28px; }
.insight-arrow { width:60px; height:60px; border:1px solid #afc7c4; border-radius:50%; background:#edf4f1; color:#006b70; display:grid; place-items:center; padding:0; }
.insight-arrow span { font-size:32px; line-height:1; }
.insight-arrow:hover:not([aria-disabled="true"]) { background:#d2e9e2; border-color:#00767e; }
.insight-arrow[aria-disabled="true"] { opacity:.3; cursor:default; }
.insight-progress { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:0; margin:0; gap:16px; }
.insight-progress li { min-width:0; border-bottom:2px solid #dce4e1; padding:6px 0 10px; color:#617680; font-size:13px; line-height:1.4; }
.insight-progress li span { display:block; font:10px 'Roboto Mono',monospace; margin-bottom:5px; }
.insight-progress li[aria-current="step"] { color:#006b70; border-color:#00767e; font-weight:500; }
.insight-position { min-width:0; }
.insight-current { display:none; }
.insight-slider[data-enhanced] .insight-slides { display:grid; overflow:clip; }
.insight-slider[data-enhanced] .insight-slide { grid-area:1/1; visibility:hidden; pointer-events:none; }
.insight-slider[data-enhanced] .insight-slide.is-active { visibility:visible; pointer-events:auto; }
.insight-slide { align-items:start; padding-top:30px; }
.insight-slide .section-copy { padding-top:18px; }
.insight-slide .section-copy .insight-stage-label { font:11px 'Roboto Mono',monospace; text-transform:uppercase; letter-spacing:.5px; color:#55736f; margin:0 0 17px; }
.insight-slide .comparison-chamber { margin-block:10px 14px; }
.insight-slide .comparison-card b { flex-basis:auto; min-width:42px; font-size:10px; }
.insight-flow,.insight-measured { fill:none; stroke:#00767e; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.insight-flow.secondary { stroke:#af7848; }
.insight-reference { fill:none; stroke:#899c9e; stroke-width:2; stroke-dasharray:4 5; }
.insight-gas-b { fill:#af7848; }
.insight-bar-b { stroke:#af7848; stroke-width:4; }
.insight-announcement { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:850px) {
  .insight-navigation { gap:16px; grid-template-columns:52px minmax(0,1fr) 52px; }
  .insight-arrow { width:52px; height:52px; }
  .insight-slide { gap:22px; padding-top:24px; grid-template-rows:auto 1fr; }
  .insight-slide .section-copy { padding-top:0; }
  .insight-slide .section-copy > p { font-size:14px; line-height:1.65; }
  .insight-slide .comparison-chamber { max-width:470px; }
  .insight-slide .insight-demo { align-self:start; }
}
@media(max-width:600px) {
  .insight-navigation { grid-template-columns:44px minmax(0,1fr) 44px; gap:10px; margin-top:22px; }
  .insight-arrow { width:44px; height:44px; }
  .insight-arrow span { font-size:27px; }
  .insight-progress { gap:8px; }
  .insight-progress li { font-size:0; padding:0 0 3px; }
  .insight-progress li span { font-size:10px; margin-bottom:3px; }
  .insight-current { display:block; font-size:11px; line-height:1.4; font-weight:500; color:#006b70; margin-top:7px; min-height:31px; }
  .insight-slide .section-copy .insight-stage-label { font-size:10px; margin-bottom:12px; }
  .insight-slide .section-copy > p { margin-top:16px; }
  .insight-slide .section-copy .key-sentence { font-size:13px; }
  .insight-slide .comparison-chamber text { font-size:13px; }
  .insight-slide .comparison-gases text { font-size:19px; }
  .insight-slide .comparison-card b { min-width:0; }
  .insight-slide .comparison-card h3 { font-size:15px; overflow-wrap:anywhere; }
}