/* ==========================================================
   Advicer 3.0.5 — Mobile Create Reliability
   Progressive enhancement: on phones the create form is a
   single-page native form. JavaScript only adds optimization,
   upload progress and AJAX; publication still works without it.
   ========================================================== */

:root{
  --v305-brand:#0a9189;
  --v305-coral:#f25f69;
  --v305-ink:#14272d;
  --v305-muted:#728187;
  --v305-line:#dce8e5;
  --v305-error:#b42335;
  --v305-error-bg:#fff1f2;
}

.create-inline-error{
  margin:0 0 12px;
  padding:11px 13px;
  border:1px solid #f3c3c8;
  border-radius:12px;
  background:var(--v305-error-bg);
  color:var(--v305-error);
  font-size:13px;
  line-height:1.4;
  font-weight:700;
}
.create-inline-error[hidden]{display:none!important}

.create-question-field{position:relative}
.create-question-field textarea.is-invalid{
  border-color:#df7a86!important;
  box-shadow:0 0 0 3px rgba(180,35,53,.08)!important;
}
.question-count{
  display:block;
  margin-top:-21px;
  padding-right:8px;
  text-align:right;
  pointer-events:none;
  font-variant-numeric:tabular-nums;
  color:#93a0a4!important;
  font-size:10px!important;
}
.question-count b{color:inherit;font:inherit}

.upload-status.error{
  color:var(--v305-error)!important;
  font-weight:700!important;
}

/* Keep the final action comfortably above the fixed mobile tabbar. */
.create-v305-card .form-submit{
  position:relative;
  isolation:isolate;
}
.create-v305-card.is-publishing .form-submit{
  opacity:.72;
  cursor:wait;
}

@media(max-width:760px){
  /* One screen, zero wizard dependency on phones. This also means the
     standard HTML POST remains usable if JS or WebWorker fails. */
  .create-v305-card [data-create-wizard]{display:none!important}
  .create-v305-card .create-step,
  .create-v305-card .create-step[hidden],
  .create-v305-card .create-step.active{
    display:block!important;
    opacity:1!important;
    transform:none!important;
    animation:none!important;
  }
  .create-v305-card [data-step-next],
  .create-v305-card [data-step-prev]{display:none!important}

  .create-v305-card .create-publish-step{
    margin-top:14px!important;
    padding-top:13px!important;
    border-top:1px solid var(--v305-line)!important;
  }

  .create-v305-card .create-question-field small#questionHelp{
    padding-right:46px!important;
    font-size:9px!important;
    line-height:1.35!important;
  }
  .create-v305-card .question-count{
    margin-top:-18px!important;
    padding-right:5px!important;
    font-size:9px!important;
  }

  /* More obvious image state: the selected photo fills the card and the
     chooser overlay becomes a small translucent change button. */
  .create-v305-card .image-picker-v304.has-image>span{
    left:8px!important;
    right:auto!important;
    top:auto!important;
    bottom:8px!important;
    width:auto!important;
    min-width:0!important;
    padding:6px 8px!important;
    border-radius:10px!important;
    background:rgba(15,34,39,.72)!important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  .create-v305-card .image-picker-v304.has-image>span>b{
    display:none!important;
  }
  .create-v305-card .image-picker-v304.has-image>span>strong{
    color:#fff!important;
    font-size:9px!important;
  }
  .create-v305-card .image-picker-v304.has-image>span>small{
    display:none!important;
  }

  .create-v305-card .upload-status{
    min-height:25px!important;
    overflow-wrap:anywhere;
  }

  .create-v305-card .publish-summary-v304{
    margin-top:0!important;
  }
  .create-v305-card .upload-progress{
    margin-top:10px!important;
  }
  .create-v305-card .form-submit{
    width:100%!important;
    min-height:48px!important;
    margin-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
    font-size:14px!important;
    font-weight:850!important;
  }
}

@media(max-width:390px){
  .create-v305-card .create-question-field textarea{
    min-height:68px!important;
  }
  .create-v305-card .create-publish-step{
    margin-top:11px!important;
    padding-top:11px!important;
  }
}