#apply .booking-panel{min-width:0;align-self:start;background:transparent;border:0;border-radius:0;padding:0}
#apply .booking-panel iframe{display:block;width:100%;height:640px;min-height:0;max-height:none;background:transparent;border-radius:0}
/* Keep copy above the calendar so each booking step can use the full card width. */
#apply.apply{grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
#apply>div:first-child{width:100%;max-width:850px}
#apply>div:first-child h2{max-width:none;text-wrap:wrap}
#apply>div:first-child h2 br{display:none}
#apply>div:first-child>p:not(.eyebrow){max-width:72ch}
#apply .booking-panel{width:100%;max-width:none}
@media(max-width:600px){#apply.apply{gap:16px}}
/* Existing 21st NavListCard, arranged as a compact CTA summary above the embed. */
#apply .call-benefits .sourced-nav-list{background:transparent;padding:0}
#apply .call-benefits .sourced-nav-list>p{color:#dce8f3;font-size:15px}
#apply .call-benefits ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;margin:0}
#apply .call-benefits li{margin:0;display:flex}
#apply .call-benefits li>div{width:100%}
#apply .call-benefits li>div>span{height:100%;background:#ffffff0a;border:1px solid #ffffff24;color:#dce8f3;font-size:14px;align-items:flex-start;padding:10px 12px;gap:10px;line-height:1.5}
#apply .call-benefits svg{color:#aecfe9}
#apply>div:first-child{max-width:none}
#apply .overview-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#apply .overview-actions .button{background:#dceafa;color:#193c5e;margin:0}
#apply .overview-actions .button .button-arrow{background:#193c5e;color:white}
#apply .booking-panel{padding:0;border:0;border-radius:0;overflow:visible}
#apply .booking-panel iframe{border-radius:0}
#pilot-calendar{scroll-margin-top:110px}
@media(max-width:600px){#apply .call-benefits ul{grid-template-columns:1fr}#apply .overview-actions>a,#apply .overview-actions>button{width:100%}}

#overview-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}#overview-dialog .overview-form{display:block;margin-top:16px}#overview-dialog .overview-fallback{font-size:13px;margin-bottom:0}@media(max-width:600px){#overview-dialog{padding:24px 16px}}

/* Fallback iframe heights are replaced by HighLevel’s live inline height on every booking step.
   Do not impose a minimum: the enclosing grid must shrink as well as grow. */
#apply{min-width:0;height:auto;min-height:0;max-height:none;grid-auto-rows:max-content}
#apply .call-benefits li,#apply .call-benefits li>div,#apply .call-benefits li>div>span{min-width:0;overflow-wrap:anywhere}
#apply .booking-panel{height:auto;min-height:0;max-height:none;overflow:visible}
@media(max-width:600px){#apply.apply.wrap{width:100%;padding:28px 16px!important;border-radius:0}#apply .booking-panel{width:calc(100% + 32px);margin-inline:-16px;border-radius:0}#apply .booking-panel iframe{height:760px}#apply .overview-actions{gap:12px}#apply h2{overflow-wrap:normal}}

body:has(#overview-dialog[open]){overflow:hidden}
#overview-dialog [data-overview-close]{display:grid;place-items:center;min-width:44px;min-height:44px;margin:-8px -8px 0 8px;border-radius:50%;color:#193c5e}
#overview-dialog [data-overview-close]:focus-visible{outline:2px solid #447db4;outline-offset:2px}
#opportunity input[aria-invalid=true]{border-color:#a62b35;outline-color:#a62b35}

/* Keep the closing invitation compact above the full-width calendar. */
#apply>div:first-child>p:not(.eyebrow){margin-top:16px}
#apply>div .overview-actions{margin:20px 0}
#apply .call-benefits .sourced-nav-list>p{margin-bottom:10px}

/* Clip decorative artwork without creating an inner scroll container.
   Anchor/focus navigation must scroll the page, never hide the card heading. */
#apply.apply{overflow:clip}