/* ==========================================================================
   answer.css — 답 카드 .tx-answer (B2 · DESIGN 4-7) · 팔레트 결과 줄 꼴(4-6 — 틀은 B0 core.css)
   - board = 내용만(판 껍데기 · 「답」 꼬리표 · 판 높이 스프링 = B4) · inline = 카드 전체 + 「답 · {묶음}」 꼬리표 · page = 카드 전체
   - 모서리 0 24 24 24(+ 꼬리표 12 12 0 0) · --surface 판 · 칩 --bg-2 · 그라데이션 · 빛 번짐 0
   - aria-live 0 — 알림은 TX.announce(제목 한 줄)
   ========================================================================== */
.tx-answer{
  position:relative; display:block; margin:0; padding:24px 26px 26px;
  background:var(--surface); color:var(--ink); border-radius:24px; box-shadow:var(--sh-2); text-align:left;
}
.tx-answer[hidden]{ display:none; }
.tx-answer[data-mode="inline"]{ border-top-left-radius:0; margin-top:36px; }
.tx-answer[data-mode="board"]{ padding:0; background:none; box-shadow:none; border-radius:0; }
@media (max-width:600.98px){ .tx-answer{ padding:18px 18px 20px; border-radius:20px; } .tx-answer[data-mode="inline"]{ border-top-left-radius:0; } }

/* 「답 · {묶음}」 꼬리표 — inline 만(같은 종이 · 그림자는 위로만) */
.tx-answer__tab{
  position:absolute; left:0; bottom:100%; margin:0; height:36px; display:flex; align-items:center;
  padding:0 16px; background:var(--surface); border-radius:12px 12px 0 0; box-shadow:var(--sh-1);
  clip-path:inset(-14px -14px 0 -14px); font-size:14px; font-weight:700; line-height:1; color:var(--ink);
  white-space:nowrap; overflow:hidden;
}
@media (max-width:600.98px){ .tx-answer__tab{ font-size:14px; } }

/* 글자 바꿈 층(나감 130ms · 70ms 뒤 들어옴 240ms — 4-7 · 5-1) */
.tx-answer__layers{ position:relative; }
.tx-answer__layer{ position:relative; }
.tx-answer__layer.is-out{ position:absolute; left:0; right:0; top:0; pointer-events:none; }
.tx-answer__layer > :last-child{ margin-bottom:0; }

.tx-answer__found{ display:flex; align-items:center; gap:6px; margin:0 0 10px; font-size:13px; font-weight:650; line-height:1.4; color:var(--accent-ink); }
.tx-answer__ico{ width:16px; height:16px; flex:none; }
.tx-answer__title{
  margin:0 0 8px; font-size:20px; font-weight:750; line-height:1.35; letter-spacing:-.012em; color:var(--ink);
  word-break:keep-all; text-wrap:balance;
}
@media (max-width:1439px){ .tx-answer__title{ font-size:19px; } }
@media (max-width:1023.98px){ .tx-answer__title{ font-size:18px; } }
.tx-answer__crumb{ margin:-2px 0 12px; font-size:13px; font-weight:600; line-height:1.45; color:var(--ink-3); word-break:keep-all; }

/* 누를 곳 칩(폰/PC 아이콘 + 경로 — NC-11) */
.tx-paths{ list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin:4px 0 14px; padding:0; }
.tx-path{
  display:inline-flex; align-items:flex-start; gap:7px; max-width:100%; min-height:32px; padding:6px 13px 6px 10px; border-radius:16px;
  background:var(--bg-2); color:var(--ink); font-size:14px; font-weight:600; line-height:1.45; word-break:keep-all;
}
.tx-path__ico{ width:16px; height:16px; flex:none; margin-top:2px; color:var(--ink-2); }
.tx-path__dev{ flex:none; font-weight:750; white-space:nowrap; }
.tx-path__dev::after{ content:"·"; margin:0 1px 0 6px; color:var(--ink-3); font-weight:600; }
.tx-path__txt{ min-width:0; overflow-wrap:anywhere; }

/* 원문(자르지 않음 · data-src="ops") · 앱 문구 인용(data-src="app") · 조건 줄 */
.tx-answer__body{ margin:0; }
.tx-answer__text{ margin:0 0 12px; font-size:16px; font-weight:450; line-height:1.7; color:var(--ink); word-break:keep-all; text-wrap:pretty; }
.tx-answer__body a{ color:var(--accent-ink); text-underline-offset:3px; }
.tx-answer__quote{ margin:4px 0 14px; padding:2px 0 2px 16px; border-left:3px solid var(--line-2); }
.tx-answer__quote p{ margin:0 0 6px; font-size:16px; font-weight:450; line-height:1.7; color:var(--ink); word-break:keep-all; }
.tx-answer__quote p:last-child{ margin:0; }
.tx-answer__cond{ margin:0 0 14px; font-size:14px; font-weight:550; line-height:1.55; color:var(--ink-2); word-break:keep-all; }

/* 글 답 — 그 글의 절(운영 제목 그대로 · 번호를 붙이지 않음) */
.tx-answer__secs{ list-style:none; margin:2px 0 14px; padding:0; display:grid; gap:2px; }
.tx-answer__secs a{ display:inline-block; padding:4px 0; font-size:15px; font-weight:600; line-height:1.45; color:var(--ink-2); text-decoration:none; word-break:keep-all; }
.tx-answer__secs a:hover{ color:var(--ink); text-decoration:underline; text-underline-offset:3px; }

/* 안 그림 · 안 플레이어(작게) */
.tx-answer .tx-fig.is-compact{ max-width:680px; }
.tx-answer .tx-player{ margin:6px 0 16px; max-width:560px; }

/* 가이드 줄 · 다른 답 */
.tx-answer__links{ margin:6px 0 0; font-size:15px; font-weight:650; line-height:1.5; }
.tx-answer__links a{ color:var(--accent-ink); text-decoration:none; border-radius:4px; }
.tx-answer__links a:hover{ text-decoration:underline; text-underline-offset:3px; }
.tx-answer__more{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line); }
.tx-answer__more > p{ margin:0 0 2px; font-size:13px; font-weight:700; line-height:1.4; color:var(--ink-3); }
.tx-answer__more ul{ list-style:none; margin:0; padding:0; }
.tx-answer__more a{ display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 10px; padding:7px 0; color:var(--ink); text-decoration:none; font-size:15px; font-weight:600; line-height:1.45; }
.tx-answer__more a:hover .tx-answer__mt{ text-decoration:underline; text-underline-offset:3px; }
.tx-answer__ms{ color:var(--ink-2); font-weight:550; }
.tx-answer__mg{ font-size:13px; font-weight:600; color:var(--ink-3); }
.tx-answer a:focus-visible, .tx-answer button:focus-visible{ outline:3px solid var(--focus); outline-offset:2px; }

/* 0건 꼴 — 운영 두 줄 + 「채팅으로 문의하기」 */
.tx-answer__none p{ margin:0; }
.tx-answer__nonet{ font-size:18px; font-weight:750; line-height:1.4; color:var(--ink); word-break:keep-all; }
.tx-answer__none .tx-answer__noneh{ margin-top:6px; font-size:15px; line-height:1.6; color:var(--ink-2); word-break:keep-all; }
.tx-answer__none .tx-answer__chatrow{ margin-top:16px; }
.tx-answer__chat{
  display:inline-flex; align-items:center; min-height:44px; padding:0 18px; margin:0; border:0; border-radius:var(--r-btn, 12px);
  background:var(--btn); color:var(--btn-ink); font:inherit; font-size:15px; font-weight:650; line-height:1; cursor:pointer;
}
.tx-answer__chat:hover{ box-shadow:var(--sh-1); }

/* ── 팔레트 결과 줄(행 바탕 · 고른 줄 = B0 .tx-palette__list [role=option]) ── */
.tx-pal__list, .tx-pal__list ul{ list-style:none; margin:0; padding:0; }
.tx-pal__grp{ list-style:none; margin:0 0 6px; padding:0; }
.tx-pal__grp > .tx-palette__group{ margin-top:6px; }
.tx-pal__opt{ cursor:pointer; }
.tx-pal__opt > a{ display:flex; flex:1; min-width:0; align-items:baseline; justify-content:space-between; gap:12px; color:inherit; text-decoration:none; }
.tx-pal__t{ min-width:0; word-break:keep-all; }
.tx-pal__s{ color:var(--ink-2); font-weight:550; }
.tx-pal__g{ flex:none; font-size:13px; font-weight:600; color:var(--ink-3); }
.tx-pal__none{ padding:6px 10px 4px; }
.tx-pal__none p{ margin:0 0 4px; }
.tx-pal__nonet{ font-size:16px; font-weight:700; color:var(--ink); }
.tx-pal__noneh{ font-size:14px; line-height:1.55; color:var(--ink-2); }
.tx-pal__none .tx-answer__chat{ margin-top:10px; }
.tx-pal__faq{ list-style:none; margin:0; padding:0; }

/* 줄인 움직임 — 층 바꿈 즉시(JS 도 즉시 · 여기는 안전망) */
html.rm .tx-answer__layer{ filter:none !important; transform:none !important; }
.tx-pal__found{ margin:2px 10px 8px; }

/* 「채팅+」 같은 「…+…」 낱말은 한 덩어리(search.js nobr — B5 알림 · 10/18) */
.tx-nobr{ white-space:nowrap; }