/* EMS SkillLab Beta 3.2 — conversion homepage, recommendation-first lab planning, and mobile density refinement */

/* Header */
.header-nav{margin-left:auto;display:flex;align-items:center;gap:14px}.header-nav .header-link{margin-left:0}

/* Homepage */
.launchpad{padding:52px 0 38px;display:block;min-height:auto}
.launchpad-v32{display:grid;gap:26px}
.hero-v32{max-width:1120px}
.hero-v32 .eyebrow{color:#82ddd5}
.hero-v32 h1{font-size:clamp(3.6rem,7vw,7.2rem);line-height:.9;letter-spacing:-.066em;margin:.14em 0 .25em;color:#fff;max-width:980px}
.hero-v32 .hero-lede{max-width:900px;font-size:1.15rem;color:#c9d8dd;line-height:1.55}
.proof-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.proof-strip span{display:inline-flex;gap:5px;align-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);border-radius:999px;padding:7px 10px;color:#c9d9de;font-size:.72rem}.proof-strip b{color:#fff}
.how-it-works-v32{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:20px;padding:22px}
.section-heading-v32{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:8px 30px;align-items:end;margin-bottom:14px}.section-heading-v32 .eyebrow{grid-column:1/-1;color:#7fd9d1}.section-heading-v32 h2{font-size:1.7rem;line-height:1.05;color:#fff;margin:0}.section-heading-v32 p{margin:0;color:#bfd0d6;font-size:.82rem;line-height:1.45}
.workflow-grid-v32{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.workflow-grid-v32 article{border-radius:14px;background:rgba(7,27,37,.28);padding:14px;min-height:126px}.workflow-grid-v32 span{display:block;color:#6fd7cf;font-size:.65rem;font-weight:900;letter-spacing:.08em}.workflow-grid-v32 b{display:block;color:#fff;font-size:1rem;margin:6px 0 3px}.workflow-grid-v32 p{margin:0;color:#bdced4;font-size:.73rem;line-height:1.45}
.return-value-v32{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.return-value-v32>div{display:grid;gap:2px;background:#f6fbfb;border:1px solid #d6e5e6;border-radius:14px;padding:13px 14px}.return-value-v32 b{font-size:.82rem;color:#0a615e}.return-value-v32 span{font-size:.73rem;color:#60747d;line-height:1.4}
.launch-roles-v32{box-shadow:0 24px 60px rgba(0,0,0,.16)}

/* Access / subscription preview */
.access-preview{padding:32px 0;background:#fff}
.access-v32{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:26px;align-items:start}
.access-copy h2{font-size:2rem;line-height:1.04;margin:.2em 0 .4em;letter-spacing:-.035em}.access-copy>p{font-size:.86rem;line-height:1.55}
.plan-preview-grid-v32{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-preview{min-height:235px;display:flex;flex-direction:column}.plan-preview .plan-foot{margin-top:auto;padding-top:8px}

/* Station builder clarity */
.purpose-segments button span{font-size:.64rem}.support-resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.support-resource-grid>div{background:#f4f8f9;border:1px solid #dfe8ea;border-radius:10px;padding:10px}.support-resource-grid>div>b{display:block;margin-bottom:5px;font-size:.76rem}.support-resource-grid ol,.support-resource-grid ul{margin:.25rem 0;padding-left:18px}.support-resource-grid li{font-size:.75rem;margin:3px 0}

/* Recommendation-first Program planner */
.program-settings-row{grid-template-columns:1.15fr 1.15fr .7fr}
.grouping-review{border:1px solid #d5e3e5;background:#f7fbfb;border-radius:12px;padding:12px;margin-top:12px}.grouping-review-empty{display:grid;gap:3px}.grouping-review-empty b{font-size:.8rem}.grouping-review-empty span{font-size:.72rem;color:var(--sub)}
.grouping-review-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.grouping-review-head>div:first-child{display:grid;gap:2px}.grouping-review-head .control-label{margin:0}.grouping-review-head b{font-size:.82rem}.grouping-choice{display:flex;gap:5px;flex-wrap:wrap}.grouping-choice button{appearance:none;border:1px solid #c8d8db;background:#fff;border-radius:999px;padding:6px 9px;font:inherit;font-size:.66rem;font-weight:850;color:#38535d;cursor:pointer}.grouping-choice button.active{background:var(--navy);border-color:var(--navy);color:#fff}.grouping-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.grouping-suggestion{display:grid;gap:2px;border:1px solid #dce7e9;background:#fff;border-radius:9px;padding:8px 9px}.grouping-suggestion b{font-size:.73rem}.grouping-suggestion span{font-size:.66rem;color:#647780;line-height:1.35}.grouping-fit,.grouping-scaffold{font-size:.71rem;line-height:1.4;margin:9px 0 0}.grouping-scaffold{border-left:3px solid var(--teal-2);padding-left:8px;color:#4f6771}

/* Slightly more app-like density */
.workspace-shell{padding-top:14px}.context-bar{margin-bottom:10px}.role-tabs{gap:4px}.workspace-controls{padding:14px 16px}.workspace-output{padding:17px 20px}.builder-heading{margin-bottom:9px;padding-bottom:8px}.program-controls{padding:15px 16px}.program-skill-picker{padding-top:10px}.program-selected-panel{padding:8px}.program-skill-options{max-height:300px}.role-card{min-height:190px}

@media(max-width:1160px){
  .workflow-grid-v32{grid-template-columns:repeat(2,1fr)}.access-v32{grid-template-columns:1fr}.plan-preview-grid-v32{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .section-heading-v32{grid-template-columns:1fr}.section-heading-v32 p{max-width:680px}.return-value-v32{grid-template-columns:1fr}.plan-preview-grid-v32{grid-template-columns:1fr 1fr}.program-settings-row{grid-template-columns:1fr 1fr}.grouping-review-head{align-items:flex-start;flex-direction:column}.grouping-suggestions{grid-template-columns:1fr}
}
@media(max-width:620px){
  .header-nav{display:none}.launchpad{padding:24px 0 18px}.launchpad-v32{gap:16px}.hero-v32 h1{font-size:3rem;line-height:.94}.hero-v32 .hero-lede{font-size:.92rem}.hero-actions{gap:10px;align-items:flex-start;flex-direction:column}.proof-strip{margin-top:14px;gap:5px}.proof-strip span{font-size:.63rem;padding:5px 7px}.how-it-works-v32{padding:13px;border-radius:15px}.section-heading-v32{margin-bottom:10px}.section-heading-v32 h2{font-size:1.3rem}.section-heading-v32 p{font-size:.73rem}.workflow-grid-v32{grid-template-columns:1fr 1fr;gap:6px}.workflow-grid-v32 article{min-height:0;padding:10px}.workflow-grid-v32 b{font-size:.86rem}.workflow-grid-v32 p{font-size:.66rem}.return-value-v32{gap:6px}.return-value-v32>div{padding:9px 10px}.launch-roles-v32{padding:11px}.role-heading-copy h2{font-size:1.18rem}.role-heading-copy p{font-size:.7rem}.role-card-grid{gap:6px}.role-card{min-height:0;padding:11px}.role-card b{font-size:.94rem;margin:5px 0 3px}.role-card small{font-size:.68rem;line-height:1.35}.role-card em{padding-top:7px;font-size:.65rem}.access-preview{padding:20px 0}.access-copy h2{font-size:1.45rem}.access-copy>p{font-size:.76rem}.plan-preview-grid-v32{grid-template-columns:1fr}.plan-preview{min-height:0;padding:12px}.plan-preview h3{font-size:.95rem}.plan-preview li{font-size:.71rem}.support-resource-grid{grid-template-columns:1fr}.grouping-review{padding:9px}.grouping-choice{display:grid;grid-template-columns:1fr 1fr;width:100%}.grouping-choice button{border-radius:8px;padding:7px}.program-controls{padding:11px}.workspace-controls{padding:11px}.workspace-output{padding:12px}.program-skill-options{max-height:220px}
}
@media(max-width:390px){
  .workflow-grid-v32{grid-template-columns:1fr}.proof-strip{display:grid;grid-template-columns:1fr 1fr}.proof-strip span{border-radius:8px}.grouping-choice{grid-template-columns:1fr}.program-number-grid{gap:6px}.program-skill-options{max-height:200px}
}

/* Guard intrinsic-width overflow in the Program workspace, especially on phones. */
.program-workspace,.program-builder-grid,.program-controls,.program-output,.program-skill-picker,.program-picker-layout,.program-number-grid,.program-settings-row,.grouping-review{min-width:0;max-width:100%;width:100%;box-sizing:border-box}
.program-number-grid>* ,.program-settings-row>* ,.program-picker-layout>*{min-width:0}
.program-number-grid input,.program-settings-row select,.program-settings-row input,.program-category-filter select,.program-search-label input{max-width:100%;box-sizing:border-box}
@media(max-width:620px){
  .program-builder-grid{grid-template-columns:minmax(0,1fr)!important}
  .program-controls,.program-output{overflow:visible!important;height:auto!important}
  .program-number-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .program-settings-row{grid-template-columns:minmax(0,1fr)!important}
  .program-picker-layout{grid-template-columns:minmax(0,1fr)!important}
}