/* Local visual reuse of the platform's site and mobile components. */
:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--brand:#0054ff;--brand-hover:#0048d9;--brand-soft:#e5edff;--brand-softer:#f2f6ff;--brand-border:#b8ccff;--num:"DIN Alternate","Bahnschrift","DIN","Helvetica Neue",Arial,sans-serif}
header.site-header{height:auto;display:block}.site-header-inner{max-width:832px}.mode-banner{margin-top:22px;border:1px solid var(--brand-soft);font-size:12px}.hero{padding:12px 0 28px}.hero:after{display:none}h1{font-size:36px;letter-spacing:-.03em;line-height:1.25}.intro{font-size:14px}.hero-foot{margin-top:22px}.hero-foot b{font-family:var(--num);color:var(--brand)}
.steps{border:0;padding:5px;border-radius:12px;background:#eaf0fa;gap:5px}.steps span{text-align:center;padding:10px 0;border-radius:9px}.steps .active{background:#fff;color:var(--brand);box-shadow:0 1px 4px #1b31590c}
.card{border-radius:16px;box-shadow:0 1px 2px #1018280a,0 3px 16px #1b31590d;scroll-margin-top:20px}.primary,.secondary,input,select{border-radius:12px}.primary{box-shadow:0 2px 8px #0054ff20}.secondary{background:#fff}.secondary:hover{background:var(--brand-softer);border-color:var(--brand-border)}
.pill{border-radius:7px;color:#003a9f}.pill.success{color:#16855d}.score strong,.metrics b,.invite-code strong{font-family:var(--num);font-variant-numeric:tabular-nums}.invite-code strong{color:#003a9f}.selected-job{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--brand-softer);border:1px solid var(--brand-soft);border-radius:12px;padding:16px;margin:0 0 24px}.selected-job>div{min-width:0}.selected-job span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.selected-job strong{font-size:16px;color:#003a9f}.selected-job p{font-size:12px;color:var(--muted);margin:4px 0 0;overflow-wrap:anywhere}.selected-job button{white-space:nowrap}.result-job{padding:14px 16px;background:var(--brand-softer);border-radius:10px;font-size:13px;color:#003a9f}
@media(max-width:640px){.site-header-inner{min-height:96px}.site-links a{flex:none;padding:0 16px}.site-links a:first-child{margin-right:8px}.mode-banner{margin-top:16px;font-size:11px}.hero{padding:6px 0 24px}h1{font-size:28px}.intro{font-size:13px}.card{padding:22px 18px}.steps{gap:3px}.steps span{font-size:12px}}


/* Inline required-field feedback stays in normal flow at narrow widths. */
.field-error{color:#b42318;font-size:14px;line-height:1.5;margin:6px 0 12px;overflow-wrap:anywhere}
.field-error[hidden]{display:none}
select[aria-invalid="true"],input:not([type="checkbox"])[aria-invalid="true"]{border-color:#b42318}
.site-links #reset-demo{min-height:40px;padding:8px 12px;white-space:nowrap}