/* Sunset Junction tester portal. No public-page selectors. */
.sj-beta-page{--ink:#213e35;--muted:#52645b;--paper:#fffdf7;--paper-2:#eef0e7;--edge:#cbd2c5;--edge-strong:#85988a;--ember:#244e41;--ember-ink:#fffdf2;--ember-deep:#285d4c;--route:#285d4c;--chip:#e9eee1;--toast:#e9eee1;--sans:'DM Sans',Arial,sans-serif;--serif:'Lora',Georgia,serif;box-sizing:border-box;color:var(--ink);width:min(1120px,calc(100% - 40px));margin:0 auto;padding:44px 0 64px;line-height:1.6;overflow-wrap:anywhere}
.sj-beta-page *{box-sizing:border-box;min-width:0}
.sj-beta-page [hidden]{display:none!important}
.sj-beta-page h1{font:500 clamp(32px,5vw,52px)/1.14 var(--serif);color:var(--ink);margin:0 0 18px}
.sj-beta-page h2{font:500 clamp(24px,3vw,32px)/1.22 var(--serif);color:var(--ink);margin:0 0 14px}
.sj-beta-page h3{color:var(--ink)}
.sj-beta-page p{margin:12px 0;max-width:75ch;color:var(--ink)}
.sj-beta-page a{color:var(--ember-deep);text-underline-offset:4px}
.sj-beta-page :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #b25a28;outline-offset:4px}
.sj-beta-page .paper{background:var(--paper);border:1px solid var(--edge);border-radius:18px;box-shadow:none;color:var(--ink)}
.sj-beta-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 23px;border:1px solid var(--edge-strong);border-radius:9px;font:600 16px/1.35 var(--sans);text-align:center;text-decoration:none;white-space:normal;cursor:pointer;color:var(--ink);background:var(--paper)}
.sj-beta-page .btn-ember{color:#fffdf2;background:#244e41;border-color:#244e41}
.sj-beta-page .btn:hover{filter:brightness(.94)}
.sj-beta-page .btn:disabled{opacity:.65;cursor:wait}
.sj-beta-page .field{display:grid;gap:7px;margin:0 0 20px}
.sj-beta-page label,.sj-beta-page .label{font-weight:600;color:var(--ink)}
.sj-beta-page :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){width:100%;min-height:48px;padding:12px 14px;border:1px solid #8d9f91;border-radius:8px;background:#fff;color:#203d33;font:400 16px/1.45 var(--sans);box-shadow:none}
.sj-beta-page textarea{resize:vertical}
.sj-beta-page input::placeholder,.sj-beta-page textarea::placeholder{color:#627168;opacity:1}
.sj-beta-page .check{display:flex;align-items:flex-start;gap:12px;font-weight:400;line-height:1.55}
.sj-beta-page input:is([type=checkbox],[type=radio]){appearance:auto;width:21px;height:21px;min-width:21px;margin:3px 0 0;accent-color:#244e41}
.sj-beta-page .check span{display:block;color:var(--ink)}
.sj-beta-page :is(.hint,.small,small){font-size:14px;color:var(--muted)}
.sj-beta-page .pick{display:flex;gap:10px;flex-wrap:wrap}
.sj-beta-page .pick label{display:flex;gap:8px;align-items:center;padding:9px 12px;border:1px solid var(--edge);border-radius:8px;font-weight:400;cursor:pointer}
.sj-beta-page .pick span{display:inline;min-height:0;padding:0;background:none;color:var(--ink)}
.sj-beta-page .pick input{position:static;opacity:1}
.sj-beta-page .flash{padding:16px;border:1px solid var(--edge);border-radius:10px;background:var(--paper-2);color:var(--ink);margin:14px 0}
.sj-beta-page .flash.error,.sj-beta-page .has-error input{border-color:#a7392d}
.sj-beta-page .has-error :is(.error,.field-error){color:#922b22}
.sj-beta-page .chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:6px;background:var(--chip);color:var(--ink);font-size:13px;line-height:1.4;white-space:normal}
.sj-beta-page .i{display:inline-block;width:1em;height:1em;flex-shrink:0;background:currentColor;mask-image:var(--icon);mask-repeat:no-repeat;mask-position:center;mask-size:contain}
.sj-beta-page .auth-grid,.sj-beta-page.sj-apply{display:grid;gap:24px;align-items:start}
.sj-beta-page.sj-auth{min-height:65vh}
.sj-beta-page .sj-beta-heading{margin-bottom:30px}
.sj-beta-page .card,.sj-beta-page .join,.sj-beta-page .form{padding:clamp(22px,4vw,38px)}
.sj-beta-page .links{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;margin-top:22px;font-size:14px}
.sj-beta-page .title{display:grid;gap:8px;margin-bottom:22px;font-size:22px}
.sj-beta-page .title span{font-size:15px;color:var(--muted)}
.sj-beta-page .group{padding:20px 0;border-bottom:1px solid var(--edge)}
.sj-beta-page .group h3{margin:0 0 20px}
.sj-beta-page .n{margin-right:12px}
.sj-beta-page .checks{display:grid;gap:18px;margin:24px 0}
.sj-beta-page .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.sj-beta-page .submit{display:grid;gap:12px}
.sj-beta-page .sj-next{padding-left:24px;display:grid;gap:18px}
.sj-beta-page .sj-next li{padding-left:8px}
.sj-beta-page .sj-next b,.sj-beta-page .sj-next span{display:block}
.sj-beta-page .band{padding:18px 24px;background:var(--paper-2);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sj-beta-page .pass .body{padding:24px}
.sj-beta-page dl{display:grid;gap:10px;margin:20px 0}
.sj-beta-page dl div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px}
.sj-beta-page dd{margin:0}
.sj-beta-page .files{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.sj-beta-page .files img{width:100px;height:100px;object-fit:cover;border-radius:8px}
.sj-beta-page .rate{display:flex;gap:8px;margin:18px 0}
.sj-beta-page .rate button{min-height:44px;min-width:44px;border:1px solid var(--edge);border-radius:8px;color:var(--ink);background:var(--paper);font:600 18px var(--sans);cursor:pointer}
.sj-beta-page .rate button.on{background:var(--ember);color:var(--ember-ink)}
.sj-beta-page.tapp { display: grid; gap: 16px; padding: 22px 0 40px; }
.sj-beta-page.tapp.narrow { max-width: 760px; }
.sj-beta-page .t-hello { display: grid; gap: 8px; justify-items: start; }
.sj-beta-page .t-kicker { margin: 0; font: 600 12.5px/1.2 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--route); }
.sj-beta-page .t-hello h1 { font-size: clamp(30px, 6.4vw, 46px); color: var(--ink); }
.sj-beta-page .t-build-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; background: var(--toast); color: var(--ink); text-decoration: none; font: 500 15px/1.2 var(--sans); }
.sj-beta-page .t-build-chip .i { color: var(--route); }
.sj-beta-page .t-home { display: grid; gap: 16px; align-items: start; }
.sj-beta-page .t-col { display: grid; gap: 16px; min-width: 0; }
.sj-beta-page .t-card { padding: 20px; border-radius: 24px; }
.sj-beta-page .t-card h2 { font-size: clamp(22px, 4.6vw, 26px); color: var(--ink); line-height: 1.15; }
.sj-beta-page .t-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 4px; }
.sj-beta-page .t-sub { margin: 4px 0 0; color: var(--muted); font-size: 15.5px; line-height: 1.45; }
.sj-beta-page .t-sub a, .sj-beta-page .t-empty a { color: var(--ember-deep); }
.sj-beta-page .t-new { color: var(--ember-deep); }
.sj-beta-page .t-empty { margin: 8px 0 0; color: #6b5241; }
.sj-beta-page .t-label { margin: 18px 0 10px; font: 600 12.5px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }

/* Velike tipke za prijavu */
.sj-beta-page .t-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sj-beta-page .t-action { display: flex; align-items: center; gap: 12px; min-height: 76px; padding: 14px 16px; border-radius: 22px; background: var(--paper); color: var(--ink); text-decoration: none; box-shadow: 0 0 0 1.5px var(--edge), 0 14px 26px -18px #000; transition: transform .3s var(--ease), box-shadow .3s; }
.sj-beta-page .t-action:hover { transform: translateY(-2px); }
.sj-beta-page .t-action b { display: block; font: 500 18px/1.2 var(--serif); }
.sj-beta-page .t-action small { display: block; margin-top: 2px; color: var(--muted); font-size: 14px; line-height: 1.3; }
.sj-beta-page .t-action.main { background: var(--ember); color: var(--ember-ink); box-shadow: 0 14px 26px -14px rgb(233 137 58 / .8); }
.sj-beta-page .t-action.main small { color: rgb(255 246 230 / .82); }
.sj-beta-page .t-ic { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--ember); color: var(--ember-ink); font-size: 22px; }
.sj-beta-page .t-action.main .t-ic { background: var(--ember-ink); color: var(--ember-deep); }
.sj-beta-page .t-start { margin-bottom: 2px; }

/* Build */
.sj-beta-page .t-tasks { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; counter-reset: task; }
.sj-beta-page .t-tasks li { position: relative; display: grid; gap: 2px; padding: 12px 14px 12px 52px; border-radius: 16px; background: #fbf3e3; border: 1.5px solid var(--edge); counter-increment: task; }
.sj-beta-page .t-tasks li::before { content: counter(task); position: absolute; left: 12px; top: 12px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--ember); color: var(--ember-ink); font: 500 15px/1 var(--serif); }
.sj-beta-page .t-tasks b { font: 500 17.5px/1.3 var(--serif); color: var(--ink); }
.sj-beta-page .t-tasks span { color: #6b5241; font-size: 15.5px; line-height: 1.45; }
.sj-beta-page .t-news { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.sj-beta-page .t-news li { position: relative; padding-left: 22px; color: #5c4535; line-height: 1.5; }
.sj-beta-page .t-news li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 8px; height: 8px; border-radius: 50%; background: var(--ember); box-shadow: 0 0 0 4px rgb(233 137 58 / .16); }
.sj-beta-page .t-more { margin-top: 12px; }
.sj-beta-page .t-more summary { display: inline-flex; align-items: center; gap: 6px; padding: 6px 0; color: var(--ember-deep); font: 500 16px var(--serif); cursor: pointer; list-style: none; }
.sj-beta-page .t-more summary::-webkit-details-marker { display: none; }
.sj-beta-page .t-more summary::after { content: "›"; transition: transform .2s; }
.sj-beta-page .t-more[open] summary::after { transform: rotate(90deg); }
.sj-beta-page .t-more > .t-news, .sj-beta-page .t-more > .t-issues { margin-top: 8px; }
.sj-beta-page .t-issues { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; color: #5c4535; }
.sj-beta-page .t-issues li { display: flex; gap: 8px; align-items: flex-start; flex-wrap: wrap; }

/* Instalacija */
.sj-beta-page .t-install { box-shadow: 0 0 0 2px var(--ember), 0 20px 40px -24px #000; }
.sj-beta-page .t-steps { display: grid; gap: 12px; margin: 14px 0 0; padding: 0; list-style: none; counter-reset: step; }
.sj-beta-page .t-steps li { position: relative; display: grid; gap: 4px; justify-items: start; padding-left: 46px; counter-increment: step; }
.sj-beta-page .t-steps li::before { content: counter(step); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--chip); color: var(--ink); font: 500 16px/1 var(--serif); }
.sj-beta-page .t-steps b { font: 500 18px var(--serif); color: var(--ink); }
.sj-beta-page .t-steps span { color: #6b5241; font-size: 15.5px; }
.sj-beta-page .t-steps .btn, .sj-beta-page .t-steps .chip { margin-top: 6px; }
.sj-beta-page .t-installed { margin: 0; color: var(--ink); font-size: 15px; opacity: .85; }

/* Kartica-link i popisi */
.sj-beta-page .t-link { display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--ink); }
.sj-beta-page .t-link b { display: block; font: 500 20px/1.2 var(--serif); }
.sj-beta-page .t-link small { display: block; color: var(--muted); font-size: 14.5px; }
.sj-beta-page .t-go { margin-left: auto; color: var(--muted); font-size: 28px; line-height: 1; }
.sj-beta-page .t-threads { margin: 0; padding: 0; list-style: none; }
.sj-beta-page ul.t-threads.t-card { padding: 6px 0; }
.sj-beta-page .t-threads li + li { border-top: 1.5px dashed var(--edge); }
.sj-beta-page .t-threads a { display: grid; gap: 4px; padding: 14px 20px; color: var(--ink); text-decoration: none; transition: background .2s; }
.sj-beta-page .t-threads a:hover { background: rgb(233 137 58 / .07); }
.sj-beta-page .t-threads b { font: 500 18px/1.3 var(--serif); }
.sj-beta-page .t-threads b .i { color: var(--ember-deep); margin-right: 6px; }
.sj-beta-page .t-threads small { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; color: var(--muted); font-size: 14px; }
.sj-beta-page .t-threads.compact { margin-top: 8px; }
.sj-beta-page .t-threads.compact a { padding: 10px 0; }
.sj-beta-page .t-threads li.pinned a { background: rgb(233 137 58 / .06); }
.sj-beta-page .t-newchip { padding: 1px 9px; font-size: 12.5px; vertical-align: 2px; }
.sj-beta-page .t-note { padding: 12px 0; border-top: 1.5px dashed var(--edge); }
.sj-beta-page .t-note:first-of-type { border-top: 0; padding-top: 8px; }
.sj-beta-page .t-note b { display: block; font: 500 18px var(--serif); color: var(--ink); }
.sj-beta-page .t-note small { color: var(--muted); font-size: 14px; }
.sj-beta-page .t-note .prose { margin-top: 6px; color: #5c4535; }
.sj-beta-page .t-q { margin: 6px 0 0; color: #5c4535; }

/* Stranice s naslovom */
.sj-beta-page .t-page-head { display: grid; gap: 8px; }
.sj-beta-page .t-page-head h1 { font-size: clamp(30px, 6vw, 42px); color: var(--ink); }
.sj-beta-page .t-page-head .t-sub { color: var(--muted); }
.sj-beta-page .t-page-head .t-sub a { color: var(--route); }
.sj-beta-page .t-back { color: var(--ink); text-decoration: none; font: 400 17px var(--serif); justify-self: start; }
.sj-beta-page .t-privacy, .sj-beta-page .t-footnote { display: flex; align-items: flex-start; gap: 8px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.45; }
.sj-beta-page .t-privacy .i, .sj-beta-page .t-footnote .i { margin-top: 2px; color: var(--route); }
.sj-beta-page .t-count { display: inline-grid; place-items: center; min-width: 26px; height: 26px; padding: 0 8px; border-radius: 999px; background: var(--chip); font: 500 14px var(--sans); vertical-align: 4px; }

/* Prijave */
.sj-beta-page .t-reports { display: grid; gap: 0; margin: 10px 0 0; padding: 0; list-style: none; }
.sj-beta-page .t-reports > li { padding: 14px 0; border-top: 1.5px dashed var(--edge); }
.sj-beta-page .t-reports > li:first-child { border-top: 0; padding-top: 6px; }
.sj-beta-page .t-rep-top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
.sj-beta-page .t-reports h3 { margin-top: 8px; font-size: 19px; color: var(--ink); }
.sj-beta-page .t-meta { margin: 3px 0 0; color: var(--muted); font-size: 14px; }
.sj-beta-page .t-body { margin: 6px 0 0; color: #5c4535; font-size: 15.5px; line-height: 1.5; }
.sj-beta-page .t-reply { margin-top: 10px; padding: 10px 14px; border-radius: 14px; background: var(--paper-2); border-left: 3px solid var(--ember); color: #5c4535; font-size: 15.5px; }
.sj-beta-page .t-reply b { display: block; font: 500 15px var(--serif); color: var(--ember-deep); }
.sj-beta-page .t-reports li.resolved h3 { color: #7a6250; }
.sj-beta-page .t-reports a.chip { text-decoration: none; }
/* Poznati problemi: "Me too" i provjera prije prijave */
.sj-beta-page .t-known { scroll-margin: 90px; border-radius: 14px; }
.sj-beta-page .t-known.flash { animation: t-flash 1.6s ease-out; }
@keyframes t-flash { 0%, 30% { background: rgb(243 162 76 / .22); box-shadow: 0 0 0 8px rgb(243 162 76 / .22); } 100% { background: transparent; box-shadow: 0 0 0 8px transparent; } }
.sj-beta-page .t-metoo-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 12px; }
.sj-beta-page .t-metoo { min-height: 44px; padding: 8px 18px; border: 2px solid var(--ember); border-radius: 999px; background: transparent; color: var(--ember-deep); font: 500 16px var(--serif); cursor: pointer; transition: background .2s, color .2s; }
.sj-beta-page .t-metoo:hover { background: rgb(233 137 58 / .1); }
.sj-beta-page .t-metoo.on { background: var(--ember); color: var(--ember-ink); }
.sj-beta-page .t-votes { color: var(--muted); font-size: 14.5px; }
.sj-beta-page .t-check-hint { display: flex; align-items: flex-start; gap: 10px; padding: 12px 16px; border-radius: 18px; background: rgb(243 162 76 / .14); box-shadow: inset 0 0 0 1.5px rgb(243 162 76 / .45); color: var(--ink); text-decoration: none; font-size: 15.5px; line-height: 1.45; }
.sj-beta-page .t-check-hint .i { flex: none; margin-top: 3px; color: var(--route); }
.sj-beta-page .t-check-hint b { color: var(--route); font-weight: 600; }
.sj-beta-page .t-check { box-shadow: 0 0 0 2px var(--route), 0 20px 40px -24px #000; }
.sj-beta-page .t-check .t-more summary { font-size: 17px; }
.sj-beta-page .t-similar { display: grid; gap: 6px; margin-top: 10px; padding: 12px 14px; border-radius: 14px; background: #fdf0da; border: 1.5px solid var(--route); color: #5c4535; font-size: 15px; }
.sj-beta-page .t-similar[hidden] { display: none; }
.sj-beta-page .t-similar b { font: 500 15px var(--serif); color: var(--ember-deep); }
.sj-beta-page .t-similar a { color: var(--ink); font: 500 16.5px var(--serif); text-decoration: underline; text-decoration-color: var(--route); text-underline-offset: 3px; }
.sj-beta-page .t-similar a::after { content: " ›"; color: var(--ember-deep); }
.sj-beta-page .t-similar small { color: var(--muted); font-size: 14px; }

/* Obrasci */
.sj-beta-page .t-form fieldset { border: 0; padding: 0; margin: 0 0 16px; min-width: 0; }
.sj-beta-page .t-form legend { padding: 0; margin-bottom: 8px; }
.sj-beta-page .t-seg { gap: 8px; }
.sj-beta-page .t-seg span { min-height: 44px; }
.sj-beta-page .t-drop { display: grid; place-items: center; gap: 4px; min-height: 120px; padding: 18px; border: 2px dashed var(--edge-strong); border-radius: 18px; background: #fbf4e6; color: var(--muted); text-align: center; cursor: pointer; }
.sj-beta-page .t-drop .i { font-size: 28px; color: var(--ember-deep); }
.sj-beta-page .t-drop b { font: 500 17px var(--serif); color: var(--ink); }
.sj-beta-page .t-drop.drag { border-color: var(--ember); background: #fdf0da; }
.sj-beta-page .chosen { display: grid; grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: 8px; margin-top: 10px; }
.sj-beta-page .chosen .thumb { position: relative; aspect-ratio: 1; border-radius: 12px; overflow: hidden; background: var(--chip); display: grid; place-items: center; color: var(--muted); font-size: 12px; text-align: center; }
.sj-beta-page .chosen .thumb img { width: 100%; height: 100%; object-fit: cover; }
.sj-beta-page .t-auto { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; }
.sj-beta-page .t-submit .btn { width: 100%; min-height: 56px; font-size: 20px; }
.sj-beta-page .t-grid2 { display: grid; gap: 0 14px; }
.sj-beta-page .t-anon span { display: grid; gap: 2px; }
.sj-beta-page .t-anon small { color: var(--muted); font-size: 14px; }

/* Čekaonica: razgovor */
.sj-beta-page .t-thread-title { font-size: clamp(26px, 5.4vw, 38px) !important; }
.sj-beta-page .t-posts { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.sj-beta-page .t-post { padding: 16px 18px; border-radius: 20px; }
.sj-beta-page .t-post.first { box-shadow: 0 0 0 2px var(--edge-strong); }
.sj-beta-page .t-post.dev { box-shadow: 0 0 0 2px var(--ember); }
.sj-beta-page .t-post-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; margin-bottom: 8px; }
.sj-beta-page .t-post-head time { color: var(--muted); font-size: 13.5px; }
.sj-beta-page .t-post-body { color: #4a3325; font-size: 17px; line-height: 1.6; overflow-wrap: anywhere; }
.sj-beta-page .t-post-body a { color: var(--ember-deep); }
.sj-beta-page .t-removed { margin: 0; color: var(--muted); font-style: italic; }
.sj-beta-page .t-author { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; font: 500 15.5px var(--serif); color: var(--ink); }
.sj-beta-page .t-threads .t-author { font-size: 14px; color: #6b5241; }
.sj-beta-page .t-author em { padding: 1px 8px; border-radius: 999px; background: var(--chip); font: 500 12px/1.5 var(--sans); font-style: normal; color: var(--muted); }
.sj-beta-page .t-author.t-dev em { background: var(--ember); color: var(--ember-ink); }
.sj-beta-page .t-author.t-anon, .sj-beta-page .t-author.t-removed { color: var(--muted); }
.sj-beta-page .t-author .i { font-size: 13px; }
.sj-beta-page .t-del { margin-top: 8px; text-align: right; }
.sj-beta-page .t-del button { padding: 4px 0; border: 0; background: none; color: var(--muted); font: inherit; font-size: 14px; text-decoration: underline; cursor: pointer; }
.sj-beta-page .t-reply-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.sj-beta-page .t-closed { display: flex; gap: 8px; align-items: center; color: #6b5241; }

/* Račun */
.sj-beta-page .t-pass { overflow: hidden; padding: 0; border-radius: 24px; }
.sj-beta-page .t-mail { overflow-wrap: anywhere; font-size: 14.5px !important; }
.sj-beta-page .danger { box-shadow: 0 0 0 1.5px #e9a07f; }


.sj-beta-page .t-action.main small{color:#fffdf2}
.sj-beta-page .t-action,.sj-beta-page .t-install,.sj-beta-page .t-check,.sj-beta-page .t-post.first,.sj-beta-page .t-post.dev{box-shadow:none;border:1px solid var(--edge)}
.sj-beta-page .t-steps li{display:block;padding-left:46px;width:100%}.sj-beta-page .t-steps li>*{display:block;margin:5px 0}.sj-beta-page .t-steps li .btn{display:inline-flex}
.sj-beta-page .t-del button{min-height:44px;padding:8px}
@media(min-width:650px){.sj-beta-page .t-grid2,.sj-beta-page .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}}
@media(min-width:960px){.sj-beta-page .auth-grid,.sj-beta-page.sj-apply{grid-template-columns:1fr 1fr}.sj-beta-page .t-home{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}}
@media(max-width:600px){.sj-beta-page{width:calc(100% - 32px);padding-top:26px}.sj-beta-page .t-actions{grid-template-columns:1fr}.sj-beta-page .t-card{padding:22px 18px}.sj-beta-page .t-card-head{flex-wrap:wrap}.sj-beta-page .t-action{min-height:72px}.sj-beta-page .links{display:grid}.sj-beta-page .t-steps li{padding-left:42px}.sj-beta-page .t-submit .btn{font-size:17px}}
@media(prefers-reduced-motion:reduce){.sj-beta-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.sj-beta-page .i-lock{--icon:url("/assets/hub/icons/lock.svg")}

.sj-beta-page .i-play{--icon:url("/assets/hub/icons/play.svg")}

.sj-beta-page .i-pin{--icon:url("/assets/hub/icons/pin.svg")}

.sj-beta-page .i-map{--icon:url("/assets/hub/icons/map.svg")}

.sj-beta-page .i-crate{--icon:url("/assets/hub/icons/crate.svg")}

.sj-beta-page .i-talk{--icon:url("/assets/hub/icons/talk.svg")}

.sj-beta-page .i-ember{--icon:url("/assets/hub/icons/ember.svg")}

.sj-beta-page .i-train{--icon:url("/assets/hub/icons/train.svg")}

/* Keep short status labels intact next to long build titles. */
.sj-beta-page .t-card-head > .chip { flex-shrink: 0; white-space: nowrap; }