.scc-salary{gap:var(--scc-s-8);grid-template-columns:1fr;align-items:start;display:grid}@media (min-width:1024px){.scc-salary{gap:var(--scc-s-10);grid-template-columns:1fr 1fr}}.scc-salary__form,.scc-salary__result{border-radius:var(--scc-r-xl);border:1px solid var(--scc-border);background:var(--scc-surface);box-shadow:var(--scc-shadow-sm);padding:clamp(1.5rem,3vw,2.25rem)}@media (min-width:1024px){.scc-salary__result{position:sticky;top:96px}}.scc-salary__result[data-state=idle] .scc-salary__out,.scc-salary__result[data-state=loading] .scc-salary__out,.scc-salary__result[data-state=done] .scc-salary__placeholder,.scc-salary__result[data-state=loading] .scc-salary__placeholder,.scc-salary__result[data-state=idle] .scc-salary__loading,.scc-salary__result[data-state=done] .scc-salary__loading{display:none}.scc-salary__placeholder{text-align:center;padding:var(--scc-s-8) 0}.scc-salary__placeholder svg{width:60px;height:60px;margin:0 auto var(--scc-s-4);color:var(--scc-gold);opacity:.5}.scc-salary__median{text-align:center;margin-bottom:var(--scc-s-6)}.scc-salary__median-l{font-size:var(--scc-fs-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--scc-text-3);margin-bottom:var(--scc-s-1)}.scc-salary__median-n{font-family:var(--scc-font-head);letter-spacing:-.035em;background:var(--scc-grad-gold);-webkit-text-fill-color:transparent;color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.25rem,6vw,3.25rem);font-weight:800;line-height:1}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.scc-salary__median-n{color:var(--scc-gold-ink);-webkit-text-fill-color:currentColor}}.scc-salary__median-s{font-size:var(--scc-fs-sm);color:var(--scc-text-3);margin-top:var(--scc-s-2)}.scc-rangebar{margin-bottom:var(--scc-s-6)}.scc-rangebar__track{border-radius:var(--scc-r-pill);background:var(--scc-bg-3);height:12px;position:relative;overflow:visible}.scc-rangebar__fill{border-radius:var(--scc-r-pill);background:var(--scc-grad-gold);transition:left var(--scc-dur-slow) var(--scc-ease-out), width var(--scc-dur-slow) var(--scc-ease-out);position:absolute;top:0;bottom:0}.scc-rangebar__you{background:var(--scc-text);width:4px;height:24px;transition:left var(--scc-dur-slow) var(--scc-ease-out);border-radius:2px;position:absolute;top:-6px;transform:translate(-50%)}.scc-rangebar__you:after{content:"You";font-size:var(--scc-fs-xs);color:var(--scc-text);white-space:nowrap;font-weight:700;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.scc-rangebar__scale{margin-top:var(--scc-s-3);font-size:var(--scc-fs-xs);color:var(--scc-text-3);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.scc-salary__tiles{gap:var(--scc-s-3);margin-bottom:var(--scc-s-6);grid-template-columns:repeat(2,1fr);display:grid}.scc-tile{padding:var(--scc-s-4);border-radius:var(--scc-r-md);background:var(--scc-surface-2);border:1px solid var(--scc-border);text-align:center}.scc-tile__l{font-size:var(--scc-fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--scc-text-3);margin-bottom:var(--scc-s-1)}.scc-tile__n{font-family:var(--scc-font-head);font-size:var(--scc-fs-xl);color:var(--scc-text);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}.scc-tile--gap-under .scc-tile__n{color:var(--scc-error)}.scc-tile--gap-over .scc-tile__n{color:var(--scc-success)}.scc-salary__verdict{padding:var(--scc-s-4);margin-bottom:var(--scc-s-6);border-radius:var(--scc-r-md);border-left:3px solid var(--scc-gold);font-size:var(--scc-fs-sm);color:var(--scc-text);background:#d4af3714}.scc-salary__verdict strong{font-weight:700}.scc-salary__disclaimer{margin-top:var(--scc-s-5);padding-top:var(--scc-s-4);border-top:1px solid var(--scc-border);font-size:var(--scc-fs-xs);color:var(--scc-text-3)}.scc-salary__loading{text-align:center;padding:var(--scc-s-10) 0}.scc-spinner{width:38px;height:38px;margin:0 auto var(--scc-s-4);border:3px solid var(--scc-border);border-top-color:var(--scc-gold);border-radius:50%;animation:.8s linear infinite scc-spin}@keyframes scc-spin{to{transform:rotate(360deg)}}