.salary-calculator-screen{min-width:320px;background:#fff;color:var(--text-primary)}
.salary-calculator-page{width:min(100%,920px);margin:auto;padding:28px 20px calc(34px + var(--bottom-nav-total-height))}
body.app-has-footer .salary-calculator-page{padding-bottom:0}
.salary-calculator-hero{min-height:101px;margin-bottom:22px;padding-bottom:13px}
.salary-calculator-hero h1,.salary-calculator-info h2{margin:0;color:var(--text-primary);font-family:var(--font-sans);font-weight:var(--font-weight-bold)}
.salary-calculator-hero h1{font-size:var(--font-size-page-title);line-height:var(--line-height-page-title)}
.salary-calculator-hero p{max-width:50ch;margin:12px 0 0;color:var(--text-secondary);font-size:16px;line-height:1.45}
.salary-calculator-card{display:grid;gap:22px}
.salary-calculator-form,.salary-calculator-result-column{display:grid}
.salary-calculator-fields{display:grid;gap:14px}
.salary-calculator-field{display:grid;gap:7px;color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.3}
.salary-calculator-field input{width:100%;height:50px;padding:0 14px;border:1px solid rgba(0,0,0,.13);border-radius:14px;outline:0;background:#fff;color:var(--text-primary);font:600 15px/1 var(--font-sans);transition:border-color .16s ease,box-shadow .16s ease}
.salary-calculator-field input::placeholder{color:#8a8a8f;font-size:15px;font-weight:400;opacity:1}
.salary-calculator-field input:focus{border-color:rgba(249,115,22,.72);box-shadow:0 0 0 3px rgba(249,115,22,.13)}
.salary-calculator-field input[aria-invalid="true"]{border-color:#dc2626}
.salary-calculator-field input[aria-invalid="true"]:focus{box-shadow:0 0 0 3px rgba(220,38,38,.12)}
.salary-calculator-field__error{color:#dc2626;font-size:13px;font-weight:400;line-height:1.25}
.salary-calculator-submit{width:100%;margin-top:18px}
.salary-calculator-result-column{gap:14px}
.salary-calculator-result{display:grid;justify-items:center;padding:22px 18px;border:1px solid rgba(249,115,22,.14);border-radius:20px;background:#fffaf6;text-align:center}
.salary-calculator-result__label,.salary-calculator-result__period,.salary-calculator-result__daily,.salary-calculator-disclaimer{margin:0}
.salary-calculator-result__label{color:var(--text-secondary);font-size:17px;font-weight:600}
.salary-calculator-result__amount{display:block;margin-top:8px;color:#f97316;font-family:var(--font-sans);font-size:clamp(36px,11vw,48px);font-weight:700;letter-spacing:-1px;line-height:1.05}
.salary-calculator-result__period{margin-top:4px;color:var(--text-secondary);font-size:14px}
.salary-calculator-result__daily{margin-top:15px;color:var(--text-primary);font-size:15px;font-weight:600}
.salary-calculator-cta{width:100%;text-align:center;text-decoration:none}
.salary-calculator-cta:focus-visible{outline:3px solid rgba(249,115,22,.55);outline-offset:3px}
.salary-calculator-disclaimer{color:var(--text-secondary);font-size:13px;line-height:1.45;text-align:center}
.salary-calculator-info{margin-top:28px;padding:20px;border:1px solid rgba(249,115,22,.13);border-radius:20px;background:#fff5eb}
.salary-calculator-info h2{font-size:var(--font-size-section-title);line-height:var(--line-height-section-title)}
.salary-calculator-info p{margin:10px 0 0;color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body)}
@media(min-width:700px){.salary-calculator-page{padding-top:42px}.salary-calculator-card{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:start;gap:34px;padding:28px;border:1px solid rgba(0,0,0,.07);border-radius:20px;background:#fff;box-shadow:0 7px 18px rgba(0,0,0,.06)}.salary-calculator-result-column{justify-items:center}.salary-calculator-cta{width:auto;min-width:270px}.salary-calculator-info{max-width:680px;margin-right:auto;margin-left:auto}}