/* Interface-only refinements for the SSR service-label helper. Load after site.css. */
.consultation-form .form-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
}

.consultation-form .form-grid > label,
.consultation-form .form-grid > label:nth-child(n + 3) {
  grid-column: auto;
}

.consultation-form .form-grid > label,
.consultation-form .form-grid > label > span,
.consultation-form .form-grid > label > input {
  min-width: 0;
  max-width: 100%;
}

.consultation-form .form-grid > label,
.consultation-form .form-grid > label > span {
  overflow: visible;
  white-space: normal;
  overflow-wrap: anywhere;
}

.consultation-form select[name="direction"] {
  min-width: 0;
  max-width: 100%;
  padding-inline-end: 2.75rem;
}

.consultation-form .selected-service-note {
  margin: 7px 0 0;
  color: #72838f;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  .consultation-form .form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .consultation-form .form-grid > label,
  .consultation-form .form-grid > label:nth-child(n + 3) {
    grid-column: auto;
    min-width: 0;
    max-width: 100%;
  }

  .consultation-form .form-grid > label > input {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .consultation-form .form-grid > label,
  .consultation-form .form-grid > label > span {
    overflow: visible;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .consultation-form select[name="direction"] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding-inline-end: 2.75rem;
  }
}

/* Readable assistance is outside the input's single-line display area. */
.consultation-form .contact-method-hint,
.consultation-form .selected-service-note {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.7;
  color: #536d81;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.consultation-form .contact-method-hint { margin: -4px 0 18px; }