.share-dialog { width:min(500px,calc(100% - 26px)); }
.share-dialog-body { display:grid; justify-items:center; padding:22px 24px 26px; text-align:center; }
.share-dialog-body>p { max-width:370px; margin:0 0 15px; color:var(--muted); font-size:11px; line-height:1.7; }
.share-qr-frame { width:min(310px,100%); padding:12px; background:#fff; border:1px solid #d9dfd2; border-radius:6px; box-shadow:0 16px 35px rgba(22,69,49,.13); }
.share-qr-frame img { display:block; width:100%; height:auto; image-rendering:auto; }
.share-dialog-body>strong { margin-top:14px; color:var(--forest); font-size:10px; line-height:1.6; }
.share-site-url { margin-top:9px; color:var(--brand); font-size:11px; text-decoration:underline; text-underline-offset:3px; }
.share-poster-link { margin-top:8px; color:#8c651f; font-size:10px; text-decoration:underline; text-underline-offset:3px; }
.share-dialog-body .primary-button { width:min(310px,100%); margin-top:15px; }
.share-dialog-body small { min-height:16px; margin-top:9px; color:var(--muted); font-size:9px; }
@media (max-width:700px) { .share-dialog-body { padding-right:17px; padding-left:17px; } }