/* EMS SkillLab Beta 5.3 — mobile navigation and density correction. */
.mobile-quick-nav{display:none}
.account-section{background:#eaf3f2;border-top:1px solid #d7e3e4;border-bottom:1px solid #d7e3e4}
.account-wrap{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:28px;align-items:start}
.account-copy h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:.2em 0 .35em}
.account-copy p{color:#5f727a;max-width:640px}
.account-mount{min-width:0}
.account-mount .supabase-account{max-width:none;margin:0;background:#fff;box-shadow:0 12px 30px rgba(20,55,63,.07)}
.account-loading{margin:0;padding:14px;background:#fff;border:1px solid #c9dfe1;border-radius:12px}
#account,#tools,#updates,#feedback,#access-preview,#role-heading{scroll-margin-top:90px}

@media(max-width:900px){
  .account-wrap{grid-template-columns:1fr;gap:14px}
  .account-copy h2{font-size:1.7rem}
}

@media(max-width:700px){
  .app-header{position:sticky!important;top:0!important}
  .app-header-inner{min-height:48px!important;padding-top:6px;padding-bottom:6px}
  .app-brand{font-size:1rem}.brand-mark{min-width:34px;height:28px;font-size:.65rem}
  .mobile-quick-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px 12px 7px;background:#0b2230;border-top:1px solid rgba(255,255,255,.1);overflow:visible}
  .mobile-quick-nav a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:6px 4px;border-radius:8px;color:#dce9ed;text-decoration:none;font-size:.69rem;font-weight:850;text-align:center}
  .mobile-quick-nav a:hover,.mobile-quick-nav a:focus-visible{background:rgba(255,255,255,.1);color:#fff}
  body:not(.has-role) .workspace-jump-link{display:none}
  body.has-role .role-start-link,body.has-role .mobile-quick-nav a[href="#access-preview"]{display:none}
  body.has-role .mobile-quick-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .launchpad-v32{display:flex;flex-direction:column}
  .hero-v32{order:1}.launch-roles-v32{order:2}.how-it-works-v32{order:3}.return-value-v32{order:4}
  .hero-v32 h1{font-size:clamp(2rem,10vw,2.65rem)!important}
  .hero-v32 .hero-lede{font-size:.84rem!important}
  .launch-roles-v32{margin-top:0}
  .role-card small{display:none}
  .role-card em{padding-top:6px!important}
  .role-card{padding:10px!important}
  .onboarding-card{grid-template-columns:1fr auto!important;margin-left:14px!important;margin-right:14px!important;padding:10px 12px!important;gap:8px!important}
  .onboarding-card .micro,.onboarding-card ol{display:none!important}
  .onboarding-card .ghost{width:auto!important;min-height:38px;padding:7px 10px;font-size:.7rem}
  .role-switch{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important}
  .role-switch button{min-width:0!important;padding:8px 3px!important;font-size:.72rem!important;white-space:normal;line-height:1.15}
  .role-switch [data-role-switch="lab"] span,.role-switch [data-role-switch="program"] span{font-size:0}
  .role-switch [data-role-switch="lab"] span:after{content:"Instructor";font-size:.72rem}
  .role-switch [data-role-switch="program"] span:after{content:"Program";font-size:.72rem}
  .context-bar{padding:8px!important}
  .account-section,.updates-section,.feedback-section{padding:26px 0!important}
  .account-copy h2,.signup h2,.feedback-wrap h2{font-size:1.5rem;line-height:1.05}
  .account-copy p,.signup p,.feedback-wrap p{font-size:.78rem}
  .account-mount .supabase-account{padding:12px}
  .signup{padding:14px!important;gap:14px!important}
  .signup-form,.feedback-form{padding:13px!important}
  #account,#tools,#updates,#feedback,#access-preview,#role-heading{scroll-margin-top:105px}
}

@media(max-width:360px){
  .mobile-quick-nav{padding-left:7px;padding-right:7px}
  .mobile-quick-nav a{font-size:.63rem}
  .role-switch button{font-size:.67rem!important}
}

@media print{.mobile-quick-nav,.account-section{display:none!important}}