#progress.stage-progress{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  width:min(520px,100%);
  padding-top:0;
}
#progress.stage-progress .stage-step{
  width:auto;
  height:auto;
  min-height:46px;
  border-radius:10px;
  border:1px solid var(--line);
  background:#f7fafc;
  padding:8px 10px;
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--muted);
}
#progress.stage-progress .stage-step strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:50%;
  border:1px solid #b9cad6;
  background:#fff;
  color:var(--accent);
  font-size:.72rem;
}
#progress.stage-progress .stage-step span{
  width:auto;
  height:auto;
  border-radius:0;
  background:transparent;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.04em;
}
#progress.stage-progress .stage-step.active{
  border-color:#8fa8bc;
  background:#edf5fa;
  color:var(--accent-dark);
}
#progress.stage-progress .stage-step.done{
  border-color:#b4c8d5;
  background:#f0f5f8;
  color:#476176;
}
#progress.stage-progress .stage-step.done strong{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
}
.stage-review{
  margin-top:16px;
  border:1px solid #b7cad7;
  border-radius:12px;
  background:linear-gradient(180deg,#f8fbfd,#eef5f9);
  padding:16px;
}
.stage-review-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin-bottom:10px;
}
.stage-review-head h3{margin:0}
.stage-score{
  flex:0 0 auto;
  font-weight:850;
  color:var(--accent);
  background:#fff;
  border:1px solid #bfd0dc;
  border-radius:999px;
  padding:6px 10px;
}
.stage-review-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.stage-review-item{
  padding:11px 12px;
  border-radius:9px;
  background:#fff;
  border:1px solid #d3e0e8;
  font-size:.88rem;
}
.stage-review-item strong{
  display:block;
  margin-bottom:3px;
  color:var(--accent-dark);
}
.stage-inline-actions{margin-top:12px}
#finishInvestigationBtn{margin-top:14px}
#consequence.consequence-workspace{
  margin:20px 0 0;
  padding:20px;
  background:linear-gradient(180deg,#f4f8fb,#eaf2f7);
}
.consequence-kicker{
  margin:0 0 8px;
  color:var(--accent-muted);
  font-size:.76rem;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.consequence-event{
  font-size:1rem;
  color:#253645;
  margin-bottom:14px;
}
.stakeholder-reactions{
  display:grid;
  gap:8px;
  margin:12px 0 16px;
}
.stakeholder-reaction{
  border-left:3px solid #8ca8bc;
  padding:9px 11px;
  background:rgba(255,255,255,.75);
  border-radius:0 9px 9px 0;
}
.stakeholder-reaction strong{
  display:block;
  margin-bottom:2px;
}
.impact-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.impact-item{
  border:1px solid #c5d5df;
  background:#fff;
  border-radius:9px;
  padding:10px;
  text-align:center;
}
.impact-item span{
  display:block;
  color:var(--muted);
  font-size:.75rem;
  margin-bottom:4px;
}
.impact-item strong{
  margin:0;
  font-size:1rem;
}
.stage-performance{
  margin:20px 0 22px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fbfdfe;
}
.stage-performance-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.stage-performance-head h3{margin:0}
.stage-performance-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.stage-performance-card{
  border:1px solid #d2dfe7;
  background:#fff;
  border-radius:10px;
  padding:12px;
}
.stage-performance-card span{
  display:block;
  color:var(--muted);
  font-size:.76rem;
  font-weight:700;
  margin-bottom:4px;
}
.stage-performance-card strong{
  color:var(--accent);
  font-size:1.18rem;
}
.stage-locked{opacity:.72}
@media(max-width:850px){
  #progress.stage-progress{width:100%}
  .stage-review-grid{grid-template-columns:1fr}
  .impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stage-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  #progress.stage-progress{grid-template-columns:1fr}
  #progress.stage-progress .stage-step{min-height:40px}
  .impact-grid,.stage-performance-grid{grid-template-columns:1fr}
}

/* Phase 3 selected design — Executive status bar (Version C). */
#progress.stage-progress{
  display:flex;
  align-items:stretch;
  width:min(590px,100%);
  gap:0;
  padding:0;
  border:1px solid #c6d4de;
  border-radius:11px;
  overflow:hidden;
  background:#f8fafc;
}
#progress.stage-progress .stage-step{
  flex:1 1 0;
  width:auto;
  height:auto;
  min-height:42px;
  border:0;
  border-right:1px solid #d5e0e7;
  border-radius:0;
  background:transparent;
  padding:8px 11px;
  display:flex;
  align-items:center;
  gap:7px;
  color:#718391;
}
#progress.stage-progress .stage-step:last-child{border-right:0}
#progress.stage-progress .stage-step strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  height:auto;
  min-width:18px;
  flex:0 0 auto;
  border:0;
  border-radius:0;
  background:transparent;
  color:#78909f;
  font-size:.68rem;
}
#progress.stage-progress .stage-step span{
  width:auto;
  height:auto;
  border-radius:0;
  background:transparent;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.045em;
}
#progress.stage-progress .stage-step.done{
  border-color:transparent;
  background:#f0f5f8;
  color:#567083;
}
#progress.stage-progress .stage-step.done strong{
  background:transparent;
  border:0;
  color:#567083;
}
#progress.stage-progress .stage-step.active{
  border-color:transparent;
  background:#3f6985;
  color:#fff;
}
#progress.stage-progress .stage-step.active strong,
#progress.stage-progress .stage-step.active span{color:#fff}
#simSection .scenario-grid > .panel{
  box-shadow:0 10px 30px rgba(35,57,73,.07);
  border-color:#cbd8e1;
}
#roundLabel{
  display:inline-block;
  padding:5px 8px;
  border-radius:6px;
  background:#edf3f7;
  color:#4b6b80;
}
@media(max-width:700px){
  #progress.stage-progress{
    display:grid;
    grid-template-columns:1fr;
  }
  #progress.stage-progress .stage-step{
    border-right:0;
    border-bottom:1px solid #d5e0e7;
  }
  #progress.stage-progress .stage-step:last-child{border-bottom:0}
}

/* Phase 4 selected design — Coaching Brief (Version C). */
#investigationReview{
  padding:18px;
  border:1px solid #b8cbd8;
  background:#f9fbfc;
  box-shadow:0 10px 26px rgba(48,75,92,.05);
}
#investigationReview .stage-review-head{
  margin-bottom:14px;
}
#investigationReview .stage-score{
  border-radius:7px;
  background:#3f6985;
  color:#fff;
  border-color:#3f6985;
}
#investigationReview .stage-review-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
#investigationReview .stage-review-item{
  background:#fff;
  border:1px solid #d5e0e7;
}
#investigationReview .stage-review-item:nth-child(3){
  grid-column:1 / -1;
  padding:14px 15px;
  background:#edf4f8;
  border-color:#bfd0dc;
  border-left:4px solid #527892;
}
#investigationReview .stage-review-item:nth-child(3) strong{
  font-size:.78rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}
#investigationReview .stage-inline-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:13px;
}
@media(max-width:760px){
  #investigationReview .stage-review-grid{grid-template-columns:1fr}
  #investigationReview .stage-review-item:nth-child(3){grid-column:auto}
}


/* Phase 5 selected design — Executive Consequence Briefing (Version C). */
.decision-outcome{display:block;margin-top:18px;border:1px solid #bdced9;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(43,68,85,.06)}
#decisionReview{margin:0;border:0;border-radius:0;padding:14px 16px;background:#f8fafb}
#decisionReview .stage-review-head{margin:0}
#decisionReview .stage-review-head h3{font-size:1rem}
#decisionReview .stage-score{border-radius:7px;background:#3f6985;color:#fff;border-color:#3f6985}
#decisionReview .stage-review-grid{display:flex;gap:18px;margin-top:10px}
#decisionReview .stage-review-item{flex:1 1 0;border:0;border-left:1px solid #d7e1e7;border-radius:0;background:transparent;padding:2px 0 2px 12px}
#decisionReview .stage-review-item:first-child{border-left:0;padding-left:0}
#decisionOutcome #consequence.consequence-workspace{margin:0;border:0;border-top:1px solid #cbd9e2;border-radius:0;padding:21px 20px 18px;background:#edf4f8}
#decisionOutcome .consequence-kicker{display:inline-block;padding:5px 8px;border-radius:6px;background:#dce8ef;color:#44677e;margin-bottom:10px}
#decisionOutcome .consequence-event{font-size:1.05rem;padding-bottom:15px;border-bottom:1px solid #ccd9e1}
#decisionOutcome .stakeholder-reactions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}
#decisionOutcome .stakeholder-reaction{border:1px solid #ccd9e1;border-left:4px solid #587d95;border-radius:8px;background:#fff;padding:10px 12px}
#decisionOutcome .impact-grid{border-top:1px solid #ccd9e1;padding-top:13px}
#decisionOutcome .impact-item{border:0;border-right:1px solid #d0dce4;border-radius:0;background:transparent;padding:6px 8px}
#decisionOutcome .impact-item:last-child{border-right:0}
#decisionOutcome .impact-item strong{font-size:1.2rem;color:#365f79}
@media(max-width:760px){#decisionOutcome .stakeholder-reactions{grid-template-columns:1fr}#decisionReview .stage-review-grid{display:grid;grid-template-columns:1fr}#decisionReview .stage-review-item{border-left:0;border-top:1px solid #d7e1e7;padding:9px 0}#decisionReview .stage-review-item:first-child{border-top:0}#decisionOutcome .impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#decisionOutcome .impact-item{border-right:0}}


/* Phase 6 selected design — Executive Response (Version C). */
body[data-sim-stage="respond-reason"] #consequence{
  margin:0 0 16px;
  padding:16px 18px;
  background:#eef4f7;
  border:1px solid #becfda;
  border-left:5px solid #557b94;
  border-radius:10px;
  box-shadow:none;
}
body[data-sim-stage="respond-reason"] #consequence .consequence-kicker{
  display:inline-block;
  margin-bottom:7px;
  padding:4px 7px;
  border-radius:5px;
  background:#dce8ef;
}
body[data-sim-stage="respond-reason"] #consequence .consequence-event{
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid #d1dde4;
}
body[data-sim-stage="respond-reason"] #consequence .stakeholder-reactions{
  display:flex;
  gap:8px;
  margin:9px 0 12px;
}
body[data-sim-stage="respond-reason"] #consequence .stakeholder-reaction{
  flex:1 1 0;
  border:1px solid #d0dce4;
  border-left:3px solid #6b8ca1;
  border-radius:7px;
  background:#fff;
  padding:8px 10px;
}
body[data-sim-stage="respond-reason"] #consequence .impact-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #d1dde4;
  padding-top:10px;
}
body[data-sim-stage="respond-reason"] #consequence .impact-item{
  border:0;
  border-right:1px solid #d3dee5;
  border-radius:0;
  background:transparent;
  padding:5px 7px;
}
body[data-sim-stage="respond-reason"] #consequence .impact-item:last-child{
  border-right:0;
}
body[data-sim-stage="respond-reason"] #choices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-bottom:14px;
}
body[data-sim-stage="respond-reason"] .choice{
  min-height:76px;
  padding:12px 13px;
}
body[data-sim-stage="respond-reason"] .reason-head{
  margin:0;
  padding:12px 13px 9px;
  border:1px solid #cbd9e2;
  border-bottom:0;
  border-radius:10px 10px 0 0;
  background:#f4f7f9;
}
body[data-sim-stage="respond-reason"] .reason-head label[for="reasoning"]{
  font-weight:800;
  color:#334f63;
}
body[data-sim-stage="respond-reason"] #reasoning{
  margin:0;
  min-height:104px;
  border-radius:0 0 10px 10px;
  border-color:#cbd9e2;
  background:#fff;
}
body[data-sim-stage="respond-reason"] .actions{
  justify-content:flex-end;
  margin-top:12px;
}
@media(max-width:640px){
  body[data-sim-stage="respond-reason"] #consequence .stakeholder-reactions{
    display:grid;
    grid-template-columns:1fr;
  }
  body[data-sim-stage="respond-reason"] #consequence .impact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-sim-stage="respond-reason"] #choices{
    grid-template-columns:1fr;
  }
  body[data-sim-stage="respond-reason"] .choice{
    min-height:auto;
  }
}


/* Phase 7 selected design — Coaching & Development Brief (Version C). */
#finalStageReview{
  padding:18px;
  border:1px solid #b8cbd8;
  background:#f9fbfc;
  box-shadow:0 10px 26px rgba(48,75,92,.05);
}
#finalStageReview .stage-review-head{
  margin-bottom:14px;
}
#finalStageReview .stage-score{
  background:#3f6985;
  color:#fff;
  border-color:#3f6985;
}
#finalStageReview .stage-review-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
#finalStageReview .stage-review-item{
  background:#fff;
  border:1px solid #d5e0e7;
}
#finalStageReview .stage-review-item:nth-child(3){
  grid-column:1 / -1;
  background:#edf4f8;
  border-left:4px solid #527892;
}
#debrief .score-hero{
  grid-template-columns:160px minmax(0,1fr);
  padding:18px 20px;
  border:1px solid #bfd0db;
  border-radius:13px;
  background:#f8fbfd;
}
#debrief .score-number{
  background:#3f6985;
  color:#fff;
  border-color:#3f6985;
}
#stagePerformance{
  background:#fff;
  border-color:#cbd9e2;
}
#stagePerformance .stage-performance-card{
  background:#f8fafb;
}
#stagePerformance .stage-performance-card:last-child strong{
  font-size:1rem;
}
#scoreGrid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#feedbackGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-areas:
    "strong missed"
    "evidence reasoning"
    "recommend recommend";
  gap:11px;
}
#feedbackGrid .feedback-card{
  background:#fff;
  border:1px solid #d2dfe7;
}
#feedbackGrid .feedback-card:nth-child(1){
  grid-area:strong;
  border-left:4px solid #5c8198;
}
#feedbackGrid .feedback-card:nth-child(2){
  grid-area:missed;
  border-left:4px solid #7894a6;
}
#feedbackGrid .feedback-card:nth-child(3){grid-area:evidence}
#feedbackGrid .feedback-card:nth-child(4){grid-area:reasoning}
#feedbackGrid .feedback-card:nth-child(5){
  grid-area:recommend;
  background:#edf4f8;
  border-color:#bfd0db;
  border-left:5px solid #3f6985;
  padding:18px;
}
#feedbackGrid .feedback-card:nth-child(5) h3{
  color:#315a73;
  font-size:1rem;
}
@media(max-width:700px){
  #finalStageReview .stage-review-grid{grid-template-columns:1fr}
  #finalStageReview .stage-review-item:nth-child(3){grid-column:auto}
  #feedbackGrid{
    grid-template-columns:1fr;
    grid-template-areas:"strong" "missed" "evidence" "reasoning" "recommend";
  }
}
@media(max-width:560px){
  #debrief .score-hero{
    grid-template-columns:1fr;
    text-align:left;
  }
  #debrief .score-number{
    width:100%;
    padding:18px 14px;
    text-align:left;
  }
  #scoreGrid{
    grid-template-columns:1fr;
  }
}