.cmdb-flow-explainer-module__WPc02q__explainer{gap:var(--space-5);display:grid}.cmdb-flow-explainer-module__WPc02q__pipeline{background:var(--surface-dark);border:1px solid var(--on-dark-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:var(--space-4) var(--space-5);overflow-x:auto}.cmdb-flow-explainer-module__WPc02q__pipelineTrack{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;min-width:max-content;margin:0;padding:0;list-style:none;display:flex}.cmdb-flow-explainer-module__WPc02q__pipelineItem{align-items:center;gap:var(--space-3);display:flex}.cmdb-flow-explainer-module__WPc02q__pipelineNode{border:1px solid var(--on-dark-line);border-radius:var(--radius-md);color:var(--on-dark-muted);letter-spacing:.01em;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out), color .2s var(--ease-out);white-space:nowrap;background:#f8f7f312;padding:.5rem .85rem;font-size:.86rem;font-weight:700}.cmdb-flow-explainer-module__WPc02q__pipelineNodeActive{border-color:var(--color-gold);color:var(--color-warm-white);background:#c6a15b29}.cmdb-flow-explainer-module__WPc02q__pipelineArrow{color:var(--color-gold);font-weight:800}.cmdb-flow-explainer-module__WPc02q__grid{gap:var(--space-5);display:grid}.cmdb-flow-explainer-module__WPc02q__railList{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.cmdb-flow-explainer-module__WPc02q__railButton{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);color:var(--color-navy);cursor:pointer;font:inherit;align-items:center;gap:var(--space-3);text-align:left;background:#ffffffbd;border-left:3px solid #0000;width:100%;padding:.7rem .9rem;transition:background-color .16s,border-color .16s,color .16s;display:flex}.cmdb-flow-explainer-module__WPc02q__railButton:hover{border-left-color:var(--color-gold)}.cmdb-flow-explainer-module__WPc02q__railButtonActive{background:var(--color-navy-dark);border-color:var(--color-navy-dark);border-left:3px solid var(--color-gold);color:var(--color-warm-white)}.cmdb-flow-explainer-module__WPc02q__railIndex{color:var(--color-gold-deep);font-family:var(--font-mono);font-size:.78rem;font-weight:700}.cmdb-flow-explainer-module__WPc02q__railButtonActive .cmdb-flow-explainer-module__WPc02q__railIndex{color:var(--color-gold-bright)}.cmdb-flow-explainer-module__WPc02q__railTitle{font-weight:700;line-height:1.3}.cmdb-flow-explainer-module__WPc02q__panelCol{gap:var(--space-3);min-width:0;display:grid}.cmdb-flow-explainer-module__WPc02q__panel{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);gap:var(--space-3);background:#ffffffc7;padding:clamp(1.25rem,3vw,1.75rem);display:grid}.cmdb-flow-explainer-module__WPc02q__panelKicker{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.cmdb-flow-explainer-module__WPc02q__panelTitle{font-size:var(--text-card-h2);line-height:var(--leading-heading);margin:0}.cmdb-flow-explainer-module__WPc02q__panelTeaser{color:var(--color-charcoal);margin:0;font-size:1.02rem;line-height:1.65}.cmdb-flow-explainer-module__WPc02q__panelPoints{gap:var(--space-2);margin:0;padding-left:1.2rem;display:grid}.cmdb-flow-explainer-module__WPc02q__panelPoints li::marker{color:var(--color-gold)}.cmdb-flow-explainer-module__WPc02q__stageNav{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.cmdb-flow-explainer-module__WPc02q__stageNavButton{border-radius:var(--radius-md);color:var(--color-navy);cursor:pointer;background:#10233f0f;border:1px solid #10233f24;min-height:2.75rem;padding:.55rem 1rem;font-size:.94rem;font-weight:700;transition:background-color .16s,border-color .16s,color .16s}.cmdb-flow-explainer-module__WPc02q__stageNavButton:hover:not(:disabled){background:var(--color-navy-dark);border-color:var(--color-navy-dark);color:var(--color-warm-white)}.cmdb-flow-explainer-module__WPc02q__stageNavButton:disabled{cursor:not-allowed;opacity:.45}@media (min-width:56rem){.cmdb-flow-explainer-module__WPc02q__grid{grid-template-columns:minmax(13rem,.62fr) minmax(0,1fr);align-items:start}}@media (prefers-reduced-motion:reduce){.cmdb-flow-explainer-module__WPc02q__pipelineNode,.cmdb-flow-explainer-module__WPc02q__railButton,.cmdb-flow-explainer-module__WPc02q__stageNavButton{transition:none}}