.rsvp{background:#29231d;color:#f7eee1;padding:66px 20px calc(78px + env(safe-area-inset-bottom));text-align:center}
.rsvp-inner{max-width:620px;margin:0 auto}
.rsvp .eyebrow{color:#d1b789}
.rsvp h2{font-size:clamp(27px,5.5vw,36px);letter-spacing:.1em;line-height:1.45;margin:11px 0}
.rsvp-intro{color:#d7c9b6;font-size:14px;line-height:1.75;margin:0 0 25px}
.rsvp-card{border:1px solid rgba(232,207,164,.55);border-radius:16px;background:linear-gradient(135deg,rgba(244,222,185,.12),rgba(255,255,255,.035));box-shadow:0 20px 50px rgba(0,0,0,.16);text-align:left;overflow:hidden}
.rsvp-trigger{display:flex;align-items:center;gap:18px;min-height:122px;padding:25px 28px;cursor:pointer;list-style:none}
.rsvp-trigger::-webkit-details-marker{display:none}
.rsvp-trigger:focus-visible{outline:2px solid #f0d2a2;outline-offset:-5px}
.rsvp-trigger-icon{display:grid;place-items:center;flex:none;width:54px;height:54px;border:1px solid rgba(238,208,159,.5);border-radius:50%;color:#ecd0a4;font-size:24px;line-height:1}
.rsvp-trigger-copy{display:grid;gap:7px;min-width:0}
.rsvp-trigger-copy strong{font-family:'Songti SC','Noto Serif SC',serif;font-weight:500;font-size:20px;letter-spacing:.08em;color:#fff5e6}
.rsvp-trigger-copy small{font-size:12px;line-height:1.5;color:#d4c3ad;letter-spacing:.02em}
.rsvp-trigger-arrow{margin-left:auto;color:#edce9d;font-size:25px;line-height:1;transition:transform .2s ease}
.rsvp-card[open] .rsvp-trigger-arrow{transform:rotate(135deg)}
.rsvp-expanded{border-top:1px solid rgba(232,207,164,.25);padding:17px}
.rsvp-expanded-hint{font-size:13px;line-height:1.6;color:#d4c3ad;margin:0 0 14px;text-align:center}
.rsvp-expanded-hint a{color:#f4d7a8;text-underline-offset:3px}
.rsvp-frame-wrap{height:min(620px,75vh);min-height:500px;border-radius:10px;background:#fff;overflow:hidden}
.rsvp-frame{display:block;width:100%;height:100%;border:0;background:#fff}
.rsvp-note{margin:17px auto 0;color:#bfae9a;font-size:12px;line-height:1.7}
.rsvp-note a{color:#f4d7a8;text-decoration:underline;text-underline-offset:3px}
.rsvp-note a:focus-visible{outline:2px solid #f4d7a8;outline-offset:4px}
@media(max-width:500px){.rsvp{padding:54px 18px calc(72px + env(safe-area-inset-bottom))}.rsvp h2{font-size:28px}.rsvp-intro{font-size:13px;margin-bottom:22px}.rsvp-trigger{gap:13px;min-height:105px;padding:20px 18px}.rsvp-trigger-icon{width:46px;height:46px;font-size:21px}.rsvp-trigger-copy strong{font-size:18px}.rsvp-trigger-copy small{font-size:11px}.rsvp-trigger-arrow{font-size:21px}.rsvp-expanded{padding:10px}.rsvp-frame-wrap{height:min(630px,76vh);min-height:490px}.rsvp-note{max-width:260px}}