/* 31 Oct 2026 (branding chat, owner: "I like how simple this registration", JustGO ref): /join sign-up in 2 short steps.
   Display only. Pairs with join-steps.js. Same fields, same API call (registration.js unchanged). Load before tm-base.css.
   Undo = remove the 2 tags in join.html. */
html.jst-on #signup .intro{margin-bottom:10px!important}
/* step bar */
.jst-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 4px}
.jst-seg{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:7px!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;width:auto!important;text-align:left!important;font:inherit!important;color:var(--j-mute,#565E78)!important;cursor:pointer;min-height:44px!important}
.jst-seg i{display:block;width:100%;height:10px;border-radius:6px;border:2px solid var(--j-edge,#15192B);background:var(--j-card,#fff)}
.jst-seg b{font-size:14.5px;font-weight:850;line-height:1.2;display:flex;align-items:center;gap:7px}
.jst-seg b span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid currentColor;font-size:13px;font-weight:900;flex:0 0 24px}
.jst-seg.on{color:var(--j-fg,#15192B)!important}
html[data-theme="dark"] .jst-seg:not(.on):not(.done) i{border-color:var(--j-mute,#A8AEC4)}
.jst-seg.on i,.jst-seg.done i{background:var(--j-yellow,#FFD000)}
.jst-seg.on b span{background:var(--j-yellow,#FFD000);color:#15192B;border-color:var(--j-edge,#15192B)}
.jst-seg.done b span{background:var(--j-fg,#15192B);color:var(--j-bg,#FFF7EC);border-color:var(--j-fg,#15192B)}
.jst-seg:disabled{cursor:default}
.jst-seg:focus-visible{outline:3px solid var(--j-yellow,#FFD000);outline-offset:3px;border-radius:8px}
/* steps */
html.jst-on .jst-step[hidden]{display:none!important}
html.jst-on .jst-hide{display:none!important}
.jst-q{margin:18px 0 0;font-size:21px;font-weight:950;font-style:italic;letter-spacing:-.02em;line-height:1.15;color:var(--j-fg,#15192B)}
/* password with eye */
.jst-pw{position:relative}
.jst-pw input{width:100%;padding-right:58px!important}
.jst-eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--j-fg,#15192B);display:grid;place-items:center;cursor:pointer}
.jst-eye svg{width:24px;height:24px}
.jst-eye .jst-off{display:none}
.jst-eye[aria-pressed="true"] .jst-on{display:none}
.jst-eye[aria-pressed="true"] .jst-off{display:block}
.jst-eye:focus-visible{outline:3px solid var(--j-yellow,#FFD000);outline-offset:1px}
/* buttons */
.jst-next{width:100%;margin-top:22px!important}
.jst-row{display:flex;align-items:center;gap:12px;margin-top:22px}
.jst-row .button{flex:1;margin:0!important}
.jst-back{min-height:44px;padding:0 6px;background:none;border:0;color:var(--j-fg,#15192B);font:inherit;font-weight:850;text-decoration:underline;text-underline-offset:3px;cursor:pointer;flex:0 0 auto}
.jst-back:focus-visible{outline:3px solid var(--j-yellow,#FFD000);outline-offset:2px;border-radius:8px}
/* optional extras fold */
html.jst-on details.jst-extra{margin-top:18px}
html.jst-on details.jst-extra>summary{min-height:44px;display:flex;align-items:center;gap:10px;font-weight:850;cursor:pointer;list-style:none}
html.jst-on details.jst-extra>summary::-webkit-details-marker{display:none}
html.jst-on details.jst-extra>summary::before{content:"+";display:inline-grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border:2px solid var(--j-edge,#15192B);border-radius:8px;font-weight:900;line-height:1}
html.jst-on details.jst-extra[open]>summary::before{content:"\2212"}
html.jst-on details.jst-extra fieldset{border-top:0!important;margin-top:4px}
html.jst-on details.jst-extra details{border:0!important}
.jst-sum{margin:10px 0 0;padding:10px 12px;border:2px dashed var(--j-edge,#15192B);border-radius:14px;font-size:14px;line-height:1.4;color:var(--j-mute,#565E78);display:flex;justify-content:space-between;gap:10px;align-items:center}
.jst-sum b{color:var(--j-fg,#15192B);word-break:break-all}
.jst-sum button{min-height:44px;padding:0 4px;background:none;border:0;font:inherit;font-weight:850;color:var(--j-fg,#15192B);text-decoration:underline;cursor:pointer;flex:0 0 auto}