/* 고객센터·버그신고 #/m/support · #/m/bug-report — 결정 BZ3(2026-09-29). screens_support.js.
   새 UI 기준(결정 BU·BV·BS): 역할 토큰만(글자 --fs-*, 줄 간격 --lh-*, 간격 --sp-*), 직접 px는 테두리 1~3px만. 누름 영역 44 = --sp-6 + --sp-3.
   답변 본문·긴 입력칸만 긴 글(.tw-prose). 목록 줄·버튼·접수번호는 고정폭. */
.tw-sp { display: grid; gap: var(--sp-4); min-width: 0; }
.tw-sp-open-line { display: flex; align-items: center; gap: var(--sp-2); margin: 0; font-size: var(--fs-sub); color: var(--muted); }
.tw-sp-form { display: grid; gap: var(--sp-3); min-width: 0; }
.tw-sp-warn { display: flex; align-items: flex-start; gap: var(--sp-2); margin: 0; padding: var(--sp-2) var(--sp-3); font-size: var(--fs-sub); line-height: var(--lh-base);
  border: 1px solid var(--edge-warn); border-radius: var(--radius-sm); background: transparent; color: var(--fg); }
.tw-sp-warn .tw-li { flex: none; margin-top: var(--sp-1); color: var(--warn); }
.tw-sp-field { display: grid; gap: var(--sp-1); min-width: 0; font-size: var(--fs-body); }
.tw-sp-field small { color: var(--muted); font-size: var(--fs-cap); }
.tw-sp-in { font: inherit; font-size: var(--fs-body); line-height: var(--lh-base); min-height: calc(var(--sp-6) + var(--sp-3)); width: 100%; min-width: 0;
  padding: var(--sp-2) var(--sp-3); border: 1px solid var(--line); border-radius: var(--radius-sm); background: transparent; color: var(--fg-2); box-sizing: border-box; }
.tw-sp-in:focus { border-color: var(--fg-2); }
textarea.tw-sp-in { resize: vertical; line-height: var(--lh-loose); }
.tw-sp-acts { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.tw-sp-h { display: flex; align-items: center; gap: var(--sp-2); margin: 0; font-size: var(--fs-section); }
.tw-sp-rows { list-style: none; margin: 0; padding: 0; display: grid; min-width: 0; }
.tw-sp-row { display: grid; gap: var(--sp-1); padding: var(--sp-3) 0; border-bottom: 1px solid var(--line); min-width: 0; }
.tw-sp-row__top { display: flex; align-items: center; gap: var(--sp-2); min-width: 0; }
.tw-sp-row__title { flex: 1 1 auto; min-width: 0; font-size: var(--fs-strong); overflow-wrap: anywhere; }
.tw-sp-row__meta { display: flex; flex-wrap: wrap; gap: var(--sp-2); color: var(--muted); }
.tw-sp-row__meta small { font-size: var(--fs-cap); }
.tw-sp-open { justify-self: start; display: inline-flex; align-items: center; gap: var(--sp-1); min-height: calc(var(--sp-6) + var(--sp-3)); }
.tw-sp-answer { padding: var(--sp-3); background: transparent; }
.tw-sp-answer[hidden] { display: none; }
.tw-sp-answer__body { white-space: pre-wrap; font-size: var(--fs-body); }
/* 결정 CV8(2026-09-30): 고객센터 맨 위 이용 제한 안내(core.js restrictionState 상자 목록 — 제한이 있을 때만) */
.tw-sp-restrict:empty { display: none; }
.tw-sp-rs { display: grid; gap: var(--sp-3); min-width: 0; }