/* EMS SkillLab Beta 3.3 — conversion + workflow refinement */

/* Landing / conversion */
.hero-v32 h1{max-width:1120px;font-size:clamp(3.25rem,6.2vw,6.4rem);line-height:.94;letter-spacing:-.058em}
.hero-v32 .hero-lede{max-width:860px;font-size:1.08rem}
.plan-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:auto;width:max-content;min-height:38px;padding:8px 12px;border-radius:10px;background:#0f7e77;color:#fff!important;text-decoration:none;font-size:.72rem;font-weight:900}
.plan-cta-light{background:#fff;color:#0c3342!important}
.plan-cta-muted{background:#edf2f3;color:#63757d!important}
.role-card-grid{align-items:stretch}
.role-card{border-radius:14px}

/* Student level should visually change the whole activity, not just one line */
.student-difficulty-bar{align-items:center}
.student-level-hero{display:grid;gap:6px;border:1px solid #d3e2e4;border-left:5px solid #12867f;border-radius:14px;padding:14px 16px;margin:10px 0 14px;background:linear-gradient(135deg,#f5fbfa,#fff)}
.student-level-hero[data-level="analyze"]{border-left-color:#285e78;background:linear-gradient(135deg,#f4f8fb,#fff)}
.student-level-hero[data-level="evaluate"]{border-left-color:#8d5d23;background:linear-gradient(135deg,#fff8ef,#fff)}
.student-level-hero>span{font-size:.67rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#52707a}
.student-level-hero>b{font-size:1.04rem;line-height:1.35;color:#143440}
.student-level-hero p{margin:0;color:#60747c;font-size:.78rem}
.student-level-hero.practice-level{margin-top:8px}
.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.decision-grid>div{border:1px solid #dce7e9;background:#f8fbfb;border-radius:11px;padding:11px 12px}
.decision-grid>div>b{font-size:.76rem}
.prompt-bank{margin-top:10px;padding:10px 12px;border-radius:10px;background:#eef6f7}
.prompt-bank>b{font-size:.76rem}
.student-reference{margin:12px 0;border:1px solid #d6e2e5;border-radius:10px;background:#fafcfc;padding:0}
.student-reference summary{cursor:pointer;padding:10px 12px;font-weight:850;color:#254a58}
.student-reference>ol,.student-reference>ul{padding:0 28px 12px}

/* Scenario identity belongs in the card, not a floating bubble */
.scenario-card-head-clean{display:block}
.scenario-card-head-clean>div{min-width:0}
.scenario-code-line{display:block;margin-top:4px;font-size:.61rem;font-weight:750;color:#72858d;letter-spacing:.02em}
.scenario-run-summary{margin-top:4px}
.scenario-run-summary span{border-radius:8px;padding:5px 8px}

/* Program planning */
.rotation-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-top:4px;border:1px solid #cbd8dc;border-radius:9px;background:#fff;overflow:hidden}
.rotation-input-wrap input{border:0!important;margin:0!important;padding:8px 9px!important;min-width:0}
.rotation-input-wrap small{padding:0 8px 0 2px;color:#71838a;font-size:.62rem;font-weight:800}
.grouping-question{margin:9px 0 0;padding:9px 10px;border-left:3px solid var(--teal-2);background:#edf7f6;border-radius:8px;font-size:.72rem;line-height:1.4}
.grouping-suggestion em{font-style:normal;font-size:.61rem;color:#60747c}
.grouping-fit{font-weight:750;color:#355560}

/* Reduce UI weight and scrolling */
.workspace-output .station-section{margin-top:10px;padding-top:10px}
.workspace-output .station-section h3{font-size:1rem}
.workspace-output p,.workspace-output li{line-height:1.48}
.workspace-output .scope-note{margin:8px 0 12px}
.station-controls .workspace-advanced{margin-top:8px}
.program-controls .builder-heading{margin-bottom:8px}
.program-skill-picker{margin-top:4px}

@media (max-width:760px){
  .hero-v32 h1{font-size:2.55rem;line-height:.98;letter-spacing:-.05em}
  .hero-v32 .hero-lede{font-size:.86rem;line-height:1.45}
  .proof-strip{grid-template-columns:1fr 1fr}
  .role-card{padding:12px}
  .role-card b{font-size:.95rem}
  .role-card small{font-size:.69rem}
  .student-difficulty-bar{padding:9px 10px}
  .student-difficulty-bar>div:first-child small{font-size:.65rem}
  .student-level-hero{padding:11px 12px;margin:7px 0 10px}
  .student-level-hero>b{font-size:.91rem}
  .decision-grid{grid-template-columns:1fr}
  .scenario-learner-card,.scenario-facilitator-card{padding:12px;margin:10px 0}
  .scenario-card-head{margin-bottom:8px;padding-bottom:7px}
  .scenario-meta{gap:6px}
  .scenario-meta div{padding:8px;font-size:.72rem}
  .scenario-task{padding:9px 10px}
  .program-number-grid{gap:6px}
  .program-number-grid input,.duration-inputs input,.rotation-input-wrap input{font-size:.82rem}
  .program-settings-row{gap:7px;margin:8px 0 10px}
  .grouping-review{margin-top:8px}
  .grouping-suggestions{gap:5px}
  .program-station-card{padding:10px;margin:7px 0}
}

@media (max-width:480px){
  .launchpad{padding-top:18px}
  .hero-v32 h1{font-size:2.2rem}
  .hero-actions .btn{width:100%;text-align:center}
  .workflow-grid-v32{grid-template-columns:1fr 1fr}
  .role-card-grid{grid-template-columns:1fr}
  .plan-preview-grid-v32{grid-template-columns:1fr}
  .compact-segments.three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .compact-segments.three button{min-height:52px;padding:6px 4px;font-size:.68rem}
  .compact-segments.three button span{font-size:.55rem}
  .purpose-segments.three button b{font-size:.67rem;line-height:1.05}
  .purpose-segments.three button span{line-height:1.1}
  .station-class-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .station-class-fields label:last-child{grid-column:auto!important}
  .station-class-fields input{padding:8px 4px!important;text-align:center}
  .program-number-grid{grid-template-columns:1fr 1fr!important}
  .program-number-grid>label,.program-number-grid>.duration-field{min-width:0}
  .program-settings-row{grid-template-columns:1fr!important}
  .program-picker-layout{grid-template-columns:1fr}
  .program-selected-panel{min-height:0}
  .grouping-choice{grid-template-columns:1fr 1fr!important}
  .grouping-choice button{font-size:.62rem}
  .workspace-output{padding:10px}
  .workspace-output h2{font-size:1.45rem}
  .printbar{gap:5px;flex-wrap:wrap}
  .printbar .btn{min-height:34px;padding:7px 9px;font-size:.66rem}
}

@media (max-width:350px){
  .compact-segments.three{grid-template-columns:1fr!important}
  .station-class-fields{grid-template-columns:1fr 1fr!important}
  .station-class-fields label:last-child{grid-column:1/-1!important}
  .workflow-grid-v32{grid-template-columns:1fr}
  .proof-strip{grid-template-columns:1fr}
}