/* The join page: one panel, large key input, readable on a 320 px phone. */
.join{max-width:560px;padding-bottom:40px}
.join .page-heading{display:block;margin-bottom:26px}
.join .page-heading p{margin-top:6px;line-height:1.7;max-width:none}
.join-account{max-width:none}
.join-panel{padding:26px 24px 22px}
.join-panel label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}
.join #join-key{display:block;width:100%;max-width:100%;min-height:64px;padding:12px 14px;font:600 32px/1.2 var(--mono);letter-spacing:.14em;text-align:center;text-transform:uppercase;border-radius:9px}
.join #join-key::placeholder{color:#b4bcb2;letter-spacing:.14em}
.join-message{margin:14px 0 0;padding:12px 14px;border-radius:7px;background:#edf0e6;font-size:12px;line-height:1.6}
.join-message.error{background:#faece7;color:#963726}
.join-panel .button{margin-top:18px;min-height:48px;font-size:14px}
.join-current p{margin:0;font-size:13px;line-height:1.6}
.join-current .button+.button{margin-top:10px}
.join footer{padding:26px 0 0;flex-wrap:wrap}
@media(max-width:760px){.join footer{padding-bottom:30px}}