/* 연금 받아도 피부양자 — 사이트 스타일
   색·글꼴 크기는 관리 화면 '설정·디자인'에서 정한 값이 <head>의 :root 변수로 들어옵니다.
   레이아웃: 한 단 본문(최대 760px) + 상단 머리글 + 하단 정책 링크 */
:root{
  --paper:#f4f6f8; --surface:#fff; --ink:#18222d; --sub:#4a5866; --line:#d8dfe6;
  --site-brand:#1d4ed8; --brand-ink:#16306b; --mark:#fff1b8;
  --f-body:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --f-head:"Gowun Batang","Nanum Myeongjo",serif;
  --base:18px;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:var(--base);line-height:1.75;word-break:keep-all;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto}
a{color:var(--site-brand);text-decoration:none}
/* 글 속 링크: 밑줄 대신 형광펜처럼 옅은 바탕 (마우스를 올리면 진해짐) */
:is(.post,.hero,.block,.note,.hi-result,.hi-disclaimer,.hi-hint,.hi-src,.quick-more) a{font-weight:600;color:var(--site-brand);background:linear-gradient(transparent 60%,color-mix(in srgb,var(--site-brand) 16%,transparent) 0);border-radius:2px;padding:0 1px;transition:background-color .15s}
:is(.post,.hero,.block,.note,.hi-result,.hi-disclaimer,.hi-hint,.hi-src,.quick-more) a:hover{background:color-mix(in srgb,var(--site-brand) 16%,transparent)}
:is(.plist,.chips,.pager,.eyebrow) a{background:none;font-weight:inherit;padding:0}
:is(.post,.hero,.block) a.tcard{background-image:none;font-weight:400}
.chips a,.pager a{padding:4px 14px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--site-brand);outline-offset:2px}
.wrap{max-width:1000px;margin:0 auto;padding-left:16px;padding-right:16px}
/* 글 본문·계산기는 읽기 편한 폭(760px)으로, 홈·가이드 목록·머리글은 넓게 */
main .wrap>.post:not(.list),main .wrap>.post:not(.list)+.block{width:100%;max-width:760px;margin-inline:auto}
.hero p{max-width:40em}
/* 큰 제목: 끊을 자리 덩어리 */
.tp{display:inline-block}.tsub{display:block;margin-top:.4em;font-family:var(--f-body);font-size:.58em;font-weight:500;line-height:1.45;color:var(--sub);text-wrap:balance}.tp.tp-free{display:inline}

/* 머리글 */
header.site{background:var(--surface);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding-block:14px}
.logo{font-family:var(--f-head);font-size:1.35em;font-weight:700;color:var(--brand-ink);text-decoration:none;line-height:1.3}
.logo b{font-weight:700;color:var(--site-brand)}
nav.main{display:flex;flex-wrap:wrap;gap:2px 16px;font-size:.9em}
nav.main a{color:var(--ink);text-decoration:none;padding-block:6px;border-bottom:2px solid transparent}
nav.main a.on{border-color:var(--site-brand);color:var(--brand-ink);font-weight:700}
.header-dark header.site{background:var(--brand-ink);border-color:var(--brand-ink)}
.header-dark .logo,.header-dark nav.main a,.header-dark nav.main a.on{color:#fff}
.header-dark .logo b{color:#fff}
.header-dark nav.main a.on{border-color:#fff}

main .wrap{display:flex;flex-direction:column;gap:24px;padding-block:28px 48px}

/* 홈 */
.hero{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:28px 24px}
.eyebrow{margin:0 0 6px;font-size:.78em;font-weight:700;color:var(--site-brand);letter-spacing:.04em}
.eyebrow a{text-decoration:none}
/* 가이드 글 위 '← 가이드 목록' 되돌아가기 */
.post .back{margin:0 0 10px;font-size:.85em}
.post .back a{display:inline-flex;align-items:center;min-height:32px;padding:0 12px 0 10px;margin-left:-2px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--sub);font-weight:500}
.post .back a:hover{border-color:var(--site-brand);color:var(--site-brand);background:var(--surface)}
.hero h1,.post h1{font-family:var(--f-head);font-size:clamp(1.55em,6vw,2.1em);line-height:1.3;margin:0 0 14px;color:var(--brand-ink);text-wrap:balance}
.hero p{margin:0 0 18px;color:var(--sub);text-wrap:pretty}
.btn{display:inline-block;background:var(--site-brand);color:#fff;text-decoration:none;font-weight:700;font-size:1.05em;padding:14px 24px;border-radius:8px}
.cards{display:grid;gap:14px}
.cards.layout-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.cards.layout-list{grid-template-columns:1fr}
.block .tcard,.tcard{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:18px;text-decoration:none;color:var(--ink)}
.block .tcard:hover,.tcard:hover{border-color:var(--site-brand);background:var(--surface)}
.tcard .tk{font-size:.72em;font-weight:700;color:var(--site-brand);letter-spacing:.04em}
.tcard strong{font-size:1.1em;color:var(--brand-ink)}
.tcard span:last-child{font-size:.85em;color:var(--sub);line-height:1.6}
.block h2{font-family:var(--f-head);font-size:1.35em;margin:0 0 8px;color:var(--brand-ink)}
.plist{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:6px}
.post .plist{padding-left:0}
.post .plist li{margin:0}
.plist li+li{border-top:1px solid var(--line)}
.plist a{display:flex;flex-direction:column;gap:2px;padding:14px 18px;text-decoration:none;color:var(--ink)}
.plist a strong{font-weight:500}
.plist a span{font-size:.82em;color:var(--sub);line-height:1.55}
.plist a:hover strong{color:var(--site-brand)}
.more{margin:10px 0 0;font-size:.9em}
.note{font-size:.78em;color:var(--sub);margin:0}

/* 글 */
.post{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:28px 24px;min-width:0}
.post h2{font-family:var(--f-head);font-size:1.35em;line-height:1.4;margin:1.6em 0 .5em;color:var(--brand-ink);text-wrap:balance}
.post h3{font-size:1.06em;margin:1.3em 0 .4em}
.post p,.post ul,.post ol{margin:0 0 1em}
.post ul,.post ol{padding-left:1.3em}
.post li{margin:.25em 0}
.post .meta{font-size:.83em;color:var(--sub);background:var(--paper);border-radius:6px;padding:12px 14px;margin:0 0 1.4em}
.post hr{border:0;border-top:1px solid var(--line);margin:1.6em 0}
.tbl{overflow-x:auto;margin:0 0 1.2em}
.post table{border-collapse:collapse;width:100%;font-size:.89em;font-variant-numeric:tabular-nums}
.post th,.post td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.post th{background:var(--paper)}
.post code{font-size:.9em;background:var(--paper);padding:1px 5px;border-radius:4px}
/* 글 속 그림과 정리 상자 */
.post .fig{margin:1.4em 0;display:flex;flex-direction:column;align-items:center;gap:8px}
.post .fig img{display:block;width:100%;max-width:420px;height:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.post .fig a{display:block;width:100%;max-width:420px;background:none;padding:0}
.post .fig figcaption{font-size:.82em;color:var(--sub);text-align:center}
@media (max-width:480px){.post .fig{margin-left:-14px;margin-right:-14px}.post .fig a,.post .fig img{max-width:none}.post .fig img{border-radius:8px}}
.post .take{margin:1.4em 0;padding:14px 16px;border-radius:10px;background:color-mix(in srgb,var(--site-brand) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--site-brand) 25%,var(--surface));line-height:1.75}
.post .take strong:first-child{color:var(--brand-ink)}
mark.ph{background:var(--mark);color:var(--ink);padding:0 4px;border-radius:3px}
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}
.pager a,.pager span{padding:0!important;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;text-decoration:none}
.pager span{background:var(--site-brand);color:#fff;border-color:var(--site-brand)}

/* 가이드 목록: 검색창·분류 버튼 */
.gsearch{margin:0 0 14px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.gsearch{position:relative}
.gsearch::before{content:"";position:absolute;left:15px;top:50%;width:13px;height:13px;margin-top:-9px;border:2px solid var(--sub);border-radius:50%;pointer-events:none}
.gsearch::after{content:"";position:absolute;left:27px;top:50%;width:2px;height:7px;margin-top:2px;background:var(--sub);transform:rotate(-45deg);pointer-events:none}
.gsearch input{width:100%;min-height:50px;font:inherit;padding:8px 14px 8px 42px;border:2px solid #9aa6b2;border-radius:8px;background:var(--surface);color:var(--ink)}
.gsearch input:focus{border-color:var(--site-brand);outline:none}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.chips a,.chips span{display:inline-flex;align-items:center;min-height:40px;padding:4px 14px;border:1px solid var(--line);border-radius:999px;font-size:.88em;text-decoration:none;color:var(--ink);background:var(--surface)}
.chips a:hover{border-color:var(--site-brand);color:var(--site-brand)}
.chips span{background:var(--site-brand);border-color:var(--site-brand);color:#fff;font-weight:700}
.gcount{font-size:.88em;color:var(--sub);margin:0 0 8px}
[hidden]{display:none!important}

/* 계산기 페이지: 계산기 안 제목은 페이지 제목과 겹치므로 숨기고, 버튼 색은 사이트 강조 색을 따름 */
.post.tool{padding:20px 8px}
.post.tool .tool-title,.post.tool .lede{padding:0 12px}
.post.tool .lede p{color:var(--sub);margin:0 0 4px}
.post.tool #hi-elig>h2,.post.tool #hi-safe>h2,.post.tool #hi-prem>h2{display:none}
body #hi-elig,body #hi-safe,body #hi-prem{--brand:var(--site-brand)}

/* 계산기 입력 영역: 본문 글과 구분되도록 옅은 강조색 바탕의 상자로 묶고, 질문마다 구분선을 둠 */
.post.tool :is(#hi-elig,#hi-safe,#hi-prem){--calc-bg:color-mix(in srgb,var(--site-brand) 7%,#fff);--calc-line:color-mix(in srgb,var(--site-brand) 28%,#fff);--line:#9aa6b2}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-lead{font-size:.85em;background:var(--calc-bg);border-left:4px solid var(--site-brand);border-radius:0 8px 8px 0;padding:8px 12px}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-form{background:var(--calc-bg);border:1px solid var(--calc-line);border-radius:14px;padding:0 16px 4px;margin:0 0 20px;overflow:hidden}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-form::before{content:"✎ 숫자를 입력하세요";display:block;margin:0 -16px 16px;padding:10px 16px;background:var(--site-brand);color:#fff;font-weight:700;font-size:.95em}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-person{background:#fff;border:1px solid var(--calc-line);padding:14px 14px 4px}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) legend{background:var(--brand-ink);color:#fff;border-radius:999px;padding:2px 14px;font-size:.95em}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-form .hi-field{border-bottom:1px solid var(--line-soft,#e3e8ee);padding-bottom:16px}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-form .hi-field:has(+ .hi-check){border-bottom:0;padding-bottom:0}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-form .hi-check:not(:has(+ .hi-check)){border-bottom:1px solid var(--line-soft,#e3e8ee);padding-bottom:14px}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-label{color:var(--brand-ink);font-size:1.05em}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) :is(input[type=text],select){background:#fff;border-color:#9aa6b2}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) :is(input[type=text],select):focus{border-color:var(--site-brand)}

/* 바닥글 */
footer.site{border-top:1px solid var(--line);background:var(--surface);font-size:.83em;color:var(--sub)}
footer.site .wrap{display:flex;flex-wrap:wrap;gap:6px 18px;padding-block:20px}
footer.site a{color:var(--sub)}
footer.site a:hover{color:var(--site-brand)}
footer.site p{flex-basis:100%;margin:6px 0 0;font-size:.9em}

/* 큰 글씨 고대비 */
.theme-contrast .post,.theme-contrast .hero,.theme-contrast .tcard,.theme-contrast .plist{border-width:2px}
.theme-contrast :is(.post,.hero,.hi-result,.hi-disclaimer) a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media (max-width:480px){
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem){padding-left:4px;padding-right:4px}
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-form{padding:0 12px 4px}
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-form::before{margin:0 -12px 14px;padding:10px 12px}
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-person{padding:12px 10px 4px}
}

/* 홈 빠른 계산 */
.quick{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;background:color-mix(in srgb,var(--site-brand) 7%,#fff);border:1px solid color-mix(in srgb,var(--site-brand) 28%,#fff);border-radius:10px;padding:16px}
.quick label{display:flex;flex-direction:column;gap:4px;min-width:0}
.quick label>span:first-child{font-size:.88em;font-weight:700;color:var(--brand-ink)}
.quick label{position:relative}
.quick label em{font-style:normal;font-weight:400;color:var(--sub)}
.quick select,.quick input{width:100%;min-height:52px;font:inherit;padding:8px 12px;border:2px solid #9aa6b2;border-radius:8px;background:#fff;color:var(--ink)}
.quick input{text-align:right}
.quick select:focus,.quick input:focus{border-color:var(--site-brand);outline:none}
.quick select.need{border-color:#b91c1c;background:#fef2f2}
.quick .btn{min-height:52px;border:0;cursor:pointer;font-family:inherit;white-space:nowrap}
.quick .quick-more{grid-column:1/-1;margin:0;font-size:.85em;color:var(--sub)}
@media (max-width:720px){.quick{grid-template-columns:1fr;row-gap:22px}.quick .btn{width:100%}}
.quick{row-gap:26px}
.quick .money-read{position:absolute;right:0;top:100%;margin-top:2px}

/* 금액 입력칸: 쉼표 + ▲▼ + 원 + 한글 금액 */
.money{display:flex;align-items:stretch;width:100%;border:2px solid #9aa6b2;border-radius:10px;background:#fff;overflow:hidden}
.money:focus-within{border-color:var(--site-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--site-brand) 22%,transparent)}
body .money input[type=text],.quick .money input,.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .money input[type=text]{flex:1 1 0;min-width:0;width:100%;border:0;border-radius:0;background:transparent;outline:none;box-shadow:none}
body .money input[type=text]:focus,.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .money input[type=text]:focus{outline:none}
.money-step{display:flex;flex-direction:column;border-left:1px solid #e3e8ee;flex:none}
.money-step button{flex:1;width:34px;padding:0;border:0;background:#fff;color:#7b8794;font-size:11px;line-height:1;cursor:pointer}
.money-step button+button{border-top:1px solid #e3e8ee}
.money-step button:hover{background:color-mix(in srgb,var(--site-brand) 10%,#fff);color:var(--site-brand)}
.money-unit{display:flex;align-items:center;flex:none;padding:0 14px 0 10px;color:var(--sub);font-size:.9em;background:#fff}
.money-read{display:block;min-height:1.5em;margin-top:3px;text-align:right;font-size:.82em;font-weight:600;color:var(--brand-ink)}
.money-read:empty{visibility:hidden}

/* 계산기 아래 기준일·출처: 작은 글씨 두 줄 */
.hi-basis .hi-src{margin:12px 0 0;padding:10px 0 0;border-top:1px solid var(--line-soft,#e3e8ee);font-size:.88em;line-height:1.65;color:var(--sub)}
.hi-src p{margin:0 0 2px}
.hi-src b{color:var(--ink);font-weight:700;margin-right:2px}

/* 계산 결과 아래 '다음으로' 링크를 버튼처럼 */
.hi-next{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.9em}
.hi-next a{background:var(--surface)!important;border:1px solid var(--calc-line,var(--line));border-radius:999px;padding:6px 14px!important;font-weight:600}
.hi-next a:hover{border-color:var(--site-brand)}

/* 모바일 머리글: 사이트 이름 줄과 메뉴 줄을 나누고, 메뉴는 탭 막대처럼 */
@media (max-width:640px){
  header.site .wrap{flex-direction:column;align-items:stretch;gap:0;padding:0}
  header.site .logo{padding:14px 16px 12px}
  nav.main{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);background:color-mix(in srgb,var(--site-brand) 5%,var(--surface));font-size:.88em}
  nav.main a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 4px;text-align:center;border-bottom:3px solid transparent;white-space:nowrap}
  nav.main a+a{border-left:1px solid var(--line)}
  nav.main a.on{background:var(--surface);border-bottom-color:var(--site-brand);color:var(--site-brand)}
  .header-dark nav.main{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
  .header-dark nav.main a+a{border-color:rgba(255,255,255,.18)}
  .header-dark nav.main a.on{background:rgba(255,255,255,.16);color:#fff;border-bottom-color:#fff}
}
:is(#hi-elig,#hi-safe,#hi-prem) fieldset{min-width:0}
/* 휴대폰(터치)에서는 숫자 자판으로 바로 입력하므로 ▲▼ 버튼을 숨김 */
@media (max-width:640px),(pointer:coarse){.money-step{display:none}}

/* 홈 '이런 경우라면' 바로가기 */
.case-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.case-list a{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:52px;padding:10px 12px 10px 14px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-weight:600;font-size:.92em;line-height:1.4}
.case-list a::after{content:"›";flex:none;color:var(--site-brand);font-size:1.4em;font-weight:400;line-height:1}
.case-list a:hover{border-color:var(--site-brand);color:var(--site-brand);background:color-mix(in srgb,var(--site-brand) 5%,var(--surface))}
.case-list a span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:720px){.case-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:380px){.case-list{gap:8px}.case-list a{font-size:.8em;gap:2px;padding:10px 8px 10px 10px}}
.post.tool select.hi-need{border-color:#b91c1c!important;background:#fef2f2!important}

/* 계산기 안내 문구: 짧은 줄 목록, 설명 두 줄은 줄 단위로 끊음 */
:is(#hi-elig,#hi-safe,#hi-prem) .hi-notes{margin:0 0 20px;padding:12px 14px;list-style:none;background:var(--surface,#fff);border:1px solid var(--calc-line,#d8dfe6);border-radius:10px;font-size:.85em;color:var(--sub);display:grid;gap:4px}
:is(#hi-elig,#hi-safe,#hi-prem) .hi-notes li{position:relative;padding-left:14px;margin:0}
:is(#hi-elig,#hi-safe,#hi-prem) .hi-notes li::before{content:"";position:absolute;left:2px;top:.7em;width:5px;height:5px;border-radius:50%;background:var(--site-brand)}
:is(#hi-elig,#hi-safe,#hi-prem) .hi-notes b{color:var(--ink)}
:is(#hi-elig,#hi-safe,#hi-prem) .hi-hint .hl{display:block}
@media (max-width:480px){:is(#hi-elig,#hi-safe,#hi-prem) .hi-form .hi-hint{font-size:.8em}:is(#hi-elig,#hi-safe,#hi-prem) .hi-notes{font-size:.8em}}

/* 가이드 목록: 휴대폰에서는 검색·분류를 접어 둠 */
.gtoggle{display:none}
@media (max-width:640px){
  .gtoggle:not([hidden]){display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin:0 0 12px;padding:0 14px;font:inherit;font-size:.92em;font-weight:700;color:var(--brand-ink);background:color-mix(in srgb,var(--site-brand) 6%,var(--surface));border:1px solid var(--line);border-radius:10px;cursor:pointer}
  .gtoggle em{font-style:normal;font-weight:700;color:#fff;background:var(--site-brand);border-radius:999px;padding:1px 10px;margin-left:6px;font-size:.88em}
  .gtoggle i{width:9px;height:9px;border-right:2px solid var(--site-brand);border-bottom:2px solid var(--site-brand);transform:rotate(45deg) translateY(-3px);transition:transform .15s}
  .gtoggle[aria-expanded="true"] i{transform:rotate(-135deg) translate(-2px,-2px)}
  .gtools.fold:not(.open){display:none}
}
.hi-src .nw{white-space:nowrap}
.hi-src p{text-wrap:pretty}
.hi-basis .hi-src a{background:none;padding:0;font-weight:inherit;color:var(--site-brand);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--site-brand) 35%,transparent);text-underline-offset:2px}
/* 공단 연락처: 주소와 전화번호를 각각 한 덩어리로 (좁으면 덩어리째 다음 줄로) */
.hi-disclaimer .hi-contact{display:flex;flex-wrap:wrap;gap:0 14px}
.hi-disclaimer .hi-contact>span{white-space:nowrap}

/* 홈 '퇴직 후 순서' */
.step-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.step{display:flex;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px 16px 12px;min-width:0}
.step .no{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--site-brand);color:#fff;font-weight:700;font-size:.9em}
.step>div{min-width:0}
.step h3{margin:2px 0 4px;font-size:1em;color:var(--brand-ink)}
.step p{margin:0 0 8px;font-size:.84em;color:var(--sub);line-height:1.6}
.step ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.step li a{display:inline-block;padding:3px 0;font-size:.88em;font-weight:600;color:var(--site-brand);background:none}
.step li a::before{content:"› ";color:var(--sub)}
.step li a:hover{text-decoration:underline}
@media (max-width:640px){.step-list{grid-template-columns:1fr}}

/* 공시가격 → 과세표준 계산하기 */
:is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp{margin:-6px 0 18px;border:1px dashed var(--calc-line,#c9d4f5);border-radius:10px;background:#fff}
:is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp summary{cursor:pointer;padding:10px 14px;font-size:.85em;font-weight:700;color:var(--site-brand);list-style:none}
:is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp summary::-webkit-details-marker{display:none}
:is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp summary::after{content:" ▾"}
:is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp[open] summary::after{content:" ▴"}
:is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp-body{padding:0 14px 12px}
:is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp-kind{display:grid;gap:4px;margin:0 0 10px;font-size:.88em}
:is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp-kind label{display:flex;align-items:center;gap:8px;min-height:36px}
:is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp-kind input{width:20px;height:20px;flex:none}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-form .pp .pp-price{margin:0 0 6px;padding:0;border:0}
:is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp-out{margin:4px 0 8px;font-size:.9em;color:var(--ink)}
:is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp-out span{color:var(--sub);font-size:.9em}
:is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp-use{width:100%;min-height:46px;margin:0 0 8px;border:0;border-radius:8px;background:var(--site-brand);color:#fff;font:inherit;font-size:.92em;font-weight:700;cursor:pointer}
:is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp-note{margin:0;font-size:.76em;color:var(--sub);line-height:1.6}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp .money input[type=text]{font-size:18px;min-height:48px;padding-left:8px}
@media (max-width:380px){
  :is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp summary{padding:10px;white-space:nowrap}
  :is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp-body{padding:0 10px 10px}
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem,.quick) .pp .money input[type=text]{font-size:16px}
}

/* 홈 빠른 계산 안의 공시가격 계산 */
.quick .pp{grid-column:1;margin:0} /* 재산세 과세표준 칸과 같은 폭 */
.quick .pp-kind label{flex-direction:row}
.quick .pp .money-read{position:static}
.quick .pp .money input{font-size:18px;min-height:48px}
.quick .pp input[type=radio]{width:20px;height:20px;min-height:0;padding:0;border:0;flex:none}
@media (max-width:720px){.quick>label:first-of-type{order:1}.quick .pp{order:2}.quick>label:nth-of-type(2){order:3}.quick .btn{order:4}.quick .quick-more{order:5}}

/* 계산기끼리 값 옮기기 */
:is(#hi-elig,#hi-safe,#hi-prem) .carry{margin:0 0 16px;padding:14px 16px;border:2px solid var(--site-brand);border-radius:12px;background:#fff}
:is(#hi-elig,#hi-safe,#hi-prem) .carry-t{margin:0 0 6px;font-weight:700;color:var(--brand-ink)}
:is(#hi-elig,#hi-safe,#hi-prem) .carry-v{margin:0 0 8px;display:flex;flex-wrap:wrap;gap:6px}
:is(#hi-elig,#hi-safe,#hi-prem) .carry-v span{padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--site-brand) 9%,#fff);font-size:.82em;color:var(--ink);max-width:100%}
:is(#hi-elig,#hi-safe,#hi-prem) .carry-n{margin:0 0 8px;font-size:.8em;color:var(--hold,#854d0e)}
:is(#hi-elig,#hi-safe,#hi-prem) .carry-b{display:flex;gap:8px;flex-wrap:wrap}
:is(#hi-elig,#hi-safe,#hi-prem) .carry-b button{flex:1 1 140px;min-height:48px;border-radius:10px;font:inherit;font-size:.92em;font-weight:700;cursor:pointer}
:is(#hi-elig,#hi-safe,#hi-prem) .carry-use{border:0;background:var(--site-brand);color:#fff}
:is(#hi-elig,#hi-safe,#hi-prem) .carry-del{border:1px solid var(--line);background:#fff;color:var(--sub)}
:is(#hi-elig,#hi-safe,#hi-prem) .carry-s{margin:8px 0 0;font-size:.74em;color:var(--sub)}

/* 판정 결과: 부부 동반 탈락 경고, 다음에 할 일, 인쇄 */
#hi-elig .hi-couple{border-width:3px}
#hi-elig .hi-todo{margin:0 0 16px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff)}
#hi-elig .hi-todo h3{margin:0 0 8px;font-size:1.05em;color:var(--brand-ink)}
#hi-elig .hi-todo ol{margin:0 0 10px;padding-left:1.3em;display:grid;gap:8px;font-size:.92em;line-height:1.65}
#hi-elig .hi-todo-docs{margin:0;padding:10px 12px;border-radius:8px;background:var(--paper,#f4f6f8);font-size:.84em;color:var(--ink)}
#hi-elig .hi-print{margin:0 0 16px}
#hi-elig .hi-print .hi-btn{width:100%;min-height:52px;font-size:18px}
@media print{
  header.site,footer.site,nav.main,.lede,.hi-lead,.hi-notes,.pp,.carry,.hi-actions,.hi-next,.hi-print,.money-step,.hi-disclaimer a[href^="tel"]{display:none!important}
  body,html,main,.post{background:#fff!important}
  .post{border:0!important;padding:0!important}
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-form{border:0;background:#fff}
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-form::before{display:none}
  .hi-card,.hi-todo{break-inside:avoid}
  a{color:#000!important;background:none!important}
}
/* 줄바꿈 다듬기: 제목은 줄 길이를 고르게, 본문은 마지막 줄에 한두 글자만 남지 않게 */
.post h3,.post h4,.post th,.step-list h3,.cards strong,.tcard strong,:is(#hi-elig,#hi-safe,#hi-prem) :is(h3,h4,legend){text-wrap:balance}
.post p,.post li,.post td,.post figcaption,.take,:is(#hi-elig,#hi-safe,#hi-prem) :is(p,li,label){text-wrap:pretty}
.post td.num{white-space:nowrap}
:is(#hi-elig,#hi-safe,#hi-prem) .hi-result li a,:is(#hi-elig,#hi-safe,#hi-prem) .hi-note a{white-space:nowrap}
@media (max-width:480px){.post table{font-size:.84em}.post th,.post td{padding:7px 7px}}
@media (max-width:360px){.hero h1,.post h1{font-size:1.34em}}
/* 칸이 많은 표: 좁은 화면에서는 줄마다 카드 (첫 칸이 카드 제목, 나머지는 '칸 이름: 값') */
@media (max-width:560px){
  .tbl.stack{overflow:visible}
  .tbl.stack table,.tbl.stack tbody,.tbl.stack tr,.tbl.stack td{display:block;width:auto}
  .tbl.stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tbl.stack tr{border:1px solid var(--line);border-radius:8px;margin:0 0 10px;background:var(--surface);overflow:hidden}
  .tbl.stack td{border:0;border-top:1px solid var(--line);padding:8px 12px;display:grid;grid-template-columns:minmax(6em,44%) 1fr;gap:10px;white-space:normal}
  .tbl.stack td::before{content:attr(data-label);color:var(--sub);font-size:.92em}
  .tbl.stack td:first-child{border-top:0;background:var(--paper);font-weight:700;display:block}
  .tbl.stack td:first-child::before{content:none}
  .tbl.stack td.amt:first-child::before{content:attr(data-label) "\00a0";display:inline;font-weight:400}
  .tbl.stack td.amt-l:first-child::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:.86em}
  .tbl.stack td.num{white-space:normal}
}
@media (max-width:340px){
  .tbl.stack2{overflow:visible}
  .tbl.stack2 table,.tbl.stack2 tbody,.tbl.stack2 tr,.tbl.stack2 td{display:block;width:auto}
  .tbl.stack2 thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tbl.stack2 tr{border:1px solid var(--line);border-radius:8px;margin:0 0 10px;background:var(--surface);overflow:hidden}
  .tbl.stack2 td{border:0;border-top:1px solid var(--line);padding:8px 12px;display:grid;grid-template-columns:minmax(6em,44%) 1fr;gap:10px;white-space:normal}
  .tbl.stack2 td::before{content:attr(data-label);color:var(--sub);font-size:.92em}
  .tbl.stack2 td:first-child{border-top:0;background:var(--paper);font-weight:700;display:block}
  .tbl.stack2 td:first-child::before{content:none}
  .tbl.stack2 td.amt:first-child::before{content:attr(data-label) "\00a0";display:inline;font-weight:400}
  .tbl.stack2 td.amt-l:first-child::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:.86em}
  .tbl.stack2 td.num{white-space:normal}
}
/* 그림 크게 보기 */
.post .fig a{position:relative;cursor:zoom-in}
@media (hover:hover){.post .fig a::after{content:"";position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:rgba(22,48,107,.82) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5M10.5 8v5M8 10.5h5'/%3E%3C/svg%3E") center/18px no-repeat;opacity:0;transition:opacity .15s;pointer-events:none}.post .fig a:hover::after{opacity:1}}
.zoom-open,.zoom-open body{overflow:hidden}
.zoom{position:fixed;inset:0;z-index:1000;background:#111823;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;padding:64px 12px 64px}
.zoom-in{margin:auto 0}
.zoom img{display:block;width:100%;max-width:none;height:auto;background:#fff;border-radius:10px;cursor:zoom-in}
.zoom.big{align-items:flex-start}
.zoom.big .zoom-in{flex:none}
.zoom.big img{cursor:zoom-out}
.zoom-x{position:fixed;top:12px;right:12px;z-index:1;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:#fff;color:#16306b;font:inherit;font-weight:700;cursor:pointer}
.zoom-tip{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);margin:0;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:.82em;white-space:nowrap}
@media print{.post .fig a::after{content:none}}
/* 다시 들어왔을 때: 방금 전에 계산한 결과 안내 */
:is(#hi-elig,#hi-safe,#hi-prem) .hi-again{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0 0 14px;padding:10px 14px;border:1px solid #c7d6fb;border-radius:10px;background:#eef3ff}
:is(#hi-elig,#hi-safe,#hi-prem) .hi-again p{margin:0;font-weight:700;color:var(--brand-ink)}
:is(#hi-elig,#hi-safe,#hi-prem) .hi-again .hi-btn{flex:none;width:auto;min-height:40px;margin:0;padding:6px 16px;font-size:.9em}
@media print{.hi-again{display:none!important}}
/* 공시가격으로 계산하기: 칸 안내 문구 옆(PC)·밑(모바일) */
:is(#hi-elig,#hi-safe,#hi-prem) .hi-field.has-pp{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:end}
:is(#hi-elig,#hi-safe,#hi-prem) .hi-field.has-pp>*{grid-column:1/-1}
:is(#hi-elig,#hi-safe,#hi-prem) .hi-field.has-pp>.hi-hint{grid-column:1}
:is(#hi-elig,#hi-safe,#hi-prem) .hi-field.has-pp>.pp{grid-column:2;align-self:end;margin:0 0 6px;border-style:solid;border-radius:999px}
:is(#hi-elig,#hi-safe,#hi-prem) .hi-field.has-pp>.pp[open]{grid-column:1/-1;margin:2px 0 10px;border-radius:12px;border-style:dashed}
:is(#hi-elig,#hi-safe,#hi-prem) .hi-field.has-pp>.pp:not([open]) summary{padding:6px 14px;white-space:nowrap}
@media (max-width:640px){
  :is(#hi-elig,#hi-safe,#hi-prem) .hi-field.has-pp>.hi-hint{grid-column:1/-1}
  :is(#hi-elig,#hi-safe,#hi-prem) .hi-field.has-pp>.pp{grid-column:1/-1;justify-self:start;margin:0 0 8px}
  :is(#hi-elig,#hi-safe,#hi-prem) .hi-field.has-pp>.pp[open]{justify-self:stretch}
}
/* ---------- 계산 결과: 보고서 모양 ---------- */
:is(#hi-elig,#hi-safe,#hi-prem){--rp-line:#e3e8ef;--rp-soft:#f6f8fb;--ok:#15803d;--ok-bg:#f2faf5;--ok-ln:#cfe8d8;--no:#b42318;--no-bg:#fdf5f4;--no-ln:#f3d2cf;--wait:#b54708;--wait-bg:#fffaf1;--wait-ln:#f1dfb8}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result:not(:empty){margin:6px 0 18px;padding:24px 26px 20px;background:#fff;border:1px solid var(--rp-line);border-radius:18px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 14px 36px -16px rgba(16,24,40,.16)}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result>.hi-again{margin:-8px -10px 16px}
.rp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid var(--rp-line)}
.rp-site{display:none}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .rp-head h3{margin:0;font-family:var(--f-head);font-size:1.28em;line-height:1.35;color:var(--brand-ink);letter-spacing:-.01em}
.rp-date{margin:4px 0 0;font-size:.76em;color:var(--sub)}
.rp-print{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 15px 6px 12px;border:1px solid var(--rp-line);border-radius:999px;background:#fff;color:var(--brand-ink);font:inherit;font-size:.82em;font-weight:700;cursor:pointer}
.rp-print::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6M6 18H4a1 1 0 0 1-1-1v-6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v6a1 1 0 0 1-1 1h-2'/%3E%3Cpath d='M6 14h12v7H6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6M6 18H4a1 1 0 0 1-1-1v-6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v6a1 1 0 0 1-1 1h-2'/%3E%3Cpath d='M6 14h12v7H6z'/%3E%3C/svg%3E") center/contain no-repeat}
.rp-print:hover{border-color:var(--site-brand);color:var(--site-brand)}
.rp-print.rp-pdf::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E")}
.rp-head{flex-wrap:wrap}
.rp-head .rp-title{flex:1 1 auto;min-width:0}
.rp-tip{flex:1 0 100%;order:3;margin:2px 0 0;padding:8px 12px;border-radius:10px;background:var(--rp-soft);font-size:.78em;line-height:1.55;color:var(--sub)}
.rp-tip.rp-warn{background:#fffaf1;color:#8a4b0b;border:1px solid #f1dfb8}
@media print{.rp-tip{display:none!important}}
.rp-input{margin:0 0 20px;padding:14px 16px 12px;background:var(--rp-soft);border-radius:12px}
.rp-cap{margin:0 0 6px;font-size:.76em;font-weight:700;color:var(--sub);letter-spacing:.02em}
.rp-who{margin:10px 0 2px;font-size:.8em;font-weight:700;color:var(--brand-ink)}
.rp-dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0 22px;margin:0}
.rp-dl div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px dashed #dbe2ea;font-size:.84em}
.rp-dl dt{color:var(--sub)}
.rp-dl dd{margin:0;font-weight:700;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-card{margin:0 0 14px;padding:18px 20px;background:#fff;border:1px solid var(--rp-line);border-left:5px solid #9aa6b2;border-radius:14px}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-pass{background:linear-gradient(var(--ok-bg),#fff 70%);border-color:var(--ok-ln);border-left-color:var(--ok)}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-fail{background:linear-gradient(var(--no-bg),#fff 70%);border-color:var(--no-ln);border-left-color:var(--no)}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-hold{background:linear-gradient(var(--wait-bg),#fff 70%);border-color:var(--wait-ln);border-left-color:var(--wait)}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-card h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-family:var(--f-head);font-size:1.12em;color:var(--brand-ink)}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-badge{margin:0;padding:1px 12px;border:1.5px solid currentColor;border-radius:999px;background:#fff!important;font-family:var(--f-body);font-size:.72em;font-weight:700;letter-spacing:.03em}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-pass .hi-badge{color:var(--ok)}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-fail .hi-badge{color:var(--no)}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-hold .hi-badge{color:var(--wait)}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-big{margin:.1em 0 .35em;font-family:var(--f-head);font-size:1.22em;line-height:1.45;color:var(--brand-ink)}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-big strong,.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-big b{font-size:1.12em}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-card h4{margin:14px 0 8px;padding:12px 0 0;border-top:1px solid #edf1f5;font-size:.8em;font-weight:700;color:var(--sub);letter-spacing:.02em}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-items li{margin:0 0 6px;padding:10px 12px;background:var(--rp-soft);border:1px solid #edf1f5;border-radius:10px}
.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-card p{color:var(--ink)}
.post.tool #hi-elig .hi-result .hi-todo{border:1px solid var(--rp-line);border-radius:14px;background:#fff}
.post.tool #hi-elig .hi-result .hi-todo h3{font-family:var(--f-head);font-size:1.08em}
@media (max-width:640px){
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result:not(:empty){padding:18px 14px 14px;border-radius:14px}
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result>.hi-again{margin:-6px -4px 14px}
  .rp-print{min-height:36px;padding:5px 12px 5px 10px}
  .rp-dl{grid-template-columns:1fr}
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-card{padding:14px 14px}
}
/* 인쇄: A4, 입력 화면은 빼고 '입력한 내용' 요약표 + 결과만 */
@media print{
  @page{size:A4;margin:10mm 12mm 11mm}
  html,body{background:#fff!important}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  main .wrap,main .wrap>.post{max-width:none!important;padding:0!important;margin:0!important}
  .post.tool{border:0!important;box-shadow:none!important;padding:0!important;background:#fff!important}
  .post.tool>h1,.post.tool .lede,:is(#hi-elig,#hi-safe,#hi-prem)>h2,:is(#hi-elig,#hi-safe,#hi-prem) .hi-form,.hi-again,.rp-print,.hi-print{display:none!important}
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem){max-width:none!important;margin:0!important;padding:0!important;font-size:11px!important;line-height:1.42}
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result:not(:empty){margin:0 0 8px;padding:0;border:0;border-radius:0;box-shadow:none}
  .rp-site{display:block;margin:0 0 2px;font-size:8.5pt;color:#4b5563}
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem) .rp-head h3{font-size:15pt}
  .rp-head{margin:0 0 10px;padding:0 0 8px;border-bottom:2px solid #16306b}
  .rp-input{margin:0 0 8px;padding:6px 12px;break-inside:avoid}
  .rp-dl{grid-template-columns:repeat(3,1fr);gap:0 16px}
  .rp-dl div{padding:3px 0}
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-card{margin:0 0 7px;padding:8px 13px;break-inside:avoid}
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-card h4{margin:8px 0 5px;padding-top:6px}
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-items li{padding:5px 9px;margin:0 0 4px}
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-big{font-size:1.12em}
  .post.tool #hi-elig .hi-result .hi-todo{padding:10px 14px;break-inside:avoid}
  .post.tool #hi-elig .hi-result .hi-todo ol{gap:3px;line-height:1.5}
  :is(#hi-elig,#hi-safe,#hi-prem) .hi-disclaimer{margin:6px 0 4px;padding:7px 12px;break-inside:avoid}
  :is(#hi-elig,#hi-safe,#hi-prem) .hi-disclaimer a{background:none!important;color:inherit!important}
  :is(#hi-elig,#hi-safe,#hi-prem) .hi-basis{font-size:8pt}
  :is(#hi-elig,#hi-safe,#hi-prem) .hi-disclaimer a[href^="tel"]{display:inline!important}
  .post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-card p,.post.tool :is(#hi-elig,#hi-safe,#hi-prem) .hi-result .hi-card ul{margin-top:.15em;margin-bottom:.25em}
  .hi-basis .hi-src{margin-top:6px;padding-top:6px}
}
/* 결과 맨 아래 저장 버튼: 눈에 띄게 */
.rp-save{margin:18px 0 14px;padding:16px;border:1px solid #c7d6fb;border-radius:14px;background:linear-gradient(#f3f7ff,#fff);text-align:center}
.rp-save-t{margin:0 0 10px;font-size:.82em;font-weight:700;color:var(--brand-ink)}
.rp-save .rp-print{display:inline-flex;justify-content:center;width:100%;max-width:420px;min-height:58px;padding:10px 22px;border:0;border-radius:12px;background:var(--brand-ink,#16306b);color:#fff;font-size:1em;font-weight:700;box-shadow:0 6px 16px -6px rgba(22,48,107,.55)}
.rp-save .rp-print:hover{background:var(--site-brand);color:#fff}
.rp-save .rp-print::before{width:20px;height:20px}
.rp-save .rp-tip{margin:10px auto 0;max-width:420px;text-align:left}
@media print{.rp-save{display:none!important}}
/* 보험료 계산기: 매달 내는 합계를 맨 위에 크게 */
#hi-prem .pm-total{margin:0 0 12px;padding:18px 16px 14px;border:1px solid #c7d6fb;border-radius:14px;background:linear-gradient(#f3f7ff,#fff);text-align:center}
#hi-prem .pm-total-l{margin:0;font-size:.85em;font-weight:700;color:var(--sub)}
#hi-prem .pm-total-v{margin:2px 0 12px;font-family:var(--f-head);font-size:1.25em;color:var(--brand-ink)}
#hi-prem .pm-total-v strong{font-size:1.6em;letter-spacing:-.01em;white-space:nowrap}
#hi-prem .pm-split{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 0;margin:0;padding:10px 0 0;border-top:1px dashed #d5def0;font-size:.85em}
#hi-prem .pm-split div{display:flex;gap:8px;padding:0 16px}
#hi-prem .pm-split div+div{border-left:1px solid #d5def0}
#hi-prem .pm-split dt{color:var(--sub)}
#hi-prem .pm-split dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:480px){#hi-prem .pm-total-v{font-size:1.05em}#hi-prem .pm-split{flex-direction:column;align-items:stretch;gap:4px;max-width:300px;margin:0 auto}#hi-prem .pm-split div{justify-content:space-between;padding:0 4px}#hi-prem .pm-split div+div{border-left:0}}
@media print{#hi-prem .pm-total{padding:10px 12px 8px}#hi-prem .pm-total-v{margin-bottom:6px}}
@media (max-width:360px){.post.tool #hi-prem .hi-result:not(:empty){padding:14px 8px 12px}.post.tool #hi-prem .hi-result .hi-card{padding:12px 10px}#hi-prem .pm-total{padding:14px 8px 12px}#hi-prem .pm-total-v{white-space:nowrap}#hi-prem .pm-total-v strong{font-size:1.38em}#hi-prem .pm-split{font-size:.74em;max-width:none}#hi-prem .pm-split div{gap:4px;padding:0 2px}}
:is(#hi-elig,#hi-safe,#hi-prem) .hi-sub{font-size:.9em;color:var(--sub)}
:is(#hi-elig,#hi-safe,#hi-prem) .hi-sub .nw{white-space:nowrap}