/* HubSpot supplies 40px of padding inside its native frame. Offset that
   padding so the fields share the hiring form's edges and introductory gap.
   Keep the whole frame visible for dropdowns, validation and CAPTCHA. */
.native-form-viewport { min-width: 0; display: grid; }
.native-form-viewport .hs-form-frame {
  width: calc(100% + 80px);
  margin-inline: -40px;
}
[data-hubspot-pilot].is-ready .hs-form-frame { margin-block: -40px; }
/* At narrow widths, the page gutter + card inset is 39px. A 40px offset
   extended the native frame one pixel beyond each side of the viewport. */
@media (max-width: 650px) {
  .native-form-viewport .hs-form-frame { width: calc(100% + 78px); margin-inline: -39px; }
}
/* Keep the native form background transparent in HubSpot so its padded
   frame blends into the card without covering neighbouring text. */