/* Guest orientation follows the same colours as the shared app shell. */
html body #guest-invitation{padding:clamp(20px,3vw,32px);border:1px solid var(--cr-line);border-radius:18px;background:var(--cr-panel);margin-bottom:24px}
html body #guest-invitation .guest-kicker{font-size:.72rem;letter-spacing:.08em;font-weight:650;color:var(--cr-muted)}
html body #guest-invitation h2{font-size:clamp(1.35rem,2.6vw,1.85rem);line-height:1.2;letter-spacing:-.035em;margin:10px 0 14px;color:var(--cr-text)}
html body #guest-invitation>p{font-size:.92rem;line-height:1.65;max-width:62ch;color:var(--cr-muted)}
.guest-paths{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 16px}
.guest-paths>a{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--cr-line);border-radius:10px;text-decoration:none;background:var(--cr-bg);color:var(--cr-text);min-width:0}
.guest-paths>a>span:first-child{font-size:1.3rem;line-height:1.1}
.guest-paths strong,.guest-paths small{display:block}
.guest-paths strong{font-size:.9rem;line-height:1.4}
.guest-paths small{font-size:.78rem;line-height:1.5;margin-top:5px;color:var(--cr-muted)}
.guest-paths>a:hover{border-color:var(--cr-text)}
.guest-paths>a:focus-visible{outline:3px solid var(--cr-accent);outline-offset:3px}
html body #guest-invitation .guest-signin{font-size:.8rem;margin-bottom:0}
.guest-signin a{color:var(--cr-text);text-underline-offset:3px;padding-block:8px;display:inline-block}
@media(max-width:600px){.guest-paths{grid-template-columns:1fr}}