/* KTAXHELP 판정 흐름도 DecisionFlow (kt-df-*) — 손으로 관리하는 파일(생성 스크립트 없음). JS 없음.
   마크업은 변환기 `[!flow]`(module/wp_editor components.render_flow)가 만든다. 규칙: docs/flowchart-plan.md.
   형태: 대칭 트리. 질문 카드 정중앙에서 예/아니오가 좌우 같은 폭으로 갈리고, 결과 카드는 맨 아래 한 줄에 정렬된다.
   `.entry-content ` 접두사로 테마 본문 규칙(.inside-article p 등)보다 특정성을 높였다.
   글에 `kt-df` 가 들어 있을 때만 functions.php 가 불러온다. */
.entry-content .kt-df{--flow-line:#8a97b3;--flow-w:1.5px;margin:var(--space-10) 0;padding:20px var(--callout-pad) 18px;container-type:inline-size;max-width:820px;background:var(--surface);border:1px solid var(--line-callout);border-radius:var(--radius-xl);word-break:keep-all;-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid}
.entry-content .kt-df-title{margin:0 0 20px;padding:0;font-size:16px;font-weight:700;line-height:1.5;color:var(--ink);text-align:left}
.entry-content .kt-df ol{list-style:none;margin:0;padding:0}
.entry-content .kt-df li{margin:0;padding:0}
/* 질문 카드: 자기 칸의 가운데 */
.entry-content .kt-df-q>p{margin:0 auto;padding:10px 16px;max-width:360px;box-sizing:border-box;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--ink);font-size:16px;font-weight:600;line-height:1.5;text-align:center}
.entry-content .kt-df-qn{display:block;color:var(--accent);font-size:12px;font-weight:700;line-height:1.5;font-variant-numeric:tabular-nums}
/* 갈래: 같은 폭 두 칸. 줄기(ol::before)가 카드 정중앙에서 내려와 가로대(li::before)로 좌우에 닿는다. */
.entry-content .kt-df-branches{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:28px!important}
.entry-content .kt-df-branches::before{content:"";position:absolute;left:50%;top:0;height:28px;margin-left:calc(var(--flow-w) / -2);border-left:var(--flow-w) solid var(--flow-line)}
.entry-content .kt-df-b{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px 6px 0!important;overflow:hidden}
.entry-content .kt-df-b::before{content:"";position:absolute;top:0;left:50%;right:0;border-top:var(--flow-w) solid var(--flow-line)}
.entry-content .kt-df-b:last-child::before{left:0;right:50%}
/* 내려가는 선: 자식(질문·결과) 위쪽으로 길게 그리고 li 가 잘라 낸다. 결과가 아래 줄로 밀려도 선이 따라 늘어난다. */
.entry-content .kt-df-b>div{position:relative}
.entry-content .kt-df-b>div::before{content:"";position:absolute;left:50%;bottom:100%;height:2000px;margin-left:calc(var(--flow-w) / -2);border-left:var(--flow-w) solid var(--flow-line)}
.entry-content .kt-df-ans{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:24px;margin-bottom:12px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink-table);font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap}
.entry-content .kt-df-b>.kt-df-q{align-self:stretch;flex:1 0 auto;display:flex;flex-direction:column}
.entry-content .kt-df-b>.kt-df-q>.kt-df-branches{flex:1 0 auto}
/* 결과 카드: 맨 아래 한 줄 */
.entry-content .kt-df-r{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin-top:auto;width:100%;max-width:160px;min-height:80px;box-sizing:border-box;padding:8px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);text-align:center}
.entry-content .kt-df-rl{font-size:13px;font-weight:600;line-height:1.4;color:var(--ink-muted)}
.entry-content .kt-df-rv{font-size:26px;font-weight:700;line-height:1.3;color:var(--ink);font-variant-numeric:tabular-nums}
.entry-content .kt-df-rn{font-size:12.5px;line-height:1.5;color:var(--ink-muted)}
.entry-content .kt-df-r.is-primary{background:var(--accent);border-color:var(--accent)}
.entry-content .kt-df-r.is-primary .kt-df-rl,.entry-content .kt-df-r.is-primary .kt-df-rv,.entry-content .kt-df-r.is-primary .kt-df-rn{color:var(--on-accent)}
.entry-content .kt-df-r.is-warn{background:var(--warn-soft);border-color:var(--warn)}
.entry-content .kt-df-r.is-warn .kt-df-rl,.entry-content .kt-df-r.is-warn .kt-df-rv,.entry-content .kt-df-r.is-warn .kt-df-rn{color:var(--warn)}
.entry-content .kt-df-foot{margin:24px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:12px;line-height:1.6;color:var(--ink-muted)}
/* 좁은 폭: 같은 트리 모양을 유지하고 글자·여백만 줄인다(결과 4개까지 한 줄) */
@container (max-width:520px){.entry-content .kt-df-branches{padding-top:24px!important}
.entry-content .kt-df-branches::before{height:24px}
.entry-content .kt-df-b{padding:10px 4px 0!important}
.entry-content .kt-df-q>p{padding:8px 10px;font-size:14px}
.entry-content .kt-df-b>.kt-df-q>p{display:flex;flex-direction:column;justify-content:center;min-height:98px;font-size:14px}
.entry-content .kt-df-r{min-height:76px;padding:6px 4px}
.entry-content .kt-df-rl{font-size:12px}
.entry-content .kt-df-rv{font-size:22px}}
@media (max-width:480px){.entry-content .kt-df{padding-left:14px;padding-right:14px}}