/* mumhe.com — join / signup blocks (v10 draft). Uses the site palette from style.css (--y, --ink, --bd…). */
.mj{margin:18px 0;display:grid;gap:14px}
@media(min-width:860px){.mj.two{grid-template-columns:1.05fr 1fr;align-items:stretch}}
.mj-x{background:#fff;border:2px solid #000;border-radius:14px;padding:16px 18px;box-shadow:4px 4px 0 var(--y)}
.mj-x h2{margin:0 0 6px;font-size:1.2rem}
.mj-x .mj-lead{margin:0 0 10px;color:var(--mut)}
.mj-x ul{margin:0 0 12px;padding-inline-start:18px}
.mj-x li{margin:.2em 0}
.mj-x .btn{font-size:1rem}
.mj-p{background:#f3f7ff;border:1px solid #c9d8f5;border-radius:12px;padding:14px 16px}
.mj-p h2{margin:0 0 4px;font-size:1.1rem}
.mj-p .mj-lead{margin:0 0 10px;font-size:.93rem;color:#333}
.mj-row{display:grid;gap:8px;grid-template-columns:1fr}
@media(min-width:520px){.mj-row{grid-template-columns:1fr 1fr}}
.mj form label.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.mj-cons,.jf-cons{display:flex;gap:6px;align-items:flex-start;font-size:.82rem;font-weight:400;color:#444;margin:8px 0 0}
.mj-cons input,.jf-cons input{width:auto;margin-top:3px;flex:0 0 auto}
.mj-disc,.jf-disc{font-size:.78rem;color:#666;margin:6px 0 0}
.mj-disc summary,.jf-disc summary{cursor:pointer;color:#666;display:inline;list-style:none}
.mj-disc summary::-webkit-details-marker,.jf-disc summary::-webkit-details-marker{display:none}
.mj-disc[open] summary,.jf-disc[open] summary{color:#666}
.mj-disc div,.jf-disc div{margin-top:6px;padding:8px 10px;background:#fff;border:1px solid var(--bd);border-radius:8px;line-height:1.5}
.mj-disc p,.jf-disc p{margin:.3em 0}
.mj-go{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}
.mj .msg,.jf .msg{margin-top:8px}
/* /join/ page */
.jf-hero{background:#fff;border:2px solid #000;border-radius:14px;padding:16px 18px;box-shadow:4px 4px 0 var(--y);margin:10px 0 16px}
.jf-hero h1{margin:0 0 6px;font-size:1.45rem}
.jf-hero p{margin:0}
.jf-perks{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
@media(min-width:700px){.jf-perks{grid-template-columns:repeat(3,1fr)}}
.jf-perks li{background:var(--y2);border-radius:10px;padding:8px 10px;font-size:.92rem}
.jf-perks b{display:block}
.jf{display:grid;gap:12px;max-width:640px;background:#fff;border:1px solid var(--bd);border-radius:12px;padding:16px}
.jf label{font-weight:700;font-size:.9rem;display:block;margin-bottom:3px}
.jf .opt{font-weight:400;color:#777;font-size:.82rem}
.jf fieldset{border:1px solid var(--bd);border-radius:10px;padding:8px 12px;margin:0}
.jf legend{font-weight:700;font-size:.9rem;padding:0 4px}
.jf .chk{font-weight:400;margin:4px 0}
.jf .btn{font-size:1.05rem;padding:11px 20px;justify-self:start}
.jf-alt{font-size:.88rem;color:var(--mut);margin-top:14px}
.btn[disabled]{opacity:.6;cursor:wait}