/* Shared calculator treatment: existing site typography, hero and navigation. */
.content section{scroll-margin-top:120px}.toolField{min-width:0}.toolTotal{min-width:0}.toolTotal strong{overflow-wrap:anywhere}.toolResults table{table-layout:fixed}.toolResults th,.toolResults td{overflow-wrap:anywhere}.tableWrap:focus-visible{outline:2px solid #94cbbf;outline-offset:3px}.toolInsight{margin:14px 0 0;padding:12px 0 0;border-top:1px solid #33404e;color:#c8ded9;font-size:13px;line-height:1.6}.toolAssumptions{font-size:12px;color:#b2c5d9;margin:12px 0 0}.toolAdvanced summary{min-height:44px;display:flex;align-items:center}.toolAdvanced summary::before{content:"+";font-size:18px;margin-right:10px;color:#b8ccc7}.toolAdvanced[open] summary::before{content:"−"}.toolAdvanced summary::-webkit-details-marker{display:none}.toolAdvanced summary::marker{content:""}
@media(max-width:360px){body[data-salary-tool] .topbarOuter .trustPill{display:none!important}.toolTotal strong{font-size:21px!important}.toolTotal:first-child strong{font-size:30px!important}}
html{height:auto;min-height:100%;overflow-x:clip}body{height:auto;min-height:100vh;overflow-x:clip;background:#060914;isolation:isolate}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1100px 720px at 14% -12%,rgba(124,92,255,.30),transparent 62%),radial-gradient(1100px 720px at 90% -6%,rgba(39,217,255,.22),transparent 62%),radial-gradient(1200px 820px at 52% 115%,rgba(57,249,166,.12),transparent 66%),linear-gradient(180deg,#050610,#070a18 48%,#050812)}
.salaryTool{scroll-margin-top:90px;border:1px solid #34404f;border-radius:20px;background:linear-gradient(180deg,#1c2633,#0d141d);overflow:hidden;margin:20px 0}
.toolHeading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;border-bottom:1px solid #33404e}
.toolHeading h2{font-family:var(--display);font-size:21px;margin:0}.yearBadge{font-size:13px;white-space:nowrap;border:1px solid #465763;border-radius:99px;padding:7px 12px;color:#cadde5}
.toolBody{padding:24px 26px}.toolInputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.toolInputs.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.toolField label{display:block;font-size:14px;line-height:1.5;margin-bottom:8px;color:#dce4f1}.toolField input,.toolField select{width:100%;min-height:50px;border:1px solid #526170;border-radius:9px;padding:12px;color:#f3f7ff;background:#121b25;font-family:var(--ui);font-size:17px;outline-offset:3px}.toolField input:focus,.toolField select:focus{outline:2px solid #8ec7bd}.toolField small{display:block;font-size:12px;line-height:1.5;color:#a7b6c9;margin-top:6px}
.toolResults{margin:24px 0 0;padding:24px 0;border-top:1px solid #33404e;border-bottom:1px solid #33404e}.toolTotals{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}.toolTotal span{font-size:14px;color:#b4c5da;display:block}.toolTotal strong{display:block;font-family:var(--display);font-size:30px;letter-spacing:-.03em;margin:9px 0;color:#f2f6fc}.toolTotal:first-child strong{font-size:42px;color:#94cbbf}.toolTotal small{font-size:12px;color:#a3b5ca}.toolEquation{font-size:13px;color:#afc1d6;margin:18px 0 0;line-height:1.6}
.toolAdvanced{border-bottom:1px solid #33404e;padding:16px 0}.toolAdvanced summary{cursor:pointer;font-size:14px;font-weight:600;min-height:28px;padding:5px 0}.toolAdvanced[open] summary{margin-bottom:18px}.toolAdvanced .toolInputs{gap:16px}.toolAdvanced p{font-size:13px;line-height:1.6;color:#b5c2d5}
.toolActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.toolButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid #596a78;border-radius:9px;background:transparent;color:#e6edf8;font:600 13px var(--ui);cursor:pointer;text-decoration:none}.toolButton.primary{color:#081718;background:#91c7bb;border-color:#91c7bb}.toolButton:hover{filter:brightness(1.1)}.toolStatus{font-size:13px;min-height:1.5em;color:#afd4cb;margin-top:10px}.toolError{color:#ffd4bd;font-size:14px;line-height:1.5;margin:16px 0}.toolWarning{padding:12px;border-left:3px solid #dcbb78;font-size:13px;line-height:1.6;color:#e7d5b0;background:#29271f;margin-top:16px}.toolNote{font-size:12px;line-height:1.6;color:#a9b7cb;margin:16px 0 0}.toolResults table{width:100%;border-collapse:collapse;font-size:13px;margin-top:20px}.toolResults th,.toolResults td{text-align:right;padding:10px 5px;border-bottom:1px solid #2f3b49}.toolResults th:first-child,.toolResults td:first-child{text-align:left}.toolResults th{font-weight:500;color:#acbfd3}.toolResults [hidden],.salaryTool [hidden]{display:none!important}
.content .editorial{font-size:12px;color:#b1c1d6}.content .formula{font-family:var(--display);font-size:18px;line-height:1.5;color:#d2eee7}.content a{color:#b9e7e7}.toolNoScript{margin:20px;padding:16px;background:#222d3e}
@media(max-width:680px){.toolHeading{padding:17px}.toolHeading h2{font-size:18px}.toolBody{padding:18px}.toolInputs,.toolInputs.two{grid-template-columns:1fr;gap:16px}.toolTotals{grid-template-columns:1fr 1fr;gap:20px}.toolTotal:first-child{grid-column:1/-1}.toolTotal strong{font-size:25px}.toolTotal:first-child strong{font-size:39px}.toolResults{margin-top:22px;padding:20px 0}.yearBadge{font-size:12px;padding:6px 10px}.seoHero{padding:18px!important}.seoHero h1{font-size:30px!important;line-height:1.12!important}.seoHero p{font-size:14px!important;line-height:1.6!important}.seoNearby{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:10px!important}.seoNearby a{font-size:12px!important}.toolResults table{font-size:12px}.toolActions{gap:9px}.toolActions .primary{flex:1 1 100%}.salaryTool{scroll-margin-top:75px}.content section{padding:17px}.content .dataTable th,.content .dataTable td{padding:9px 6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body[data-salary-tool] .seoHero .seoNearby{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}body[data-salary-tool] .seoHero .seoNearby a{flex:0 1 auto!important;width:auto!important;min-width:0!important;padding:8px 10px!important;min-height:0!important;border-radius:99px!important;box-shadow:none!important;background:rgba(255,255,255,.04)!important;font-size:12px!important}body[data-salary-tool] .seoHero .seoNearby a::after{display:none!important}

body[data-salary-tool] .toolAdvanced summary{min-height:44px}.qaDataTable{min-width:540px}.qaDataTable caption{text-align:left;padding:10px;font-size:12px;color:#afc3d8}.qaDataTable tbody th{font-size:13px;background:none;color:#eef3fc}.toolAssumptions{overflow-wrap:anywhere}

.toolStatus:empty{display:none}.toolResults[hidden]{display:none!important}

/* Shared header supplies the fixed-header offset through scroll-padding. */
html body[data-salary-tool] #calculator,html body[data-salary-tool] .content section{scroll-margin-top:0!important}

/* Match the established hourly conversion tools. */
.salaryTool{max-width:900px;margin:24px auto 0;border-radius:16px;background:#141d2b;box-shadow:none}
.toolHeading{padding:24px 28px 20px}
.toolHeading h2{display:flex;align-items:center;gap:10px;font:700 18px/1.4 var(--ui)}
.toolIcon{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.toolHeading h2 .toolIcon{width:22px;height:22px;color:#a0e1d3}
.yearBadge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#202e3a;border-color:#425361;color:#c4d8df;font-size:12px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}
.yearBadge .toolIcon{width:14px;height:14px;color:#a0b9c3}
.toolBody{padding:24px 28px}
.toolField input{background:#101722;border-color:#536174;border-radius:8px;font-weight:600;font-size:20px}
.toolField select{background:#101722;border-color:#536174;border-radius:8px;font-size:16px}
.toolField input:focus,.toolField select:focus{outline-color:#7dd3c8}
.toolTotal strong{font-variant-numeric:tabular-nums}
.toolTotal:first-child strong{color:#a0e1d3}
.toolTotal+.toolTotal{padding-left:24px;border-left:1px solid #34404f}
.toolButton{border-color:transparent;border-radius:8px;color:#c3cfdd}
.toolButton.primary{background:#9cded1;border-color:#9cded1;color:#10252a}
.toolButton:hover{filter:none;background:#263346;color:#fff}
.toolButton.primary:hover{background:#b3ecdf;color:#10252a}
.toolButton:focus-visible{outline:2px solid #b3ecdf;outline-offset:3px}
@media(min-width:681px) and (max-width:900px){.toolBody>.toolInputs label{min-height:42px;display:flex;align-items:center}}
@media(max-width:680px){
 .toolHeading{padding:20px;align-items:flex-start;gap:12px}.toolHeading h2{font-size:16px}
 .toolBody{padding:20px}.toolTotal:nth-child(2){padding-left:0;border-left:0}.toolTotal:nth-child(3){padding-left:20px}
 .toolTotal+.toolTotal>span{min-height:2.8em;line-height:1.4}
 .toolBody>.toolInputs{grid-template-columns:1fr 1fr;align-items:start}.toolBody>.toolInputs>.toolField:first-child{grid-column:1/-1}
 .toolBody>.toolInputs label{min-height:42px;display:flex;align-items:center}.toolBody>.toolInputs>.toolField:first-child label{min-height:0}
}
@media(max-width:360px){
 .toolHeading{padding:17px}.toolBody{padding:17px}.toolTotals{grid-template-columns:1fr}
 .toolTotal:nth-child(2),.toolTotal:nth-child(3){padding:16px 0 0;border-left:0;border-top:1px solid #34404f}
 .toolBody>.toolInputs{grid-template-columns:1fr}.toolBody>.toolInputs label{min-height:0}
}

/* Match the existing salary page's hero and card surfaces. */
body[data-salary-tool] .page{max-width:1220px;padding:18px 16px 46px}
body[data-salary-tool] .seoHero h1{font-family:var(--ui);font-weight:700;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.08;letter-spacing:normal}
body[data-salary-tool] .seoHero .seoAnswerItem{padding:14px 16px;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.04)}
body[data-salary-tool] .seoHero .seoAnswerItem .k{font-size:.78rem;letter-spacing:.02em;color:#9fb0d4;margin-bottom:6px}
body[data-salary-tool] .seoHero .seoAnswerItem .v{font-size:1.05rem;line-height:1.32;font-weight:700}
body[data-salary-tool] .seoHero .seoNearby a{padding:10px 14px!important;font-size:16px!important;font-weight:400!important;background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.1)!important;color:#dfe8fb!important}
body[data-salary-tool] .salaryTool{border-color:rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:var(--shadow)}
body[data-salary-tool] .toolHeading{background:linear-gradient(90deg,rgba(124,92,255,.20),rgba(39,217,255,.14),rgba(57,249,166,.11));border-bottom-color:rgba(255,255,255,.1)}
body[data-salary-tool] .toolHeading h2 .toolIcon,body[data-salary-tool] .toolTotal strong{color:#f4f7ff}
body[data-salary-tool] .toolTotal strong{font-family:var(--ui)}
body[data-salary-tool] .toolTotal span,body[data-salary-tool] .toolTotal small{color:#becde2}
body[data-salary-tool] .toolField input,body[data-salary-tool] .toolField select{background:rgba(0,0,0,.17);border-color:rgba(255,255,255,.16);color:#f4f7ff}
body[data-salary-tool] .yearBadge{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);color:#becde2}
body[data-salary-tool] .toolButton.primary{color:#f4f7ff;border-color:rgba(39,217,255,.3);background:linear-gradient(90deg,rgba(124,92,255,.36),rgba(39,217,255,.24))}
body[data-salary-tool] .toolButton.primary:hover{color:#fff;background:linear-gradient(90deg,rgba(124,92,255,.46),rgba(39,217,255,.32))}
.toolLabelRow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.toolLabelRow label{margin:0!important;min-width:0;min-height:0!important}
.toolBody>.toolInputs .toolLabelRow,.toolBody>.toolInputs>.toolField>label{min-height:44px;display:flex;align-items:center}
.toolHelpButton{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:8px;background:transparent;color:#becde2;cursor:pointer}
.toolHelpButton .toolIcon{width:20px;height:20px}
.toolHelpButton:hover,.toolHelpButton[aria-expanded="true"]{background:rgba(255,255,255,.06);color:#f4f7ff}
.toolHelpButton:focus-visible{outline:2px solid #a0e1d3;outline-offset:2px}
.toolHelpPanel{padding:14px 16px;margin:12px 0 0;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04);color:#becde2;min-width:0;overflow-wrap:anywhere}
.toolHelpPanel p,.toolAdvanced .toolHelpPanel p{font:400 12.5px/1.7 var(--ui);color:#becde2;margin:0 0 12px;padding:0;border:0}
.toolHelpPanel p:last-child{margin-bottom:0}
.toolResultContext{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 0;font-size:13px;line-height:1.65;color:#becde2}
.toolResultContext>span{min-width:0}
.toolBreakdown{margin-top:14px;padding:8px 0 0;border-bottom:0}
.toolBreakdown summary{font-weight:600}
.toolTableLabel{display:none}
@media(max-width:600px){
 .toolBreakdown table,.toolBreakdown tbody{display:block;width:100%;min-width:0}
 .toolBreakdown thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .toolBreakdown tbody tr{display:block;padding:12px 0;border-top:1px solid #33404e}
 .toolBreakdown tbody th[scope="row"]{display:block;padding:0 0 8px;border:0;text-align:left;font-weight:600;line-height:1.5}
 .toolBreakdown tbody td{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border:0;min-width:0;font-size:13px;line-height:1.5}
 .toolBreakdown .toolTableLabel{display:block;color:#becde2}
 .toolTableValue{text-align:right;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
}
@media(max-width:360px){
 .toolHeading{flex-wrap:wrap;gap:10px}
 .toolHeading h2{flex:1 1 100%}
 .toolHeading .yearBadge{margin-left:32px}
}
@media(max-width:680px){
 body[data-salary-tool] .page{padding-top:18px}
 body[data-salary-tool] .seoHero{padding:18px!important;border-radius:18px!important}
 body[data-salary-tool] .seoHero h1{font-size:30px!important;line-height:1.1!important}
 body[data-salary-tool] .seoHero p{font-size:14px!important;line-height:1.55!important}
 body[data-salary-tool] .seoHero .seoAnswerBox{display:none!important}
 body[data-salary-tool] .seoHero .seoNearby a{font-size:11px!important;padding:6px 8px!important}
 .toolBody>.toolInputs .toolLabelRow{min-height:44px}
 .toolHelpPanel{padding:12px;margin-top:10px}
 body[data-salary-tool] .toolField input{font-size:18px}
 body[data-salary-tool] .toolTotal strong{font-size:23px;line-height:1.3;letter-spacing:-.02em}
 body[data-salary-tool] .toolTotal:first-child strong{font-size:32px}
}

/* A clear output panel, with one lead figure and aligned monthly totals. */
body[data-salary-tool] .toolResultsPanel{margin-top:24px;padding:20px;border:1px solid #42516a;border-radius:14px;background:#111c2b}
.toolResultHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.toolResultHead h3{margin:0;font:700 16px/1.4 var(--ui);color:#f4f7ff}
.toolResultHead .toolHelpButton{border-radius:50%;margin:-8px -8px -8px 0}
.toolResultsPanel>.toolHelpPanel{margin:0 0 18px}
body[data-salary-tool] .toolResultsPanel .toolTotals{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
body[data-salary-tool] .toolResultsPanel .toolTotal{padding:0;border:0;min-width:0}
body[data-salary-tool] .toolResultsPanel .toolTotalPrimary{grid-column:1/-1;padding-bottom:18px;border-bottom:1px solid #344458}
body[data-salary-tool] .toolResultsPanel .toolTotal>span{font-size:13px;line-height:1.5;min-height:0;color:#b9c9dd}
body[data-salary-tool] .toolResultsPanel .toolTotal:not(.toolTotalPrimary)>span{min-height:0}
body[data-salary-tool] .toolResultsPanel .toolTotal strong{margin:6px 0 0;font:700 23px/1.3 var(--ui);letter-spacing:-.02em;color:#f4f7ff;font-variant-numeric:tabular-nums}
body[data-salary-tool] .toolResultsPanel .toolTotalPrimary strong{font-size:34px!important;margin:7px 0}
body[data-salary-tool] .toolResultsPanel .toolTotal small{display:block;font:400 12px/1.6 var(--ui);color:#aebfd5}
.toolResultsPanel .toolResultContext{margin:16px 0 0;padding-top:14px;border-top:1px solid #344458;font-size:12px;line-height:1.6}
.toolTakeHome{margin-top:18px;padding-top:16px;border-top:1px solid #344458}
.toolTakeHome h4{margin:0 0 12px;font:600 13px/1.5 var(--ui);color:#e5edf7}
.toolTakeHomeComparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}
.toolTakeHomeComparison>div{min-width:0}
.toolTakeHomeComparison dt{font:400 12px/1.5 var(--ui);color:#b9c9dd}
.toolTakeHomeComparison dd{margin:6px 0 0;font:600 18px/1.4 var(--ui);color:#f4f7ff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.toolResultAdjustment{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;margin-top:14px;font:400 12px/1.6 var(--ui);color:#b9c9dd}
.toolResultAdjustment strong{font-size:15px;font-weight:600;color:#f4f7ff;font-variant-numeric:tabular-nums}
.toolResultsPanel .toolBreakdown{margin-top:18px;padding-top:8px;border-top:1px solid #344458}
.toolResultsPanel .toolBreakdown summary{font-size:13px}
.toolResultsPanel .toolFigure{white-space:nowrap}
@media(min-width:1000px){
 body[data-salary-tool] .toolResultsPanel .toolTotals{grid-template-columns:1.2fr 1fr 1fr;gap:24px}
 body[data-salary-tool] .toolResultsPanel .toolTotalPrimary{grid-column:auto;padding-bottom:0;border-bottom:0}
 body[data-salary-tool] .toolResultsPanel .toolTotal+.toolTotal{padding-left:24px;border-left:1px solid #344458}
}
@media(max-width:680px){
 body[data-salary-tool] .toolResultsPanel{padding:18px;margin-top:22px}
 body[data-salary-tool] .toolResultsPanel .toolTotals{gap:16px}
 body[data-salary-tool] .toolResultsPanel .toolTotal strong{font-size:21px}
 body[data-salary-tool] .toolResultsPanel .toolTotal:not(.toolTotalPrimary)>span{min-height:3em}
 body[data-salary-tool] .toolResultsPanel .toolTotalPrimary strong{font-size:30px!important}
 .toolTakeHomeComparison{gap:16px}
 .toolTakeHomeComparison dd{font-size:17px}
 body[data-salary-tool] .toolResultsPanel .toolTotal strong.toolFigureLong{font-size:17px}
 body[data-salary-tool] .toolResultsPanel .toolTotalPrimary strong.toolFigureLong{font-size:26px!important}
 .toolTakeHomeComparison dd.toolFigureLong{font-size:15px}
}
@media(max-width:360px){
 body[data-salary-tool] .toolResultsPanel{padding:14px}
 body[data-salary-tool] .toolResultsPanel .toolTotals{gap:14px}
 body[data-salary-tool] .toolResultsPanel .toolTotal strong{font-size:18px!important}
 body[data-salary-tool] .toolResultsPanel .toolTotalPrimary strong{font-size:28px!important}
 body[data-salary-tool] .toolResultsPanel .toolTotal>span{font-size:12px}
 .toolTakeHomeComparison{gap:14px}
 .toolTakeHomeComparison dd{font-size:15px}
 body[data-salary-tool] .toolResultsPanel .toolTotal strong.toolFigureLong{font-size:14px!important}
 body[data-salary-tool] .toolResultsPanel .toolTotalPrimary strong.toolFigureLong{font-size:24px!important}
 .toolTakeHomeComparison dd.toolFigureLong{font-size:13px}
}