.m-step {
  --m-surface: #fff;
  --m-title: #403933;
  --m-active: #4c2e14;
  color: var(--m-title);
  padding-inline: 10px;
  font-family: 'Montserrat', sans-serif;
}
.m-step-4 {
  --m-surface: #fff5ec;
  --m-title: #fff5ec;
  background: #996f5a;
}
.m-step-5 {
  --m-active: #b05252;
  background: #f8edec;
}
.m-step-6 {
  --m-title: #fef4eb;
  padding-top: 14px;
  background: #4f4a4b;
}
.m-question {
  margin: 0;
  padding: 0;
  scroll-margin-top: 15px;
}
.m-question + .m-question { margin-top: 40px; }
.m-question-head { margin: 0 0 24px; }
.m-question-head h2 {
  display: grid;
  grid-template-columns: 23px minmax(0,1fr);
  gap: 0;
  margin: 0;
  min-height: calc(var(--m-title-lines) * 19px);
  color: inherit;
  font: 600 16px/19px 'TT Runs', sans-serif;
  letter-spacing: -.32px;
  text-transform: uppercase;
  font-feature-settings: 'ss04' 1;
}
.m-question-title, .m-hint, .m-choice-label, .m-followup-question { white-space: pre-line; }
.m-number {
  padding-top: 4px;
  font: 700 16px/1 'NauryzRedKeds', sans-serif;
}
.m-hint {
  margin: 8px 0 0 23px;
  font: italic 400 10px/1.3 'Montserrat', sans-serif;
}
.m-options { display: grid; gap: 8px; }
.m-choice {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: var(--m-choice-height);
  padding: 13px;
  border: 0;
  border-radius: 100px;
  cursor: pointer;
  color: #2f1201;
  text-align: left;
  background: var(--m-surface);
  font: 400 16px/21px 'Montserrat', sans-serif;
  overflow-wrap: anywhere;
}
.m-choice[aria-pressed=true] { color: var(--m-active); font-weight: 600; padding-inline-end: 4px; }
.m-choice:focus-visible, .m-note .accordion-trigger:focus-visible, .m-delete:focus-visible,
.m-upload:focus-within, .m-textarea:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.m-textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 207px;
  min-height: 150px;
  padding: 13px;
  border-radius: 16px;
  border: 0;
  color: #2f1201;
  background: var(--m-surface);
  font: 400 16px/1.3 'Montserrat', sans-serif;
  resize: vertical;
}
.m-textarea::placeholder { color: rgba(47,18,1,.5); opacity: 1; }
.m-other { margin-top: 8px; }
.m-uploads { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 12px; }
.m-upload {
  display: grid;
  place-items: center;
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255,245,236,.4);
}
.m-upload label { display: grid; cursor: pointer; width: 100%; height: 100%; place-items: center; }
.m-upload input { position: absolute; inset: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; }
.m-photo { width: 100%; height: 100%; object-fit: cover; }
.m-photo-name { padding: 10px; color: #2f1201; font-size: 13px; text-align: center; overflow-wrap: anywhere; }
.m-delete { position: absolute; top: 4px; right: 4px; width: 32px; height: 32px; border-radius: 100%; border: 0; background: #403933; color: white; font-size: 20px; cursor: pointer; }
.m-followup { margin-top: 24px; }
.m-followup-hint {
  margin: 0;
  font: italic 400 14px/18px 'Montserrat',sans-serif;
}
.m-followup-question {
  margin: 12px 0 0;
  max-width: 303px;
  font: 600 14px/18px 'TT Runs', sans-serif;
  text-transform: uppercase;
}
.m-followup[data-for=q29] .m-followup-question:last-of-type { max-width: none; }
.m-followup[data-for=q24] .m-followup-question { min-height: 54px; }
.m-followup[data-for=q29] .m-followup-question:last-of-type { min-height: 90px; }
.m-followup[data-for=q25] .m-followup-hint { min-height: 72px; }
.m-followup .m-textarea { margin-top: 24px; }
.m-note {
  margin-top: 24px;
  color: #f8edec;
  --accordion-shape: url('./assets/middle/note-bg.svg');
}
.m-note-title {
  width: 214px;
  font: 600 12px/14px 'TT Runs', sans-serif;
  letter-spacing: -.24px;
}
.m-chevron { margin-left: auto; }
.m-note .accordion-trigger[aria-expanded="false"] .m-chevron { transform: rotate(180deg); }
.m-note p { width: 100%; min-height: 100px; margin: 0; padding: 12px 19px 23px 13px; color: white; font: 400 12px/16px 'Montserrat',sans-serif; }