/* 대본 표기(.eps-*) — 씬별 한 화면의 클립 상자 안 대본 줄(episodeSheetLines.js). spec_episode_script §4 의 표기를 2026-09-30 오너 지시
 * ('대본에서 만든 표기법을 씬별에 적용')로 씬 카드 안에 옮겼다 — 옛 대본 보기(머리·접힌 제작 메모)는 없어졌다.
 * 드라마팀 대본 조판(레퍼런스 T·K — spec §1)을 새 셸 Framer 다크 토큰(DESIGN.md)으로 옮긴다:
 *   ▲ 글리프 강조색 · 이름 굵게 · 지시 회색 기울임 · 속마음(V.O) 기울임 · HOOK 강조 테두리 상자 · 전환 오른쪽 · END 가운데.
 * 🔴 파란 accent 는 쓰지 않는다 — DESIGN.md: 링크·포커스·선택 전용. ▲·★·HOOK 은 그라데이션 계열(오렌지) 하나를 --eps-accent 로 쓴다.
 * 움직임 없음. 360px 에서 가로 스크롤 0 — 고정 폭·nowrap 없이 어절에서 끊는다. */

.epr-sheet {
  --eps-accent: var(--g-orange, #ff7a3d);
  --eps-accent-soft: rgba(255, 122, 61, 0.10);
}
/* 대본 줄의 글자 — 클립 상자·씬 개요 안에서만(블록 제목·칩은 제 크기를 갖는다). */
.epr-sheet :is(.epr-clips, .epr-scene-plan) { font-size: var(--fs-caption); line-height: 1.7; color: var(--ink); word-break: keep-all; overflow-wrap: anywhere; }

.eps-mark {
  font-size: var(--fs-fine); font-weight: 600; line-height: 1.5; color: var(--eps-accent);
  background: var(--eps-accent-soft); border-radius: var(--r-pill); padding: 0 8px;
}
.eps-loc { display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--sp-xs); font-size: var(--fs-fine); color: var(--ink-48); }
.eps-loc--sub { margin-top: 2px; }

/* ▲ 지문 — 여러 줄이면 둘째 줄부터 글리프 오른쪽에 맞춘다(내어쓰기). */
.eps-beat { padding-left: 1.25em; text-indent: -1.25em; color: var(--ink-80); }
.eps-tri { display: inline-block; width: 1.25em; text-indent: 0; color: var(--eps-accent); }
.eps-tag {
  margin-right: 6px; padding: 0 6px; border-radius: var(--r-xs);
  font-size: var(--fs-fine); color: var(--ink-80); background: var(--surface-2);
}

/* 대사 — 이름  (지시):  대사. 여러 줄이면 둘째 줄부터 들여 쓴다(이름 줄이 한눈에 선다). */
.eps-dlg { padding-left: 1.5em; text-indent: -1.5em; }
/* 클립 줄 안의 대사·V.O 는 ▲ 지문 글자보다 한 단 안쪽에 선다(2026-10-02 오너 — '보이스오버랑 대사는 지문보다 하나 들여써지는게 룰').
   2.5em = ▲ 글리프 폭(1.25em — .eps-tri) + 한 단(1.25em). §2 개요의 내적 독백(.epr-scene-plan)은 지문과 섞이지 않으므로 그대로다.
   [대본 복사]도 같은 규칙이다(lib/episode/scriptCopy.js DLG_INDENT). */
.epr-clip-lines .eps-dlg { margin-left: 2.5em; }
.eps-name { font-weight: 700; color: var(--ink); }
/* 사이 간격은 앞에 이름·꼬리표가 있을 때만 — 이름 없는 `(V.O.):` 줄이 4px 들여 써졌다. */
.eps-voice { font-weight: 600; color: var(--ink-80); }
.eps-name + .eps-voice { margin-left: 4px; }
.eps-paren { font-style: italic; color: var(--ink-48); }
:is(.eps-name, .eps-voice) + .eps-paren { margin-left: 6px; }
.eps-colon { margin-right: 6px; color: var(--ink-48); }
.eps-dlg--vo .eps-line { font-style: italic; color: var(--ink-80); }

/* HOOK — 강조 테두리 상자. 씬 머리 바로 아래가 아닌 ★ 표식 줄도 같은 상자(더 옅게). */
.eps-hook {
  padding: 6px var(--sp-sm); border-left: 3px solid var(--eps-accent); border-radius: var(--r-sm);
  background: var(--eps-accent-soft); font-weight: 600; color: var(--ink);
}
.eps-hook--mark { font-weight: 500; color: var(--eps-accent); }

.eps-trans { text-align: right; font-style: italic; color: var(--ink-80); }
.eps-fb { font-style: italic; color: var(--ink-48); }
.eps-note { color: var(--ink-48); }
.eps-end { padding: var(--sp-xs) 0; text-align: center; font-weight: 700; letter-spacing: 0.2em; color: var(--ink-80); }

/* 원문에 이름이 없는 V.O(옛 `V.O: "…"`)에 붙인 주인공 이름 — 원문 이름과 가르려고 흐리게 + 점선 밑줄(까닭은 title). */
.eps-name--lead { color: var(--ink-80); text-decoration: underline dotted var(--ink-48); text-underline-offset: 3px; }