.tool-page-section{background:var(--bg-soft)}.compensation-tool-shell{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);align-items:start;gap:28px;display:grid}.compensation-tool-card,.compensation-result-card{border:1px solid var(--line);background:#fff;border-radius:24px;box-shadow:0 18px 48px #0a1b3d0f}.compensation-tool-card{padding:clamp(22px,4vw,34px)}.tool-head h2{margin-top:16px;font-size:clamp(25px,3vw,34px)}.tool-head p{color:var(--ink-700);max-width:60ch;margin-top:14px}.tool-pill{background:var(--blue-50);min-height:30px;color:var(--blue-500);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.scope-box{background:var(--bg-soft);border-radius:18px;flex-direction:column;gap:12px;margin:24px 0 28px;padding:18px;display:flex}.scope-box span{color:var(--ink-500);font-size:13px;font-weight:600}.scope-box div{flex-wrap:wrap;gap:8px;display:flex}.scope-box em{border:1px solid var(--line);min-height:30px;color:var(--navy-900);background:#fff;border-radius:999px;align-items:center;padding:6px 11px;font-size:13px;font-style:normal;font-weight:600;display:inline-flex}.field-block>label,.field>label{color:var(--ink-700);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.compensation-spaced-block{margin-top:20px}.segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.segmented.three-options,.segmented.compact-ratios{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented.four-options{grid-template-columns:repeat(4,minmax(0,1fr))}.segmented button{border:1px solid var(--line);min-height:48px;color:var(--ink-700);transition:all .2s var(--ease);background:#fff;border-radius:14px;font-weight:600}.segmented button[data-active=true]{background:var(--blue-50);color:var(--blue-500);border-color:#2b5cc94d}.field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.transformer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.single-field-grid{grid-template-columns:minmax(0,1fr)}.ratio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--navy-900);font:inherit;background:#fff;border-radius:14px;padding:0 14px}.field input:focus{border-color:#2b5cc96b;outline:none;box-shadow:0 0 0 4px #2b5cc914}.survey-grid{gap:10px;display:grid}.survey-option{border:1px solid var(--line);min-height:48px;color:var(--ink-700);background:#fff;border-radius:14px;align-items:flex-start;gap:10px;padding:13px 14px;font-size:14px;font-weight:600;line-height:1.45;display:flex}.survey-option input{width:17px;min-width:17px;height:17px;accent-color:var(--blue-500);margin-top:2px}.tool-submit{justify-content:center;width:100%;min-height:52px;margin-top:28px}.compensation-result-card{padding:clamp(22px,4vw,30px);position:sticky;top:110px}.empty-state,.error-state{color:var(--ink-500);margin-top:20px}.error-state{color:var(--warn)}.result-hero{background:var(--navy-900);color:#fff;border-radius:18px;gap:8px;margin-top:20px;padding:20px;display:grid}.result-hero small{color:#b9c7e5;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600}.result-hero strong{font-family:Fraunces,serif;font-size:clamp(24px,2.8vw,31px);font-weight:500}.summary-note,.decision-note{background:var(--blue-50);color:var(--navy-900);border-radius:16px;margin-top:18px;padding:16px;font-size:14px;font-weight:600;line-height:1.6}.comparison-box,.warning-box,.recommendation-box{background:var(--bg-soft);border-radius:18px;margin-top:18px;padding:18px}.comparison-box h3,.warning-box h3,.recommendation-box h3{font-family:Inter,sans-serif;font-size:14px;font-weight:700}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.comparison-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;gap:6px;padding:14px;display:grid}.comparison-grid small{color:var(--ink-500);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.comparison-grid strong,.comparison-grid span{color:var(--navy-900)}.warning-box ul,.recommendation-box ul{color:var(--ink-700);gap:10px;margin:14px 0 0;padding-left:18px;display:grid}.transfer-button{width:100%;min-height:44px;color:var(--blue-500);transition:all .2s var(--ease);background:#fff;border:1px solid #2b5cc938;border-radius:14px;margin-top:12px;padding:0 14px;font-weight:700}.transfer-button:hover{background:var(--blue-50);border-color:#2b5cc959}.compensation-result-card dl{gap:0;margin:18px 0 0;display:grid}.compensation-result-card dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:14px 0;display:flex}.compensation-result-card dt{color:var(--ink-500);font-size:14px}.compensation-result-card dd{color:var(--navy-900);text-align:right;margin:0;font-size:14px;font-weight:700}.compensation-result-card dd[data-valid=true]{color:var(--ok)}.compensation-result-card dd[data-valid=false]{color:var(--warn)}.formula-box,.source-box{background:var(--bg-soft);border-radius:18px;margin-top:22px;padding:18px}.formula-box h3,.source-box h3{font-family:Inter,sans-serif;font-size:14px;font-weight:700}.formula-box p{color:var(--navy-900);margin-top:10px;font-size:18px;font-weight:700}.source-box p{color:var(--ink-500);margin-top:10px;font-size:13px;line-height:1.65}@media (width<=980px){.compensation-tool-shell{grid-template-columns:1fr}.compensation-result-card{position:static}.segmented.four-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.field-grid,.transformer-grid,.single-field-grid,.ratio-grid,.segmented,.segmented.three-options,.segmented.compact-ratios,.segmented.four-options,.comparison-grid{grid-template-columns:1fr}}
