.salary-tool{margin-top:1.2rem;padding:1.35rem}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tool-control{display:block}.tool-control>span:first-child{display:block;font-weight:850;color:#f8fafc}.tool-control small{display:block;color:#8398ad;min-height:2.4em;margin-top:.15rem}.tool-input{display:flex;align-items:center;margin-top:.5rem;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:#081525;overflow:hidden}.tool-input:focus-within{border-color:rgba(88,214,255,.55);box-shadow:0 0 0 3px rgba(88,214,255,.1)}.tool-input .prefix{padding-left:.9rem;color:#6f879e;font-weight:800}.tool-input input,.tool-input select{width:100%;border:0;outline:0;padding:.92rem .9rem;font:inherit;font-size:16px;background:#081525;color:#fff}.tool-input input{padding-left:.45rem}.tool-input select{appearance:auto}.tool-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.option-toggle{display:flex;align-items:flex-start;gap:.7rem;padding:.9rem 1rem;border-radius:15px;border:1px solid rgba(148,163,184,.18);background:#0b1727;cursor:pointer}.option-toggle input{width:18px;height:18px;margin-top:.15rem;accent-color:#7cf29a}.option-toggle strong,.option-toggle span{display:block}.option-toggle strong{color:#f8fafc}.option-toggle span{margin-top:.15rem;color:#8499ae;font-size:.82rem;line-height:1.45}.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.offer-card{padding:1rem;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:#091525}.offer-card h3{margin:.1rem 0 .8rem}.offer-card .tool-grid{grid-template-columns:1fr}.offer-output{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.9rem}.offer-output div{padding:.75rem;border-radius:13px;background:#0c1a2c;border:1px solid rgba(148,163,184,.1)}.offer-output span,.offer-output strong{display:block}.offer-output span{font-size:.76rem;color:#8298ad}.offer-output strong{margin-top:.15rem;font-size:1.05rem}.comparison-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1rem}.comparison-summary>div{padding:1rem;border-radius:15px;background:#0b1727;border:1px solid rgba(124,242,154,.15)}.comparison-summary span,.comparison-summary strong,.comparison-summary small{display:block}.comparison-summary span{color:#8499ae;font-size:.78rem}.comparison-summary strong{margin-top:.2rem;font-size:1.2rem}.comparison-summary small{margin-top:.2rem;color:#70869a}.tool-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1.2rem}.tool-result{padding:1rem;border-radius:17px;border:1px solid rgba(148,163,184,.18);background:#0b1727}.tool-result span{display:block;color:#8fa5ba;font-size:.82rem}.tool-result strong{display:block;margin-top:.2rem;font-size:clamp(1.25rem,2.2vw,1.65rem);letter-spacing:-.035em}.tool-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:.8rem}.tool-breakdown div{padding:.9rem;border-radius:14px;background:#0c1a2c;border:1px solid rgba(148,163,184,.12)}.tool-breakdown span,.tool-breakdown strong{display:block}.tool-breakdown span{color:#8095aa;font-size:.78rem}.tool-breakdown strong{margin-top:.18rem;font-size:1.12rem}.popular-links{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}.popular-links a{padding:.5rem .7rem;border:1px solid rgba(148,163,184,.18);border-radius:999px;text-decoration:none;color:#c8d7e7;background:#0b1727;font-weight:750;font-size:.84rem}.popular-links a:hover{border-color:rgba(124,242,154,.35);color:#fff}.tool-actions{display:flex;gap:.7rem;margin-top:1rem}.tool-error{color:#fecdd3;background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.22);padding:.7rem .8rem;border-radius:12px;font-weight:750}.seo-copy{margin-top:1rem}.seo-copy h2{margin-top:0}.seo-copy h3{margin-bottom:.3rem}.seo-copy p,.seo-copy li{color:#98acc0}@media(max-width:850px){.tool-grid,.tool-results,.tool-options,.comparison-summary{grid-template-columns:1fr 1fr}.tool-breakdown{grid-template-columns:1fr}.offer-grid{grid-template-columns:1fr}}@media(max-width:560px){.tool-grid,.tool-results,.tool-options,.comparison-summary,.offer-output{grid-template-columns:1fr}.salary-tool{padding:1rem}}
