/* 안동호 세무사의 세금 이야기 (/tax/) — style.css 의 변수를 쓴다 */
.menu a.on{background:rgba(255,255,255,.18)}
.tx{padding-block:34px 70px}
.tx-top{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.tx-kick{margin:0 0 6px;font-size:var(--t-cap);font-weight:800;letter-spacing:.14em;color:var(--cobalt)}
.tx-top h1{margin:0 0 6px;font-size:var(--t-display);line-height:1.2;letter-spacing:-.02em;word-break:keep-all}
.tx-sub{margin:0;color:var(--ink-2);font-size:calc(var(--t-body) + 1px)}
.tx-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start}
@media (min-width:900px){.tx-grid{grid-template-columns:230px minmax(0,1fr);gap:46px}}
/* 카테고리 */
.tx-side{border-left:3px solid var(--ink);padding-left:16px}
.tx-side-t{margin:0 0 10px;font-weight:800;font-size:15px}
.tx-side ul{list-style:none;margin:0;padding:0}
.tx-side a{display:flex;justify-content:space-between;gap:8px;padding:7px 0;color:var(--ink-2);font-size:14.5px;transition:color .2s,transform .2s}
.tx-side a i{font-style:normal;font-size:12px;color:#9aa3b5}
.tx-side a:hover{color:var(--cobalt);text-decoration:none;transform:translateX(3px)}
.tx-side a.on{color:var(--cobalt);font-weight:800}
@media (max-width:899px){
  .tx-side{border-left:0;padding-left:0}
  .tx-side-t{display:none}
  .tx-side ul{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .tx-side li{flex:none}
  .tx-side a{border:1px solid var(--line);border-radius:999px;padding:7px 13px;background:#fff;white-space:nowrap}
  .tx-side a.on{background:var(--cobalt);border-color:var(--cobalt);color:#fff}
  .tx-side a.on i{color:rgba(255,255,255,.8)}
}
/* 글 목록 */
.tx-count{margin:0 0 14px;color:var(--ink-2);font-size:14px}
.tx-count b{color:var(--ink)}
.tx-card{display:grid;grid-template-columns:1fr;gap:14px;padding:18px 0;border-top:1px solid var(--line);color:var(--ink);transition:background .2s}
.tx-card:last-of-type{border-bottom:1px solid var(--line)}
@media (min-width:640px){.tx-card{grid-template-columns:200px 1fr;gap:22px}}
.tx-card:hover{text-decoration:none}
.tx-card:hover b{color:var(--cobalt)}
.tx-th{display:block;aspect-ratio:16/10;border-radius:8px;background:var(--bg-2) center/cover no-repeat;overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.tx-th0{background:linear-gradient(135deg,#E8EEFD,#F5F7FB)}
.tx-card:hover .tx-th{transform:scale(1.02)}
.tx-tx{display:flex;flex-direction:column;gap:6px;min-width:0}
.tx-cat{font-size:12.5px;font-weight:700;color:var(--cobalt)}
.tx-tx b{font-size:calc(var(--t-body) + 2px);line-height:1.4;letter-spacing:-.02em;transition:color .2s;word-break:keep-all}
.tx-ex{color:var(--ink-2);font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tx-tx time{color:#9aa3b5;font-size:12.5px}
.tx-empty{padding:40px 0;color:var(--ink-2)}
.tx-pager{display:flex;justify-content:space-between;align-items:center;margin-top:22px;color:var(--ink-2);font-size:14px}
.tx-pager a{font-weight:700}
/* 글 본문 */
.tx-art{min-width:0;max-width:760px}
.tx-bc{margin:0 0 10px;font-size:13px;color:var(--ink-2)}
.tx-bc a{color:var(--ink-2)}
.tx-art h1{margin:0 0 10px;font-size:clamp(24px,3.4vw,34px);line-height:1.3;letter-spacing:-.025em;word-break:keep-all}
.tx-meta{margin:0 0 22px;color:var(--ink-2);font-size:14px}
.tx-core{margin:0 0 26px;padding:16px 18px;border:1px solid var(--line);border-left:4px solid var(--cobalt);border-radius:8px;background:var(--bg-2)}
.tx-core b{display:block;margin-bottom:8px;color:var(--cobalt);font-size:14px}
.tx-core ol{margin:0;padding-left:20px;font-size:15px;line-height:1.7}
.tx-body{font-size:17px;line-height:1.85;color:#1d2230;word-break:keep-all;overflow-wrap:anywhere}
.tx-body p,.tx-body div{margin:0 0 .9em}
.tx-body img{max-width:100%;height:auto;margin:1.2em auto;border-radius:6px}
.tx-body h2{margin:1.9em 0 .6em;font-size:1.5em;line-height:1.35;letter-spacing:-.02em}
.tx-body h3{margin:1.6em 0 .5em;font-size:1.25em}
.tx-body h4{margin:1.4em 0 .4em;font-size:1.1em}
.tx-body a{text-decoration:underline;text-underline-offset:3px}
.tx-body blockquote{margin:1.4em 0;padding:12px 18px;border-left:4px solid var(--cobalt);background:var(--bg-2);color:#333b4c}
.tx-body ul,.tx-body ol{padding-left:1.4em;margin:0 0 1em}
.tx-body table{border-collapse:collapse;width:100%;margin:1.2em 0;font-size:.92em;display:block;overflow-x:auto}
.tx-body td,.tx-body th{border:1px solid var(--line);padding:8px 10px;vertical-align:top}
.tx-body th{background:var(--bg-2)}
.tx-body hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.tx-body .sz-xl{font-size:1.45em;font-weight:800;line-height:1.4}
.tx-body .sz-lg{font-size:1.2em;font-weight:700;line-height:1.5}
.tx-body .b{font-weight:700}
.tx-body .ac{text-align:center}
.tx-orig{margin:26px 0 0;font-size:14px}
.tx-cta{margin:34px 0 0;padding:22px 22px 20px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 30px -22px rgba(31,79,216,.5)}
.tx-cta>b{display:block;font-size:18px;letter-spacing:-.02em}
.tx-cta>p{margin:6px 0 14px;color:var(--ink-2);font-size:14.5px}
.tx-btns{display:flex;flex-wrap:wrap;gap:8px}
.tx-by{display:flex;gap:12px;align-items:center;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:14px;line-height:1.5}
.tx-av{flex:none;width:44px;height:44px;border-radius:50%;background:var(--cobalt);display:grid;place-items:center}
.tx-av img{width:30px}
.tx-by small{color:var(--ink-2)}
.tx-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.tx-pn a{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:10px;color:var(--ink);font-weight:600;font-size:14.5px;line-height:1.4;transition:border-color .2s,transform .2s}
.tx-pn a small{display:block;margin-bottom:4px;color:var(--ink-2);font-weight:500;font-size:12px}
.tx-pn a.r{text-align:right}
.tx-pn a:hover{border-color:var(--cobalt);text-decoration:none;transform:translateY(-2px)}
@media (max-width:560px){.tx-pn{grid-template-columns:1fr}.tx-body{font-size:16px}}
@media (prefers-reduced-motion:reduce){.tx-card:hover .tx-th,.tx-side a:hover,.tx-pn a:hover{transform:none}}
.tx-grid>*{min-width:0}

.tx-body .callout{margin:1.3em 0;padding:14px 18px;border-left:4px solid var(--cobalt);background:var(--bg-2);border-radius:8px}
.tx-body .callout p{margin:0 0 .5em}.tx-body .callout p:last-child{margin:0}
.tx-body td p,.tx-body th p{margin:0}
.tx-body h2:first-child,.tx-body h3:first-child{margin-top:0}

/* ===== 글 서식(네이버 제목줄·표 효과를 홈페이지 디자인으로) ===== */
.tx-body h2{margin:2.2em 0 .8em;padding:0 0 .45em;font-size:1.55em;line-height:1.35;letter-spacing:-.02em;border-bottom:2px solid var(--ink)}
.tx-body h3{margin:1.9em 0 .8em;padding:.25em 0 .25em .7em;border-left:6px solid var(--cobalt);color:var(--cobalt);font-size:1.32em;line-height:1.4;letter-spacing:-.02em}
.tx-body h4{margin:1.5em 0 .5em;font-size:1.1em;font-weight:800}
.tx-body .tx-box{margin:1.5em 0;padding:16px 20px;background:var(--bg-2);border-radius:10px;border-left:4px solid var(--cobalt)}
.tx-body .tx-box p{margin:0 0 .6em}.tx-body .tx-box p:last-child{margin:0}
.tx-body .tx-case{margin:1.6em 0;border:2px solid #6B7B99;border-radius:6px;overflow:hidden;background:#fff}
.tx-body .tx-case-h{margin:0;padding:14px 18px;background:#DFE3EC;border-bottom:1px solid #6B7B99;font-size:1em;font-weight:800;color:#1d2230}
.tx-body .tx-case>p{margin:0;padding:14px 18px 0;line-height:1.8}
.tx-body .tx-case>p:last-child{padding-bottom:16px}
.tx-body .tx-src{margin:0;padding:10px 18px 14px;text-align:right;color:#8a93a6;font-size:.88em;line-height:1.5}
p.tx-src{margin:.4em 0 1.2em;padding:0}
.tx-body .tx-cmp{width:100%;margin:1.5em 0;border:2px solid #6B7B99;border-collapse:collapse;font-size:.93em;display:block;overflow-x:auto}
.tx-body .tx-cmp td,.tx-body .tx-cmp th{border:1px solid #C9D0DE;padding:10px 12px;vertical-align:top;line-height:1.6}
.tx-body .tx-cmp tr:first-child td,.tx-body .tx-cmp tr:first-child th,.tx-body .tx-cmp th{background:#DFE3EC;font-weight:800;color:#1d2230}
.tx-body .tx-cmp td p,.tx-body .tx-cmp th p{margin:0}