/**
 * Lane A — TV / projector readability (120" legible).
 * White background, dark text. Applied to TV stage + iframe content with data-surface="tv".
 */
html[data-surface="tv"],
body[data-surface="tv"] {
  background: #ffffff !important;
  color: #0a1525 !important;
}

body[data-surface="tv"] {
  font-size: 18px;
  line-height: 1.55;
}

body[data-surface="tv"] #tv-stage-root,
body[data-surface="tv"] #tv-banner {
  background: #ffffff !important;
  color: #0a1525 !important;
  border-color: #1e3a5f !important;
}

body[data-surface="tv"] #tv-banner h1,
body[data-surface="tv"] #tv-idle h2 {
  color: #1e3a5f !important;
  font-size: clamp(24px, 3vw, 42px) !important;
}

body[data-surface="tv"] #tv-meta {
  display: none !important;
}

body[data-surface="tv"] #tv-idle p,
body[data-surface="tv"] #tv-meta,
body[data-surface="tv"] .sub {
  color: #1e293b !important;
  font-size: clamp(16px, 2vw, 22px) !important;
}

body[data-surface="tv"] #tv-announce {
  background: #fef3c7 !important;
  color: #78350f !important;
  font-size: clamp(16px, 2vw, 24px) !important;
  font-weight: 600;
  border-bottom: 2px solid #d97706;
}

body[data-surface="tv"] #tv-live-pill {
  background: #e2e8f0 !important;
  color: #0f172a !important;
  font-size: 14px !important;
}

body[data-surface="tv"] #tv-live-pill.live {
  background: #dcfce7 !important;
  color: #14532d !important;
}

body[data-surface="tv"] #tv-frame-wrap {
  background: #f8fafc !important;
}

/* Episode engine on TV */
body[data-surface="tv"] {
  --bg: #ffffff;
  --panel: #f1f5f9;
  --line: #cbd5e1;
  --gold: #b45309;
  --text: #0a1525;
  --muted: #334155;
}

body[data-surface="tv"] .ep-scene,
body[data-surface="tv"] .ep-keisha-bubble,
body[data-surface="tv"] .ep-milo-card,
body[data-surface="tv"] .ep-header h1 {
  color: #0a1525 !important;
}

body[data-surface="tv"] .ep-reading,
body[data-surface="tv"] .ep-teach-caption,
body[data-surface="tv"] .ep-milo,
body[data-surface="tv"] .ep-decision {
  color: #0a1525 !important;
}

body[data-surface="tv"] .ep-reading {
  background: #f8fafc !important;
  border-color: #94a3b8 !important;
}

body[data-surface="tv"] .ep-reading-body p,
body[data-surface="tv"] .ep-reading-list,
body[data-surface="tv"] .ep-milo-body,
body[data-surface="tv"] .ep-milo-detail,
body[data-surface="tv"] .ep-decision-prompt {
  font-size: clamp(18px, 2.4vw, 26px) !important;
  line-height: 1.65 !important;
  color: #0a1525 !important;
}

body[data-surface="tv"] .ep-reading-title {
  font-size: clamp(22px, 3vw, 32px) !important;
  color: #1e3a5f !important;
}

body[data-surface="tv"] .ep-teach-caption {
  font-size: clamp(17px, 2.2vw, 24px) !important;
  background: #1e3a5f !important;
  color: #f8fafc !important;
}

body[data-surface="tv"] .ep-chain-link {
  background: #ffffff !important;
  color: #0a1525 !important;
}

body[data-surface="tv"] .ep-vo-slot {
  font-size: clamp(13px, 1.6vw, 16px) !important;
  color: #475569 !important;
  background: #ffffff !important;
}

body[data-surface="tv"] .ep-chain-detail-panel,
body[data-surface="tv"] .ep-discussion-panel {
  color: #0a1525 !important;
}

body[data-surface="tv"] .ep-discussion-prompt {
  font-size: clamp(24px, 3.5vw, 36px) !important;
  color: #0a1525 !important;
}

body[data-surface="tv"] .surface-private,
body[data-surface="tv"] [data-surface-private],
body[data-surface="tv"] .student-answer-private,
body[data-surface="tv"] #quiz-answer-panel {
  display: none !important;
}