/* About page contact block: WeChat QR popover (no JavaScript), X and email. */
.contact{margin-top:38px;padding-top:28px;border-top:1px solid var(--line)}
.contact h2{font-size:22px;margin-bottom:10px}
.about .contact p{font-size:15px;line-height:1.8;margin-bottom:16px}
.contact-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.contact-list .btn{gap:10px;font-family:inherit;line-height:1.4;cursor:pointer}
.contact-list .btn svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.contact-list .btn svg.fill{fill:currentColor;stroke:none}
.contact-list .btn:focus-visible,.qr-close:focus-visible{outline:3px solid var(--accent-dk);outline-offset:4px}
.about .contact .contact-address{font:14px/1.6 var(--mono);color:var(--ink-2);margin:0;user-select:all;overflow-wrap:anywhere}
.qr-pop:popover-open{position:fixed;inset:0;margin:auto;width:min(92vw,420px);height:fit-content;max-height:94vh;overflow:auto;padding:22px 20px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);box-shadow:0 18px 48px #1A181433;text-align:center}
.qr-pop::backdrop{background:#1A181480}
.qr-pop img{width:auto;max-width:100%;max-height:calc(94vh - 130px);margin:0 auto 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.about .qr-pop p{font-size:15px;line-height:1.6;margin:0;color:var(--ink-2)}
.qr-close{position:absolute;top:6px;right:6px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink-2);cursor:pointer}
.qr-close:hover{background:var(--bg);color:var(--ink)}
.qr-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
@media(max-width:720px){.contact-list .btn{flex:1 1 auto}}