/* P9 단계 1: 글 구성요소(블록 글) 전용 CSS. 블록 글 화면에서만 site.css 다음에 불러온다(다른 화면 크기 예산 유지).
   시안 post-v1·post-02~05 의 글 틀을 b- 접두 class 로 옮겼다(기존 class 와 충돌 방지).
   틀 HTML 은 internal/blocks 가 고정 문자열로 만들고, 본문 조각은 정화된 마크다운이다. */
.b-grid{display:grid;grid-template-columns:minmax(0,730px) 220px;gap:56px;align-items:start;justify-content:center}
.b-article{min-width:0}
.b-ah{padding:2px 0 26px;border-bottom:1px solid var(--line)}
.b-tag{font-size:12px;color:var(--teal);font-weight:650}
.b-ah h1{font-size:36px;line-height:1.5;color:var(--navy);margin:10px 0 14px;max-width:660px}
.b-dek p{font-size:15px;line-height:1.9;color:#677c8a}
.b-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:20px}
.b-meta b{color:var(--navy);font-weight:650}
.b-sum3{margin-top:26px;padding:22px 24px;border-radius:12px;background:var(--mint)}
.b-sum3 .b-label{font-size:12px;font-weight:750;letter-spacing:.12em;color:var(--teal)}
.b-sum3 ol{margin-top:10px;counter-reset:s}
.b-sum3 li{position:relative;padding:6px 0 6px 30px;font-size:15px;line-height:1.75;color:var(--navy);font-weight:650;counter-increment:s}
.b-sum3 li:before{content:counter(s);position:absolute;left:0;top:8px;width:20px;height:20px;border-radius:50%;background:var(--teal);color:#fff;font-size:12px;font-weight:750;display:grid;place-items:center}
.b-ncards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.b-ncard{padding:20px 18px 18px;background:var(--soft);border:1px solid var(--line);border-radius:12px}
.b-ncard:nth-child(2){background:#f3faf7;border-color:#d5ebe3}
.b-ncard .b-k{font-size:12px;font-weight:750;letter-spacing:.06em;color:var(--teal)}
.b-ncard .b-n{font-size:34px;font-weight:750;color:var(--navy);letter-spacing:-1.4px;line-height:1.3;margin:10px 0 8px;font-variant-numeric:tabular-nums}
.b-ncard .b-n small{font-size:15px;font-weight:650;letter-spacing:-.3px;margin-left:3px}
.b-ncard p:last-child{font-size:12px;line-height:1.8;color:#5f7686}
.b-prose,.b-md{font-size:15px;line-height:1.95;color:#415969}
.b-md{margin-top:24px}
.b-sec{padding-top:40px;scroll-margin-top:20px}
.b-sec h2{font-size:23px;color:var(--navy);margin-bottom:6px}
.b-sec h2 .b-num{font-size:12px;font-weight:650;color:var(--teal);margin-right:12px;letter-spacing:0}
.b-prose strong,.b-md strong{color:var(--navy);font-weight:700}
.b-qrow,.b-arow{display:flex;gap:12px;align-items:flex-start;margin-top:14px}
.b-qrow{flex-direction:row-reverse}
.b-av{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}
.b-qrow .b-av{background:#e9eef3;color:#4d6478}.b-arow .b-av{background:var(--teal);color:#fff}
.b-bub{min-width:0;max-width:min(580px,calc(100% - 46px));padding:13px 17px;border-radius:16px;font-size:14.5px;line-height:1.85}
.b-qrow .b-bub{background:#eef2f6;color:var(--navy);font-weight:650;border-top-right-radius:4px}
.b-arow .b-bub{background:#f2f9f6;border:1px solid #d5ebe3;color:#3b5566;border-top-left-radius:4px}
.b-arow .b-bub>*+*{margin-top:8px}
.b-arow .b-bub>.b-tbl{margin-top:10px}
.b-steps li{position:relative;padding:3px 0 3px 26px}
.b-steps li>b:first-child{position:absolute;left:0;top:6px;width:19px;height:19px;border-radius:50%;background:var(--teal);color:#fff;font-size:12px;display:grid;place-items:center;line-height:1}
.b-tbl{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;line-height:1.65;margin:10px 0 4px}
.b-tbl th,.b-tbl td{padding:9px 8px;border-bottom:1px solid #d9ebe4;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.b-tbl thead th{background:#e6f3ee;font-size:12px;color:#55746c;font-weight:700}
.b-tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.b-tbl td.new{color:var(--teal);font-weight:700}
.b-tbl td strong{color:var(--navy);font-weight:700}
.b-tbl td.new strong{color:inherit}
.b-tbl tr.hl td{background:#e9f5f0}
.b-tbl .w14{width:14%}.b-tbl .w15{width:15%}.b-tbl .w20{width:20%}.b-tbl .w24{width:24%}.b-tbl .w26{width:26%}.b-tbl .w28{width:28%}.b-tbl .w30{width:30%}.b-tbl .w31{width:31%}.b-tbl .w34{width:34%}.b-tbl .w36{width:36%}.b-tbl .w40{width:40%}.b-tbl .w44{width:44%}.b-tbl .w46{width:46%}.b-tbl .w58{width:58%}
.b-cap{font-size:12px;color:var(--muted);line-height:1.75}
.b-note{font-size:12px;line-height:1.85;color:var(--muted);margin-top:10px}
.b-fig{margin:20px 0 4px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}
.b-fig img{display:block;width:100%;height:auto}
.b-fig.b-narrow img{max-width:440px;margin:0 auto}
.b-fig figcaption{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.7}
.b-comic{display:grid;grid-template-columns:1fr;gap:12px}
.b-comic img{max-width:360px;margin:0 auto;border:1.5px solid #d7e3e6;border-radius:10px;background:#fbfdfd}
.b-scroll{max-width:100%}
.b-scroll:focus-visible{outline:3px solid #17a69d;outline-offset:4px}
.b-hint{display:none}
sup.b-fn{font-size:10px;line-height:0;margin-left:2px}
sup.b-fn a{display:inline-block;min-width:24px;min-height:24px;line-height:24px;text-align:center;font-size:12px;color:var(--teal);font-weight:750;padding:0 1px}
.b-years{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.b-year{padding:22px 20px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}
.b-year.current{border-color:#bcd9d1;background:var(--mint)}
.b-year .b-eyebrow{font-size:12px;font-weight:750;letter-spacing:.09em;color:var(--muted)}
.b-year.current .b-eyebrow{color:var(--teal)}
.b-year h3{font-size:27px;color:var(--navy);margin:8px 0 4px}
.b-year.current h3{color:var(--teal)}
.b-year h3 small{display:block;font-size:12px;font-weight:600;color:#a0543c;letter-spacing:0;margin-top:2px}
.b-year dl{margin:0}
.b-year dl>div{border-top:1px solid #dbe6e6;padding-top:12px;margin-top:12px}
.b-year dt{font-size:12px;color:var(--muted);margin-bottom:4px}
.b-year dd{margin:0;font-size:13.5px;line-height:1.8;color:var(--ink)}
.b-year dd strong{color:var(--navy)}
.b-year dd small{display:block;font-size:12px;color:var(--muted)}
.b-ccard{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:12px;padding:18px;margin-top:32px}
.b-iconbox{display:grid;place-items:center;width:47px;height:47px;background:var(--mint);color:var(--teal);border-radius:13px;flex:none}
.b-ccard .b-t{flex:1;min-width:0}.b-ccard .b-t b{display:block;font-size:15px;color:var(--navy)}.b-ccard .b-t span{font-size:12px;color:var(--muted)}
.b-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 18px;border-radius:8px;background:var(--teal);color:#fff;font-weight:700;font-size:13px;white-space:nowrap}
.b-button:hover{background:#006b65;color:#fff}
.b-nolist{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:14px}
.b-nolist li{display:flex;gap:12px;align-items:flex-start;padding:13px 18px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.7}
.b-nolist li:last-child{border-bottom:0}
.b-x{flex:none;width:20px;height:20px;border-radius:50%;background:#fbefe9;color:#a0543c;display:grid;place-items:center;margin-top:2px}
.b-x svg.icon{width:11px;height:11px;stroke-width:2.6}
.b-nolist li b{display:block;color:var(--navy)}.b-nolist li small{display:block;font-size:12px;color:var(--muted)}
.b-ad{margin:44px 0 0}
.b-keycard{margin-top:40px;padding:26px 24px;border-radius:14px;background:var(--navy);color:#fff}
.b-keycard .b-label{font-size:12px;letter-spacing:.14em;font-weight:750;color:#8fd3cc}
.b-keycard h2{font-size:20px;color:#fff;margin:6px 0 12px}
.b-keycard li{display:flex;gap:12px;padding:12px 0;border-top:1px solid #ffffff22;font-size:14px;line-height:1.75;color:#dbe6ee}
.b-keycard li strong{color:#fff}
.b-keycard .b-k{flex:none;width:66px;font-size:12px;font-weight:750;color:#8fd3cc;padding-top:3px}
.b-next{border:1px solid var(--line);border-radius:11px;padding:18px;margin-top:24px}
.b-next h3{font-size:15px;margin-bottom:6px}
.b-next a{display:inline-flex;align-items:center;min-height:24px;margin-top:12px;font-size:12px;font-weight:650;color:var(--teal)}
.b-src{margin-top:36px}
details.b-srcfold{border:1px solid var(--line);border-radius:10px}
details.b-srcfold summary{list-style:none;cursor:pointer;padding:14px 16px;font-size:14px;font-weight:700;color:var(--navy);display:flex;justify-content:space-between;align-items:center}
details.b-srcfold summary::-webkit-details-marker{display:none}
details.b-srcfold summary:after{content:"";width:8px;height:8px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(45deg);margin-top:-4px}
details.b-srcfold[open] summary:after{transform:rotate(-135deg);margin-top:4px}
details.b-srcfold ol{padding:0 16px 10px;counter-reset:r}
.b-src li{position:relative;padding:9px 0 9px 26px;font-size:12px;line-height:1.75;color:#55697a;border-top:1px solid #f0f3f4;counter-increment:r;scroll-margin-top:30px}
.b-src li:before{content:counter(r);position:absolute;left:0;top:10px;font-size:12px;font-weight:750;color:var(--teal)}
.b-src li b{color:var(--ink);font-weight:650}
.b-src li a{color:var(--teal);overflow-wrap:anywhere;word-break:break-all}
.b-src li a:hover{text-decoration:underline}
.b-src li:target{background:#f3faf7}
.b-asof{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:12px;font-size:12px;color:var(--muted)}
.b-asof b{color:var(--navy)}
.b-disclaimer{margin-top:10px;padding:14px 16px;border-radius:8px;background:var(--soft);font-size:12px;line-height:1.8;color:#5c7081}
.b-aside{position:sticky;top:28px}
.b-toc-label{font-size:12px;color:var(--muted);letter-spacing:.13em;margin-bottom:15px}
.b-toc a{display:block;border-left:2px solid var(--line);padding:8px 0 8px 15px;color:var(--muted);font-size:12px;line-height:1.7}
.b-toc a.active{border-color:var(--teal);color:var(--teal);font-weight:700}
.b-side{border:1px solid var(--line);border-radius:11px;padding:18px;margin-top:30px}
.b-side h3{font-size:15px;margin-bottom:6px}
.b-side p{font-size:12px;color:var(--muted)}
.b-side a{display:inline-flex;align-items:center;min-height:24px;margin-top:12px;font-size:12px;font-weight:650;color:var(--teal)}
/* 바로 확인 계산 상자 */
.b-quick{margin-top:26px;padding:22px 24px 20px;border:1.5px solid #bcd9d1;border-radius:14px;background:#fff}
.b-quick h2{font-size:19px;color:var(--navy);display:flex;align-items:center;gap:10px}
.b-quick h2 .b-iconbox{width:36px;height:36px;border-radius:10px}.b-quick h2 svg.icon{width:19px;height:19px}
.b-quick .b-lead{font-size:13.5px;color:#5f7686;margin-top:6px;line-height:1.75}
.b-qf{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.2fr);gap:12px;margin-top:16px}
.b-quick[data-quick=severance-pay] .b-qf{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr)}
.b-qf label{display:block;font-size:12px;font-weight:700;color:#4d6478;margin-bottom:6px}
.b-qf label small{font-weight:600;color:var(--muted)}
.b-qf input,.b-qf select{display:block;width:100%;min-height:48px;padding:0 14px;border:1px solid #c9d8dd;border-radius:9px;background:#f8fbfb;font:inherit;font-size:16px;color:var(--navy)}
.b-qf input[type=date]{appearance:none;-webkit-appearance:none;line-height:46px}
.b-qf select{appearance:none;-webkit-appearance:none;padding-right:38px;background:#f8fbfb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23007f79' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center}
.b-qf input:focus-visible,.b-qf select:focus-visible{outline:3px solid #17a69d;outline-offset:1px;border-color:var(--teal)}
.b-qwage{position:relative}.b-qwage input{padding-right:38px;font-variant-numeric:tabular-nums}.b-qwage span{position:absolute;right:14px;bottom:13px;font-size:14px;color:var(--muted)}
.b-qwage.h input{padding-right:50px}
.b-qr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 0}
.b-qr>div{padding:14px 16px;border-radius:11px;background:var(--soft)}
.b-qr>div.total{background:var(--mint)}
.b-qr dt{font-size:12px;font-weight:700;color:var(--teal)}
.b-qr dd{margin:4px 0 0;font-size:24px;font-weight:750;color:var(--navy);letter-spacing:-.8px;line-height:1.35;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.b-qr dd small{display:block;font-size:12px;font-weight:600;color:#5f7686;letter-spacing:0}
.b-qr.b-empty dd{color:#a3b0b8}
.b-qtbl{margin-top:12px}.b-qtbl td:first-child{color:#3b5566}
.b-qtbl caption{caption-side:top;text-align:left;font-size:12px;color:var(--muted);line-height:1.75}
.b-qerr{margin-top:8px;font-size:13px;color:#a0543c;font-weight:650}
.b-qnote{font-size:12px;color:var(--muted);line-height:1.75;margin-top:10px}
.b-qmore{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:13.5px;color:var(--navy);font-weight:650}
.b-qmore a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:var(--teal);font-weight:700}
.b-qmore a:hover{text-decoration:underline}
@media(max-width:1050px){.b-grid{gap:32px;grid-template-columns:minmax(0,1fr) 195px}.b-ah h1{font-size:31px}}
@media(max-width:760px){
.b-grid{display:block}.b-aside{display:none}
.b-ah h1{font-size:27px;line-height:1.5}.b-dek p{font-size:13.5px}.b-meta{gap:10px;margin-top:16px}
.b-sum3{padding:18px}.b-sum3 li{font-size:14px}
.b-ncards{grid-template-columns:1fr;gap:8px}
.b-ncard{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:14px;align-items:center;padding:14px 16px}
.b-ncard .b-k{grid-column:1/-1}.b-ncard .b-n{font-size:27px;margin:4px 0 0}.b-ncard .b-n small{font-size:12px;display:block;margin:0}
.b-prose,.b-md{font-size:14px}.b-sec h2{font-size:20px}.b-sec{padding-top:32px}.b-sec h2 .b-num{margin-right:8px}
.b-qrow,.b-arow{gap:8px}.b-av{width:28px;height:28px}
.b-bub{font-size:14px;padding:12px 14px;max-width:calc(100% - 36px)}
.b-tbl{font-size:12px}.b-tbl th,.b-tbl td{padding:9px 6px}
.b-fig{padding:12px}
.b-comic img{max-width:340px}
.b-years{grid-template-columns:1fr;gap:10px}.b-year{padding:18px 16px}.b-year h3{font-size:24px}
.b-ccard{flex-wrap:wrap}.b-ccard .b-button{width:100%}
.b-nolist li{padding:13px 14px;font-size:13.5px}
.b-keycard{padding:22px 18px}.b-keycard .b-k{width:56px}
.b-quick{padding:18px 16px}.b-quick h2{font-size:18px}
.b-qf{grid-template-columns:1fr 1fr;gap:10px}.b-qf .b-qwage{grid-column:1/-1}
.b-quick[data-quick=severance-pay] .b-qf{grid-template-columns:1fr 1fr}
.b-qf .b-qwage.h,.b-quick[data-quick=salary-net] .b-qwage+.b-qwage{grid-column:auto}
.b-qr{grid-template-columns:1fr;gap:8px}
.b-qr>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px}
.b-qr dd{margin:0;font-size:20px;text-align:right}
.b-qmore{flex-direction:column;align-items:flex-start;gap:2px}
}
@media(max-width:600px){.b-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.b-scroll>img{min-width:600px;width:600px}.b-hint{display:block;color:var(--teal);font-weight:650}}