/* Site-level additions on top of Groove's own CSS */
html{scroll-behavior:smooth}

/* GHL form slot: Groove's [data-gp-embed-external]>*{height:100%} collapses the wrapper to 0 and GHL's script leaves the iframe absolutely positioned while it loads, so the form floated over the headline and showed scrollbars. Reserve the space instead. */
[data-gp-embed-external]>.ghl-form-slot{max-width:420px;margin:0 auto;position:relative;height:auto;min-height:482px}
.ghl-form-slot iframe{display:block;width:100%;min-height:482px}
/* The old GrooveMail form wrapper carried margin-top:-45px, which pulled the GHL form up over the paragraph above it. */
.gp-component-id-Fdzx7YTHcJ[data-gp-component]{margin-top:16px!important}
/* Phones: the form is narrower so its fields and the Turnstile message take more height. */
@media (max-width:767px){[data-gp-embed-external]>.ghl-form-slot,.ghl-form-slot iframe{min-height:580px}}
