/* CourseBuild RC3 Mobile Hardening */
@media (max-width: 680px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important;background:var(--cb3-paper,#f7f8fc)}
  body{margin:0!important;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important}
  .topbar{position:sticky!important;top:0!important;z-index:50!important;min-height:0!important;height:auto!important;padding:12px 14px 10px!important;display:grid!important;grid-template-columns:1fr!important;gap:9px!important;background:#07111f!important;border-bottom:1px solid #18243a!important}
  .topbar>div:first-child{min-width:0!important;width:100%!important;display:flex!important;align-items:center!important}
  .topbar h1{font-size:19px!important;line-height:1.1!important;color:#fff!important;margin:0!important}
  .topbar .eyebrow,.topbar .tag{display:none!important}
  .project-chrome{width:100%!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;align-items:center!important}
  .project-chrome label{grid-column:1!important;display:block!important;min-width:0!important;font-size:0!important;margin:0!important}
  .project-chrome label:before{display:none!important}
  .project-chrome select{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;height:44px!important;margin:0!important;padding:0 38px 0 12px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:9px!important;background-color:#111c2e!important;color:#fff!important;font-size:15px!important;font-weight:650!important;line-height:44px!important;box-shadow:none!important;-webkit-appearance:auto!important;appearance:auto!important}
  .project-chrome select option{color:#07111f!important;background:#fff!important}
  .project-chrome button{grid-column:2!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:9px!important;background:#fff!important;color:#3a3b78!important;font-size:0!important;display:grid!important;place-items:center!important}
  .project-chrome button:before{content:'+';font-size:25px!important;line-height:1!important;font-weight:400!important}
  main{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;overflow-x:hidden!important}
  .hero{display:none!important}
  .steps{display:none!important}
  .mobile-section-nav{position:sticky;top:108px;z-index:40;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:9px 14px;background:rgba(255,255,255,.96);border-bottom:1px solid #e1e4ec;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .mobile-section-nav label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a7dff}
  .mobile-section-nav select{width:100%;min-width:0;height:40px;border:1px solid #dfe3eb;border-radius:8px;background:#fff;color:#07111f;padding:0 34px 0 10px;font-size:14px;font-weight:700}
  .view{width:100%!important;max-width:100%!important;margin:0!important;padding:22px 16px 88px!important;overflow-x:hidden!important}
  .section-head{margin-bottom:18px!important}
  .section-head h2{font-size:31px!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:5px 0 10px!important}
  .section-head p{font-size:14px!important;line-height:1.5!important;margin-bottom:0!important}
  .rc3-head{display:block!important}
  .rc3-head>.primary{width:auto!important;min-height:44px!important;margin-top:16px!important}
  .rc3-completion{margin-top:14px!important;justify-items:start!important}
  .rc3-course-grid{gap:10px!important}
  .rc3-course-card{padding:16px!important;border-radius:10px!important}
  .rc3-course-card-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
  .rc3-course-title h3{font-size:19px!important;line-height:1.15!important}
  .rc3-course-meta{display:grid!important;gap:4px!important;font-size:11px!important}
  .rc3-course-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:14px!important}
  .rc3-course-actions button{width:100%!important;min-height:44px!important}
  .rc3-setup-section{padding:16px!important;border-radius:10px!important}
  .rc3-setup-section>header{margin-bottom:14px!important;padding-bottom:12px!important}
  .rc3-form-footer{position:sticky!important;bottom:0!important;margin:16px -16px -88px!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;background:rgba(247,248,252,.96)!important;border-top:1px solid #e1e4ec!important;z-index:20!important}
  .rc3-form-footer .primary{width:100%!important;min-height:46px!important}
  .rc3-blueprint-top,.rc3-blueprint-workspace,.rc3-readiness{display:block!important}
  .rc3-source,.rc3-blueprint-summary,.rc3-module,.rc3-inspector,.rc3-readiness-list,.rc3-publish-summary,.rc3-advanced-build{border-radius:10px!important}
  .rc3-blueprint-summary{margin-top:10px!important;grid-template-columns:repeat(3,1fr)!important}
  .rc3-blueprint-workspace{margin-top:12px!important}
  .rc3-inspector{position:static!important;margin-top:12px!important}
  .rc3-readiness-list button{min-height:58px!important;padding:13px 12px!important}
  .rc3-publish-summary{margin-top:12px!important}
  dialog{width:calc(100vw - 24px)!important;max-width:none!important;max-height:calc(100dvh - 24px)!important;margin:auto!important}
  .itsbad-footer{width:calc(100% - 32px)!important;margin:0 16px!important}
  #toast{max-width:calc(100vw - 32px)!important;left:16px!important;right:16px!important}
}
@media (max-width:390px){
  .topbar{padding-left:12px!important;padding-right:12px!important}
  .mobile-section-nav{padding-left:12px;padding-right:12px}
  .view{padding-left:12px!important;padding-right:12px!important}
  .rc3-form-footer{margin-left:-12px!important;margin-right:-12px!important;padding-left:12px!important;padding-right:12px!important}
  .section-head h2{font-size:29px!important}
  .rc3-blueprint-summary{grid-template-columns:1fr!important}
}