.rsvp-trigger{margin-top:20px;min-height:44px;padding:12px 24px;align-self:start;justify-self:start}
#rsvp-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:32px 24px;border-radius:24px}
#rsvp-dialog h2{font-size:clamp(30px,7vw,42px);margin:0 30px 8px 0}
#rsvp-dialog p{line-height:1.45}
#rsvp-event{margin:0 0 24px;color:var(--muted)}
#rsvp-form label{display:block;margin-bottom:8px}
#rsvp-name{width:100%;box-sizing:border-box;min-height:50px;border:1px solid #76565f;border-radius:10px;background:#291b21;color:#fff5eb;padding:12px;font:inherit;font-size:16px}
#rsvp-dialog .button{width:100%;min-height:48px;box-sizing:border-box;text-align:center}
#rsvp-error{color:#f1a583;font-size:14px;margin:10px 0;min-height:0}
#rsvp-error:empty{display:none}
#rsvp-submit{margin-top:16px}
#rsvp-submit:disabled{opacity:.65;cursor:wait}
.rsvp-close{position:absolute;right:16px;top:12px;background:none;border:0;color:inherit;font-size:30px;width:44px;height:44px;cursor:pointer}
#rsvp-dialog [hidden]{display:none}
#rsvp-invite{margin-top:24px}

#rsvp-dialog.has-giving{width:min(560px,calc(100vw - 24px));padding:24px 20px;overflow-y:auto;overscroll-behavior:contain}
#rsvp-dialog.has-giving h2{font-size:clamp(26px,6.7vw,36px)}
#rsvp-dialog.has-giving #rsvp-event{margin-bottom:16px;font-size:15px}
#rsvp-invite{margin-top:16px;border-top:1px solid #76565f;padding-top:16px}
#rsvp-invite h3{font-size:clamp(21px,5.6vw,28px);line-height:1.15;letter-spacing:-.04em;margin:0 0 14px}
#rsvp-invite h3 em{color:var(--accent);font-style:normal}
#rsvp-invite .giving-options{gap:8px}
#rsvp-invite .giving-card{padding:12px;border-radius:14px;min-height:44px}
#rsvp-invite .giving-card .price{font-size:30px;margin:0 0 6px;line-height:1.1}
#rsvp-invite .giving-card strong{font-size:12px;line-height:1.25}
#rsvp-invite .giving-card--compact{padding:10px 8px;row-gap:4px}
#rsvp-invite .giving-card--compact .price{font-size:24px;margin:0}
#rsvp-invite .giving-card--compact strong{font-size:11px}
#rsvp-invite .price-period{font-size:10px;margin-left:4px}
#rsvp-invite .giving-card--compact .price-period{display:block;margin:3px 0 0}
#rsvp-invite .giving-card--large .price{font-size:34px}
#rsvp-invite .giving-primary{margin-top:12px}
#rsvp-invite .giving-primary .button{padding:12px;font-size:15px}
@media(max-width:360px){#rsvp-dialog.has-giving{padding:22px 14px}#rsvp-invite .giving-card{padding:10px 8px}#rsvp-invite .giving-card--compact .price{font-size:22px}}