.employment-cost-hero .employment-cost-source-note{display:inline-flex;gap:6px;align-items:center;margin-top:14px;padding:9px 12px;border:1px solid #cde9ec;background:#f2fbfc;border-radius:999px;color:#315b6d;font-size:.88rem}
.employment-cost-section{padding-top:26px}
.employment-cost-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);gap:22px;align-items:start}
.employment-cost-form-card{width:100%;max-width:none;padding:24px}
.employment-cost-card-head{margin-bottom:18px}.employment-cost-card-head h2{margin:5px 0 7px}.employment-cost-card-head p{margin:0;color:var(--muted)}
.employment-input-suffix{display:flex;align-items:stretch}.employment-input-suffix input{border-radius:11px 0 0 11px!important}.employment-input-suffix span{display:grid;place-items:center;min-width:54px;padding:0 12px;border:1px solid #c9dbe3;border-left:0;border-radius:0 11px 11px 0;background:#f6fafb;color:#486779;font-weight:800}
.employment-private-note{margin:0;text-align:center}
.employment-cost-result{position:sticky;top:88px;padding:24px;border-radius:20px}
.employment-cost-result>h2{margin:5px 0 8px}
.employment-cost-total{padding:19px 0 14px;border-bottom:1px solid var(--line)}.employment-cost-total strong{display:block;font-size:clamp(2.25rem,5vw,3.25rem);letter-spacing:-.055em;color:var(--navy);line-height:1}.employment-cost-total span{display:block;margin-top:7px;color:var(--muted)}
.employment-smi-status{margin:14px 0 0;padding:11px 12px;border-radius:12px;background:#f2fbfc;color:#315b6d;font-size:.88rem;line-height:1.45}.employment-smi-status.is-warning{background:#fff8e7;color:#76561a;border:1px solid #f3d68a}.employment-smi-status.is-ok{border:1px solid #cde9ec}
.employment-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.employment-metric{padding:13px;border:1px solid var(--line);border-radius:14px;background:#fbfdfe}.employment-metric span{display:block;font-size:.78rem;color:var(--muted);margin-bottom:5px}.employment-metric strong{font-size:1.2rem;color:var(--navy)}.employment-metric small{margin-left:3px;color:var(--muted)}
.employment-breakdown{margin-top:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.employment-breakdown summary{cursor:pointer;font-weight:850;color:var(--navy)}.employment-breakdown-lines{display:grid;gap:8px;margin:12px 0}.employment-breakdown-lines div{display:flex;justify-content:space-between;gap:14px}.employment-breakdown-lines span{color:var(--muted)}.employment-breakdown-lines strong{color:var(--navy);white-space:nowrap}
.employment-result-cta{margin-top:18px;padding:18px;border-radius:16px;background:linear-gradient(145deg,#f2fbfc,#f8fcfd);border:1px solid #cde9ec}.employment-result-cta h3{margin:5px 0 7px}.employment-result-cta p{color:#567487;line-height:1.55}.employment-result-cta .btn{width:100%;justify-content:center;margin-top:8px}
.employment-cost-copy{padding-top:48px}.employment-cost-notice{margin:28px 0}
@media (max-width:900px){.employment-cost-layout{grid-template-columns:1fr}.employment-cost-result{position:static}.employment-cost-form-card,.employment-cost-result{padding:20px}}
@media (max-width:600px){.employment-cost-hero .employment-cost-source-note{display:flex;border-radius:13px;align-items:flex-start}.employment-metric-grid{grid-template-columns:1fr}.employment-cost-layout{gap:14px}.employment-cost-form-card,.employment-cost-result{padding:16px}.employment-cost-total strong{font-size:2.35rem}.employment-result-cta{padding:15px}}
