/* ==========================================================
   LCODE Briefing Studio — Responsividade
   ========================================================== */

@media (max-width: 720px){
  .topbar-inner{padding:0 20px}
  .brand-logo{height: 100px;width: auto}
  .step-indicator{display:none}

  .intro-content h1{font-size:30px}
  .intro-desc{font-size:15px}
  .intro-glow{width:420px;height:420px;top:-180px}

  .stepper{padding:26px 20px 0}
  #briefingForm{padding:26px 20px 130px}

  .field-grid{grid-template-columns:1fr}
  .choice-cards{grid-template-columns:1fr}
  .choice-cards-compact{grid-template-columns:1fr 1fr}

  .step-head h2{font-size:22px}

  .step-nav{padding:14px 20px}
  .autosave{display:none}
  .btn{flex:1}
  #backBtn{flex:0 0 auto;padding:0 16px}
}

@media (max-width: 420px){
  .choice-cards-compact{grid-template-columns:1fr}
  .intro-content h1{font-size:26px}
  .btn-lg{width:100%}
}

@media (min-width: 1024px){
  .topbar-inner,.stepper,#briefingForm,.step-nav{max-width:680px}
}