/* Keep the scan surface light and high-contrast, including in dark system mode. */
.site-qr-page{color-scheme:light;min-height:100svh;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left))}
.site-qr{width:100%;max-width:444px;text-align:center;margin:auto}
.site-qr .eyebrow{font-size:12px}
.site-qr h1{font-size:clamp(22px,6vw,32px);font-weight:500;line-height:1.25;letter-spacing:-.7px;margin:12px 0}
.site-qr-instruction{max-width:300px;margin:0 auto 24px;color:var(--muted);font-size:14px;line-height:1.6;text-wrap:balance}
.site-qr-code{display:block;width:100%;max-width:min(444px,55svh);margin:0 auto;background:#fff;border-radius:8px;overflow:hidden}
.site-qr-code img{display:block;width:100%;height:auto;aspect-ratio:1}
.site-qr-address{display:block;width:fit-content;max-width:100%;margin:20px auto 0;font-size:16px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.site-qr-back{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;color:var(--accent);font-size:13px}
.site-qr-address:hover,.site-qr-back:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-height:500px) and (orientation:landscape){.site-qr-page{padding:16px}.site-qr{max-width:640px;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:center}.site-qr-code{grid-column:1;grid-row:1/6;max-width:85svh}.site-qr .eyebrow{grid-column:2;align-self:end}.site-qr h1{grid-column:2;font-size:24px}.site-qr-instruction{grid-column:2;margin:0;font-size:12px}.site-qr-address{grid-column:2;margin:8px auto 0;font-size:14px}.site-qr-back{grid-column:2;margin:0;justify-content:center}}