/* detail_split.css — 상세 두 칸 틀 하나(타이틀·컷·에셋) · 기본 5:5 · 가운데 끌어서 조절 (링고 10-12 · detail_split.js · 새 파일)
   ⚠ 여태 줄(title_view.css `.tv-wrap` 오른쪽 480~600px · shot_split.css `.sv-split` 6fr:4fr)보다 이 줄이 이긴다(#detail-tasks 를 앞에 붙여 무게를 올림).
   상세 칸이 1200px 아래면 위아래로 쌓고 손잡이를 숨긴다(오른쪽 칸 붙박이·구르기도 푼다). */

#detail-tasks .tv-wrap.ds-frame { grid-template-columns: minmax(0, var(--ds-l, 1fr)) 14px minmax(0, var(--ds-r, 1fr)); column-gap: 0; }

.ds-grip { align-self: stretch; position: relative; cursor: col-resize; touch-action: none; user-select: none; outline: none; }
.ds-grip::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; margin-left: -1px; border-radius: 1px;
                   background: transparent; transition: background .12s; }
.ds-grip:hover::before, .ds-grip.on::before, .ds-grip:focus-visible::before { background: color-mix(in srgb, var(--accent) 70%, transparent); }
.ds-knob { position: sticky; top: calc(50vh - 18px); display: block; width: 6px; height: 36px; margin: 0 auto; border-radius: 3px;
           background: var(--line); transition: background .12s; }
.ds-grip:hover .ds-knob, .ds-grip.on .ds-knob, .ds-grip:focus-visible .ds-knob { background: var(--accent); }
body.ds-dragging, body.ds-dragging * { cursor: col-resize !important; user-select: none !important; }

@container tdetail (max-width: 1199px) {
  #detail-tasks .tv-wrap.ds-frame { grid-template-columns: minmax(0, 1fr); row-gap: 14px; }
  #detail-tasks .tv-wrap.ds-frame > .ds-grip { display: none; }
  #detail-tasks .tv-wrap.ds-frame > .tv-right { position: static; max-height: none; overflow: visible; }
  #detail-tasks .tv-wrap.ds-frame > .tv-right > .sv-talk-card { max-height: none; }
  #detail-tasks .tv-wrap.ds-frame > .tv-right > .sv-talk-card > .tv-body,
  #detail-tasks .tv-wrap.ds-frame > .tv-right > .tv-history > .tv-body { overflow: visible; }
}