/* Match the Shop typography, including native controls and preset text. */
.planning-page #planning-intake {
  --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: var(--font-sans);
}

.planning-page #planning-intake :is(h2, h3, p, li, label, span, strong, small, a, input, select, option, textarea, button) {
  font-family: var(--font-sans) !important;
}

.planning-page #planning-intake h2 {
  font-size: 32px !important;
  font-weight: 600 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
}

.planning-page #planning-intake > div:first-child :is(p, li) {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}

.planning-page #planning-intake :is(.planning-form-kicker, .planning-intake-fields label > span, .form-commitment-bar strong) {
  font-size: 14px;
  font-weight: 600 !important;
  letter-spacing: 0;
  line-height: 1.4;
}

.planning-page #planning-intake .planning-dropzone strong {
  font-size: 18px;
  font-weight: 600 !important;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.planning-page #planning-intake .planning-intake-fields :is(input, select, option, textarea) {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5;
  letter-spacing: 0;
}

.planning-page #planning-intake :is(input, textarea)::placeholder {
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  color: #626d67;
  opacity: 1;
}

.planning-page #planning-intake :is(.planning-dropzone > span, small, .planning-intake-link) {
  font-weight: 400;
  line-height: 1.5;
}

.planning-page #planning-intake .form-submit-commitment .button,
.planning-page #planning-intake .form-submit-commitment .button > span {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4;
  letter-spacing: 0;
}

@media (max-width: 760px) {
  .planning-page #planning-intake h2 {
    font-size: 28px !important;
  }

  .planning-page #planning-intake > div:first-child :is(p, li) {
    font-size: 14px;
  }
}