.join-panel{display:grid;gap:var(--s-6);max-width:880px;margin:var(--s-5) 0 var(--s-8);padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-4);background:var(--surface)}
.join-note{margin-bottom:var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--chip);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--ink-2)}
.join-facts{margin-top:var(--s-5);padding-left:var(--s-5);list-style:disc;display:grid;gap:var(--s-2);font-size:var(--fs-14);line-height:var(--lh-sm);color:var(--ink-2)}
.join-qr{display:grid;justify-items:start;gap:var(--s-3);margin:0}
.join-qr-code{display:block;width:160px;height:160px;padding:var(--s-2);border:1px solid var(--logo-line);border-radius:var(--r-3);background:var(--qr-paper);color:var(--qr-ink)}
.join-qr figcaption{max-width:240px;font-size:var(--fs-13);line-height:var(--lh-sm);color:var(--ink-3)}
.join-qr b{display:block;margin-top:var(--s-1);font-size:var(--fs-15);font-weight:600;color:var(--ink)}
@media (min-width:721px){
.join-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--s-8);padding:var(--s-7)}
.join-qr{justify-items:center;text-align:center}.join-qr-code{width:192px;height:192px}
}