/* [members] reader accounts: header Sign in link / badge, /join /signin /account, owner count line. Brand: navy #001738, orange #ff8a1f. */
.masthead>.wrap{position:relative}
.mx-acct{position:absolute;top:0;right:16px;z-index:5;display:flex;align-items:center;line-height:1}
.mx-signin{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:#001738;text-decoration:none;border:1px solid #cdd5e1;border-radius:999px;padding:6px 13px;background:#fff;letter-spacing:.01em;transition:border-color .15s,color .15s}
.mx-signin:hover,.mx-signin:focus-visible{border-color:#ff8a1f;color:#b4480b}
.mx-badge{display:none;align-items:center;gap:0;padding:4px 12px 4px 5px;border-radius:999px;background:linear-gradient(135deg,#001738 0%,#0d3270 100%);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.02em;text-decoration:none;white-space:nowrap;border:1px solid #ff8a1f;box-shadow:0 2px 10px rgba(0,23,56,.22)}
.mx-badge:hover,.mx-badge:focus-visible{background:linear-gradient(135deg,#0a2552 0%,#174394 100%);color:#fff}
html.mx-in .mx-acct .mx-badge{display:inline-flex}html.mx-in .mx-acct .mx-signin{display:none}
.mx-badge .mx-ic{width:19px;height:19px;flex:none;margin-right:6px}
.mx-badge .mx-t2{color:#ffc58f;font-weight:600;white-space:pre}
.mx-badge-static{display:inline-flex}
@media (max-width:820px){.mx-acct{right:12px}}
@media (max-width:640px){
 .mx-acct{position:static;justify-content:flex-end;margin:-6px 0 6px}
 .mx-signin{font-size:12.5px;padding:5px 12px}
}
@media (max-width:340px){.mx-acct .mx-badge .mx-t2{display:none}.mx-acct .mx-badge{padding-right:11px}}
/* member pages: hide the floating phone Radar button so it never covers form fields (it stays on every other page) */
body:has(.mx-box) .rlaunch,body:has(.cmx-demo) .rlaunch{display:none!important}
/* forms */
.mx-box{max-width:470px}
.mx-box h1{margin-top:.2rem}
.mx-kicker{margin:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c2560f}
.mx-lede{color:#3b4350}
.mx-opt{font-weight:400;color:#5b6472;font-size:.9em}
.mx-form label{display:block;margin:0}
.mx-box-wide .mx-form{max-width:460px}
.mx-form input[type=text],.mx-form input[type=email],.mx-form input[type=password]{display:block;width:100%;box-sizing:border-box;margin-top:4px;font-size:16px;padding:10px 12px;border:1px solid #c5ccd6;border-radius:8px;background:#fff}
.mx-form input:focus{outline:2px solid #ff8a1f;outline-offset:1px;border-color:#001738}
.form-box label.mx-check{display:block!important;position:relative;padding-left:28px;font-size:15px;line-height:1.4}
.mx-check input{position:absolute;left:0;top:1px;width:18px;height:18px;margin:0}
.mx-btn{display:block;width:100%;min-height:46px;font-size:16px;font-weight:700;background:#001738;color:#fff;border:1px solid #001738;border-radius:8px;cursor:pointer;margin-top:.6rem}
.mx-btn:hover{background:#0d3270}
.mx-alt{margin:.8rem 0 0;color:#5b6472}
.mx-box .hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.mx-ts{margin:.8rem 0}
.mx-ok{background:#e9f7ef;color:#14532d;border:1px solid #b7e1c6;border-radius:6px;padding:8px 10px}
.mx-inline{margin:.6rem 0 1.2rem}
.mx-kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:1rem 0;font-size:15px}
.mx-kv dt{font-weight:700;color:#3b4350}.mx-kv dd{margin:0;word-break:break-word}
.mx-acct-head{margin-bottom:.4rem}
.mx-danger-h{color:#7f1d1d;margin-top:2rem}
/* social buttons (provider brand guidelines: Google white + #747775 border + 4-colour G; X black; Facebook #1877F2; Apple black) */
.mx-social{display:grid;gap:10px;margin:1rem 0 .4rem}
.mx-sb{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 16px;border-radius:8px;font:500 15px/1.2 Roboto,"Segoe UI",Arial,sans-serif;text-decoration:none;box-sizing:border-box;border:1px solid transparent}
.mx-sb .mx-pl{width:20px;height:20px;flex:none}
.mx-sb-google{background:#fff;color:#1f1f1f;border-color:#747775}.mx-sb-google:hover{background:#f7f8f8;color:#1f1f1f}
.mx-sb-x{background:#000;color:#fff;border-color:#000}.mx-sb-x .mx-pl{width:18px;height:18px}.mx-sb-x:hover{background:#272c30;color:#fff}
.mx-sb-facebook{background:#1877f2;color:#fff;border-color:#1877f2;font-weight:600}.mx-sb-facebook:hover{background:#166fe5;color:#fff}
.mx-sb-apple{background:#000;color:#fff;border-color:#000}
.mx-sb.mx-off{opacity:.45;cursor:not-allowed}
.mx-sb em{font-style:normal;font-size:11px;font-weight:400;opacity:.85;border:1px dashed currentColor;border-radius:4px;padding:1px 5px;margin-left:2px}
.mx-or{display:flex;align-items:center;gap:10px;color:#5b6472;font-size:13px;margin:.9rem 0 .2rem}
.mx-or:before,.mx-or:after{content:"";flex:1;height:1px;background:#e3e6ea}
/* owner dashboard line (counts only) */
.mx-owner{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;background:#f3f6fb;border:1px solid #d9e1ee;border-left:4px solid #001738;border-radius:8px;padding:9px 12px;margin:0 0 10px;font-size:14px;color:#23324a}
.mx-owner b{color:#001738}.mx-owner span{color:#4a5568}
/* Your Wire stats */
.mx-box-wide{max-width:720px}
.mx-wire{margin:1.6rem 0 1rem;padding:16px;border-radius:14px;background:linear-gradient(160deg,#001738 0%,#0a2a5c 70%,#123a7a 100%);color:#fff;box-shadow:0 6px 24px rgba(0,23,56,.18)}
.mx-wire-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.mx-wire-h h2{margin:0;color:#fff;font-size:1.25rem}
.mx-wire-h a{color:#ffc58f;font-size:13px}
.mx-wire-k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffc58f;font-weight:700}
.mx-wire-sub{color:#ffd9b5;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:16px 0 8px;font-weight:700}
.mx-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.mx-tile{position:relative;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px 12px 11px;display:flex;flex-direction:column;gap:2px;min-width:0}
.mx-tile .mx-si{width:22px;height:22px;color:#ff8a1f;margin-bottom:4px}
.mx-tile b{font-size:30px;line-height:1.05;font-weight:800;letter-spacing:-.01em;color:#fff;font-variant-numeric:tabular-nums}
.mx-tile span{font-size:13px;color:#dbe4f3;font-weight:600}
.mx-tile small{font-size:12px;color:#aebbd2;overflow:hidden;text-overflow:ellipsis}
.mx-tile.mx-hot{background:linear-gradient(140deg,#ff8a1f 0%,#e2620d 100%);border-color:#ffb067}
.mx-tile.mx-hot .mx-si{color:#fff}.mx-tile.mx-hot span,.mx-tile.mx-hot small{color:#fff3e6}
.mx-tile.mx-site .mx-si{color:#7cc4ff}
.mx-wire-note{margin:12px 0 0;font-size:11.5px;color:#9fb0cc}
.mx-wire-compact{margin:0 0 1.2rem}
@media (max-width:420px){.mx-tiles{grid-template-columns:1fr 1fr}.mx-tile b{font-size:25px}.mx-wire{padding:13px}}
/* avatar + profile */
.mx-who{display:flex;align-items:center;gap:14px;margin:.4rem 0 .6rem}.mx-who h1{margin:0}.mx-who p{margin:.15rem 0 0}
.mx-av{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;font-weight:800;letter-spacing:.02em;font-size:15px;flex:none;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.mx-av-lg{width:56px;height:56px;font-size:20px}.mx-av-xl{width:76px;height:76px;font-size:27px;box-shadow:0 0 0 3px #ff8a1f,inset 0 0 0 2px rgba(255,255,255,.35)}
.mx-av-navy{background:#001738}.mx-av-orange{background:#d9600f}.mx-av-teal{background:#0f766e}.mx-av-sky{background:#1d5fc2}.mx-av-plum{background:#6b2fb3}.mx-av-rose{background:#b4123c}.mx-av-slate{background:#3f4b5c}
.mx-bio{background:#f6f7f9;border-radius:8px;padding:10px 12px;margin:.4rem 0}
.mx-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px;font:inherit;font-size:16px;padding:10px 12px;border:1px solid #c5ccd6;border-radius:8px}
.mx-colors{border:0;padding:0;margin:.8rem 0;display:flex;flex-wrap:wrap;gap:10px}.mx-colors legend{font-weight:600;margin-bottom:6px;padding:0}
.mx-color{display:inline-flex!important;margin:0!important;cursor:pointer}.mx-color input{position:absolute;opacity:0;width:1px;height:1px}
.mx-color input:checked+.mx-av{box-shadow:0 0 0 3px #fff,0 0 0 5px #ff8a1f}.mx-color input:focus-visible+.mx-av{outline:2px solid #001738;outline-offset:4px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* friendly-conversation notice (comments, guidelines, moderator notes) */
.mx-friendly{background:#fff6ec;border:1px solid #ffd2a6;border-left:4px solid #ff8a1f;border-radius:8px;padding:9px 12px;color:#5a2d06;font-weight:600;font-size:15px}
.mx-modnotes{margin:1.4rem 0;padding:12px 14px;border:1px solid #f0d58a;background:#fffaf0;border-radius:10px}.mx-modnotes h2{margin-top:0;font-size:1.05rem}