.form[data-preview-enquiry] {
  min-width: 0;
  padding: clamp(18px, 3.4vw, 43px);
  border-top: 2px solid var(--teal-text);
  background: #f0f5f5;
}

.form[data-preview-enquiry] .preview-form-errors,
.form[data-preview-enquiry] [role=status]:not(:empty) {
  border: 1px solid #a7c3c4;
  padding: 10px 12px;
  background: #dcebec;
  color: var(--ink);
  font-weight: 700;
}

.form[data-preview-enquiry] :is(.preview-form-errors, [role=status]):empty {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
}

.enquiry-fields {
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.enquiry-ready .enquiry-unavailable { display: none; }
.enquiry-identity { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.enquiry-identity-reply { row-gap: 0; }
.enquiry-reply-value { grid-column: 1 / -1; }
.enquiry-native-page { max-inline-size: 42rem; }
.enquiry-native-page .form { margin-block: 1.5rem; }
.enquiry-native-page > p { margin-block-start: 1rem; }
.enquiry-native-page a { text-decoration: underline; }
.form[data-preview-enquiry] label { gap: 6px; margin-bottom: 14px; font-weight: 700; }
.form[data-preview-enquiry] label:has([aria-invalid=true]) { margin-bottom: 4px; }

.form[data-preview-enquiry] :is(input, select, textarea) {
  padding: 10px 11px;
  border-color: #728d93;
  font-size: 1rem;
  font-weight: 400;
  caret-color: var(--teal-text);
}

.form[data-preview-enquiry] :is(input, select) { min-height: 46px; }
.form[data-preview-enquiry] :is(input, select, textarea):focus-visible { outline-offset: 2px; }
.form[data-preview-enquiry] [aria-invalid=true] {
  border-color: var(--teal-text);
  box-shadow: inset 0 0 0 1px var(--teal-text);
}

.form[data-preview-enquiry] .preview-field-error {
  margin: 0 0 13px;
  color: var(--teal-text);
  font-size: .84rem;
  font-weight: 700;
}

.form[data-preview-enquiry] button[aria-disabled=true] { opacity: .69; cursor: wait; }
.form[data-preview-enquiry] button:disabled { opacity: .62; cursor: default; }

@media (max-width: 620px) {
  .enquiry-identity { grid-template-columns: minmax(0, 1fr); gap: 0; }
}

@media (max-width: 350px) {
  .form[data-preview-enquiry] { padding-inline: 14px; }
  .form[data-preview-enquiry] select[name=topic] { padding-inline: 6px; }
}