.invitation-main { max-width: 620px; padding-top: 32px; padding-bottom: 48px; }
.invitation-main section { padding: clamp(20px,4vw,36px); }
.invitation-main h1 { font-size: clamp(1.75rem,5vw,2.25rem); line-height: 1.2; margin-bottom: 18px; }
.invitation-code { margin: 24px 0; text-align: center; font-size: clamp(1.75rem,8vw,3rem); font-weight: 700; letter-spacing: .08em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; color: var(--navy); }
.invitation-actions { display: grid; gap: 12px; margin-bottom: 20px; }
.invitation-actions .button { white-space: normal; text-align: center; padding: 14px 18px; min-height: 56px; }
.invitation-page [hidden] { display: none !important; }
.invitation-help { margin: 24px 0; }
.invitation-help summary { padding: 12px 0; min-height: 48px; font-weight: 600; cursor: pointer; }
.invitation-help p { margin-top: 14px; }
#invite-message { margin: 16px 0; padding: 14px; border-radius: 12px; background: var(--sky); }