/* [meshjoin] "Join SCW Alerts" card on /mesh (add-only Meshtastic channel QR + button). Scoped to .mesh-join; loaded only by /mesh. Phone, iPad and desktop; no sideways scroll. */
.mesh-page .mesh-join{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;border-color:#cfe7e6;background:linear-gradient(135deg,#f2faf9 0%,#fff 72%)}
.mesh-join-t{min-width:0}
.mesh-join-t p{max-width:52ch}
.mesh-join-btn{margin-top:4px!important}
.mesh-join-btn a{display:inline-block;padding:12px 18px;border-radius:10px;background:#0b6b66;color:#fff;font-size:16px;font-weight:700;line-height:1.3;text-decoration:none;box-shadow:0 2px 8px rgba(11,107,102,.18)}
.mesh-join-btn a:hover,.mesh-join-btn a:focus-visible{background:#0b4f55;color:#fff}
.mesh-join-qr{margin:0;padding:8px;border:1px solid var(--m-line,#e3e6ea);border-radius:14px;background:#fff;line-height:0}
.mesh-join-qr img{display:block;width:245px;height:245px;max-width:100%;background:#fff}
@media (max-width:640px){
  .mesh-page .mesh-join{grid-template-columns:minmax(0,1fr);gap:16px}
  .mesh-join-btn a{display:block;text-align:center}
  .mesh-join-qr{justify-self:center}
  .mesh-join-qr img{width:240px;height:240px}
}