/* Existing mobile landing CTA and the shared composer's two-step view. */
.mk-mobile-start { display: none; }
#mobileTailorView[hidden] { display: none; }
#mobileTailorView {
  width: min(100%, 600px);
  min-height: calc(100dvh - 80px);
  margin: 0 auto;
  padding: 24px 20px 48px;
  color: var(--ui-ink);
}
#mobileTailorBack { margin: 0 0 24px -12px; min-height: 44px; }
#mobileTailorStep { margin-bottom: 12px; }
#mobileTailorTitle {
  font: 40px/1.08 var(--ui-serif);
  color: var(--ui-ink);
  margin: 0 0 12px;
}
#mobileTailorIntro { color: var(--ui-ink-2); margin: 0 0 28px; }
#mobileTailorNext { width: 100%; margin-top: 20px; min-height: 52px; }
#mobileTailorView .cmp { display: flex; flex-direction: column; padding: 16px; }
#mobileTailorView .cmp-step { display: none; }
#mobileTailorView[data-step="cv"] .cmp-slot-job,
#mobileTailorView[data-step="cv"] .cmp-cta,
#mobileTailorView[data-step="cv"] .cmp-note,
#mobileTailorView[data-step="cv"] .cmp-extra,
#mobileTailorView[data-step="job"] .cmp-slot-cv { display: none; }
#mobileTailorView .cmp-cta { width: 100%; }
#mobileTailorView .cmp-submit { width: 100%; min-height: 52px; }
#mobileTailorView .cmp-job { min-height: 160px; }
body.mobile-tailor-active #onboarding,
body.mobile-tailor-active #appBand,
body.mobile-tailor-active #workspace,
body.mobile-tailor-active .ap-view,
body.mobile-tailor-active .ui-footer,
body.mobile-tailor-active .ui-app-footer,
body.mobile-tailor-active .ui-tabbar { display: none !important; }
@media (max-width: 720px) {
  .mobile-tailor-ready #composer > #heroComposer,
  .mobile-tailor-ready #composer > #fileError { display: none; }
  .mobile-tailor-ready .mk-mobile-start { display: flex; flex-direction: column; align-items: center; gap: 12px; }
  .mk-mobile-start .ui-btn { width: 100%; min-height: 54px; }
  .mk-mobile-start p { color: var(--ui-ink-3); font-size: 13px; margin: 0; }
}