:root {
  --contact-surface: #ffffff;
  --contact-heading: #6f675f;
  --contact-text: rgba(0, 0, 0, .63);
  --contact-border: rgba(111, 103, 95, .2);
  --contact-card-surface: #ffffff;
  --contact-card-shadow: 0 22px 54px rgba(31, 28, 26, .28);
}
.contact-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 64px; align-items: start; }
.contact-details { font-size: 17px; line-height: 1.6; }
.contact-details a { color: var(--contact-heading); text-decoration: underline; text-underline-offset: 4px; }
.contact-details h3 { margin-top: 32px; }
.contact-form-frame { display: block; width: 100%; height: 440px; border: 0; border-radius: 22px; background: var(--contact-surface); }
div:has(> .contact-form-frame[src="/impact/hubspot-contact.html"]) { background: var(--contact-surface) !important; border: 0 !important; border-radius: 22px; box-shadow: none !important; }
.condition-contact-frame { max-height: none; }
div:has(> iframe.contact-form-frame[src="/impact/hubspot-contact.html"]) { padding: 16px !important; }
div:has(> iframe.condition-contact-frame) { flex: 0 1 480px !important; min-width: 0 !important; max-width: 480px !important; width: 100%; align-self: flex-start; }
#contact div:has(> iframe.contact-form-frame) { flex: 1 1 360px !important; min-width: 300px !important; max-width: 480px !important; width: 100%; align-self: flex-start; }
div:has(> iframe.contact-form-frame) > h3 { margin-bottom: 5px !important; }
div:has(> iframe.contact-form-frame) > p { margin-bottom: 8px !important; }
#referral-form { padding: 18px !important; }
.modality-contact-card { flex: 0 1 320px; min-width: 260px; max-width: 330px; pointer-events: auto; background: var(--contact-card-surface); border: 1px solid var(--contact-border); border-radius: 22px; padding: 24px 22px 26px; box-shadow: var(--contact-card-shadow); }
.modality-contact-card h3 { margin: 0 0 16px; font-size: 19px; line-height: 1.3; font-weight: 700; color: var(--contact-heading); }
#contact { scroll-margin-top: 140px; }
.hubspot-document { margin: 0; padding: 0; background: var(--contact-surface); color: var(--contact-text); }
html:has(> .hubspot-document) { background: var(--contact-surface) !important; min-height: 100%; }
.hubspot-document { background: var(--contact-surface) !important; }
.hubspot-document .hs-form-frame,
.hubspot-document .hs-form-frame > iframe { display: block; background: var(--contact-surface) !important; }
form,
form input,
form textarea,
form select { background: var(--contact-surface) !important; }
.contact-crisis { padding-top: 32px; margin-top: 32px; border-top: 1px solid var(--contact-border); font-size: 14px; }
@media(max-width: 700px) {
  .contact-layout { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .contact-form-frame { height: 530px; }
  div:has(> iframe.contact-form-frame[src="/impact/hubspot-contact.html"]) { padding: 12px !important; }
  #contact[data-screen-label="Talk"] > div { padding: 16px !important; gap: 24px !important; }
  #contact[data-screen-label="Talk"] > div > div { min-width: 0 !important; }
}