/* Preview-only outcome illustration: one open visual, not another row of cards. */
#root .outcomes > .bc-outcome-graphic {
  width:100%; max-width:1100px; margin:0 auto 46px; padding:0; border:0;
  background:none; box-shadow:none;
}
.bc-outcome-graphic > svg { display:block; width:100%; height:auto; overflow:visible; }
.bc-outcome-graphic svg { fill:none; stroke-linecap:round; stroke-linejoin:round; }
.bc-outcome-graphic .bc-impact-ground { fill:var(--bc-visual-accent); opacity:.055; stroke:none; }
.bc-outcome-graphic .bc-impact-plane { fill:var(--bc-visual-panel); stroke:var(--bc-visual-accent); stroke-width:1.6; }
.bc-outcome-graphic .bc-impact-facet { fill:var(--bc-visual-core); stroke:var(--bc-visual-line); stroke-width:1.3; }
.bc-outcome-graphic .bc-impact-facet-alt { fill:var(--bc-visual-module); }
.bc-outcome-graphic .bc-impact-module { fill:var(--bc-visual-core); stroke:var(--bc-visual-accent); stroke-width:1.4; }
.bc-outcome-graphic .bc-impact-grid { fill:none; stroke:var(--bc-visual-line); stroke-width:1.2; }
.bc-outcome-graphic .bc-impact-outline { fill:none; stroke:var(--bc-visual-accent); stroke-width:1.8; }
.bc-outcome-graphic .bc-impact-guide { fill:none; stroke:var(--bc-visual-line); stroke-width:1.3; stroke-dasharray:3 6; opacity:.7; }
.bc-outcome-graphic .bc-impact-connectors { fill:none; stroke:var(--bc-visual-line); stroke-width:1.4; opacity:.7; }
.bc-outcome-graphic .bc-impact-point { fill:var(--bc-visual-accent); stroke:none; }
.bc-outcome-graphic .bc-impact-route { fill:none; stroke:var(--bc-visual-accent); stroke-width:2.5; }
.bc-outcome-graphic .bc-impact-road-base { fill:none; stroke:var(--bc-visual-panel); stroke-width:19; }
.bc-outcome-graphic .bc-impact-node { fill:var(--bc-visual-panel); stroke:var(--bc-visual-accent); stroke-width:2; }
.bc-outcome-graphic .bc-impact-option { fill:var(--bc-visual-panel); stroke:var(--bc-visual-line); stroke-width:1.4; }
.bc-outcome-graphic .bc-impact-selected { fill:var(--bc-visual-accent); stroke:var(--bc-visual-accent); stroke-width:1.5; }
.bc-outcome-graphic .bc-impact-check { fill:none; stroke:var(--bc-visual-panel); stroke-width:2.4; }
#root .bc-outcome-graphic > figcaption {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px;
  margin:0; padding:0; border:0; color:var(--bc-visual-accent);
  font:500 13px/1.4 var(--ui-font); letter-spacing:.075em; text-align:center;
}
#root .bc-outcome-graphic > figcaption > span { margin:0; padding:0; color:inherit; }
@media(min-width:701px) and (max-width:1000px) {
  #root .outcomes > .bc-outcome-graphic { margin-bottom:34px; }
}
@media(max-width:700px) {
  #root .mobile-home #mb-outcomes .mb-prose > .bc-outcome-graphic {
    display:block; width:100%; margin:4px 0 28px; padding:0; border:0;
    background:none; box-shadow:none;
  }
  #root .mobile-home .bc-outcome-graphic > figcaption {
    gap:8px; margin:0; padding:0; font:500 11px/1.4 var(--ui-font); letter-spacing:0;
  }
  #root .mobile-home .bc-outcome-graphic > svg { width:100%; height:auto; }
}
@media(prefers-reduced-motion:reduce) {
  .bc-outcome-graphic, .bc-outcome-graphic * { animation:none!important; transition:none!important; }
}