/* ==========================================================================
   Contact page - Jotform embed treatment (Build 35.7.1)
   Page-specific only. Scoped entirely to .sp-form-region--embed, a modifier
   used on the Contact page and nowhere else, so no other page that shares
   standard-pages.css is affected. No global style is changed.
   ========================================================================== */

/* The Jotform jsform script injects its own iframe. Reduce the wrapper's
   inner padding so the embed's own internal padding is not doubled, and let
   the embed use the full available content width. */
.sp-form-region--embed{
    padding:20px;
    overflow:hidden;             /* contains the embed inside the card */
}

/* Constrain whatever the embed injects (iframe or form) to the container.
   Jotform sets an inline width on its iframe; max-width:100% overrides any
   value wider than the viewport, which is what would otherwise cause
   horizontal scrolling at 390px. */
.sp-form-region--embed iframe,
.sp-form-region--embed form{
    display:block;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    border:0;
    margin:0 auto;
}

/* Belt-and-braces: prevent any wide child (tables, fixed-width field rows
   inside the embed) from pushing the page horizontally. */
.sp-form-region--embed > *{max-width:100%;}

@media (max-width:640px){
    .sp-form-region--embed{
        padding:12px;
        border-radius:12px;
    }
}
@media (max-width:390px){
    .sp-form-region--embed{padding:8px;}
}