/* 1단계(분야)와 2단계(계산기)를 명확히 구분하는 홈 계산기 탐색 */
.home-simple .calc-step-heading{display:flex;align-items:center;gap:9px;margin:20px 22px 9px;color:#173b5f}
.home-simple .calc-step-heading--tools{margin-top:17px;padding-top:16px;border-top:1px solid #e1e9f1}
.home-simple .calc-step-number{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#173b5f;color:#fff;font-size:12px;font-weight:900}
.home-simple .calc-step-heading strong{display:block;font-size:14px;font-weight:900;letter-spacing:-.02em}
.home-simple .calc-step-heading small{display:block;margin-top:1px;color:#708397;font-size:12px;font-weight:700}
.home-simple .calc-tabs{gap:8px;padding:0 22px 20px;background:#fff;border-bottom:1px solid #dfe7f0}
.home-simple .calc-tab{display:flex;align-items:center;justify-content:center;min-height:54px;padding:10px 8px;border:1px solid #dbe5ee;border-radius:10px;background:#f8faff;color:#546779;white-space:normal;line-height:1.25}
.home-simple .calc-tab[hidden]{display:none!important}
.home-simple .calc-tab.is-active{border-color:var(--accent);box-shadow:inset 0 -4px var(--accent),0 7px 14px color-mix(in srgb,var(--accent) 13%,transparent)}
.home-simple .calc-tab:hover,.home-simple .calc-tab:focus-visible{border-color:var(--accent);box-shadow:0 5px 12px color-mix(in srgb,var(--accent) 13%,transparent)}
.home-simple .inline-calc-head .inline-form-label{color:#526d84;font-size:13px;font-weight:800;letter-spacing:0}
.home-simple .inline-guidance{margin-top:16px;padding:0 16px 15px;border:1px solid #dbe5ee;border-radius:11px;background:#f8faff}
.home-simple .inline-guidance summary{padding:15px 0;color:#173b5f;font-size:14px;font-weight:900;cursor:pointer}
.home-simple .inline-guidance p{margin:0 0 13px;color:#526d84;font-size:13px;line-height:1.6}
.home-simple .inline-guidance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.home-simple .inline-guidance-grid label{display:grid;gap:6px;color:#38546b;font-size:12px;font-weight:900}
.home-simple .inline-guidance-grid select{width:100%;min-height:43px;padding:0 10px;border:1px solid #cbd8e5;border-radius:8px;background:#fff;color:#173b5f;font:inherit;font-size:13px;font-weight:800}
.home-simple .inline-secondary{width:100%;min-height:44px;margin-top:13px;border:1px solid var(--accent);border-radius:9px;background:#fff;color:var(--accent);font:inherit;font-size:14px;font-weight:900;cursor:pointer}
.home-simple .inline-secondary:hover,.home-simple .inline-secondary:focus-visible{background:var(--tint);outline:none}
.home-simple .inline-source-link{display:inline-block;margin-top:11px;color:var(--accent);font-size:12px;font-weight:900;text-decoration:none}
@media(max-width:620px){.home-simple .inline-guidance{padding:0 13px 13px}.home-simple .inline-guidance-grid{grid-template-columns:1fr}}
@media(max-width:800px){.home-simple .calc-tabs{padding:0 12px 16px}.home-simple .calc-tab{min-width:142px}}
@media(max-width:620px){.home-simple .calc-step-heading{margin:14px 12px 8px}.home-simple .calc-step-heading--tools{margin-top:13px;padding-top:13px}.home-simple .calc-step-heading strong{font-size:13px}.home-simple .calc-step-heading small{font-size:11px}}
.home-simple .calc-tab[data-calc-tab="payroll"]{--accent:#2563eb;--tint:#eff6ff}.inline-calc-panel[data-calc-panel="payroll"]{--accent:#2563eb;--tint:#eff6ff;--border:#bfdbfe}

/* 퇴사 뒤 도구도 기존 계산기와 구분되는 색으로 표시한다. */
.home-simple .calc-tab[data-calc-tab="notice"]{--accent:#c66119;--tint:#fff5eb}
.home-simple .calc-tab[data-calc-tab="unemployment"]{--accent:#d35b29;--tint:#fff4ee}
.home-simple .calc-tab[data-calc-tab="payslip"]{--accent:#a44b72;--tint:#fff3f8}
.inline-calc-panel[data-calc-panel="notice"]{--accent:#c66119;--tint:#fff5eb;--border:#fed7aa}
.inline-calc-panel[data-calc-panel="unemployment"]{--accent:#d35b29;--tint:#fff4ee;--border:#fed7aa}
.inline-calc-panel[data-calc-panel="payslip"]{--accent:#a44b72;--tint:#fff3f8;--border:#f5c2d8}
.inline-fields input[type="number"]{padding-right:8px}
@media(max-width:620px){.home-simple .calc-groups{grid-template-columns:repeat(2,1fr)}}

/* 탭 제목은 한 줄로 읽히게 하고, 긴 항목은 너비를 확보한다. */
.home-simple .calc-tab{white-space:nowrap}
.home-simple .calc-tab[data-calc-tab="payslip"]{min-width:190px}

/* 상세 화면의 모바일 상단 메뉴는 넘치지 않도록 핵심 이동만 남긴다. */
@media(max-width:620px){
  body[data-tool] .top-nav a:not(:first-child){display:none}
  body[data-tool] .top-nav{margin-left:auto}
}