/* ============================================================
   AI 단기 정규반 — 터미널·에디터 테마 덱 CSS
   2주차(Claude Code) 덱 전용. 슬라이드 모양은 각 <section>의
   인라인 style이 결정하고, 여기선 전역 톤만 잡는다.
   ============================================================ */
:root {
  --t-bg:    #0b0f14;
  --t-panel: #12181f;
  --t-line:  #232c37;
  --t-ink:   #e6edf3;
  --t-muted: #8b949e;
  --t-dim:   #5a6472;
  --t-coral: #d97757;
  --t-green: #3fb950;
  --t-amber: #d29922;
  --t-blue:  #58a6ff;
  --t-mono: "JetBrains Mono","SF Mono","D2Coding",ui-monospace,monospace;
  --t-sans: "Pretendard","Noto Sans KR",system-ui,sans-serif;
}

.reveal { font-family: var(--t-sans); }

/* 1920×1080 풀블리드 — 인라인 style의 flex/padding이 그대로 적용 */
.reveal .slides { text-align: left; }
.reveal .slides > section.slide {
  width: 1920px !important;
  height: 1080px !important;
  min-height: 1080px !important;
  box-sizing: border-box;
  top: 0 !important;
  overflow: hidden;
}

/* reveal 코어 기본값 제거 — 인라인 style이 이기도록 */
.reveal h1, .reveal h2, .reveal h3, .reveal h4 {
  text-transform: none;
  font-family: var(--t-sans);
  letter-spacing: normal;
  margin: 0;
  line-height: 1.1;
}
.reveal p { margin: 0; line-height: 1.4; }
.reveal ul, .reveal ol { display: block; margin: 0; }
.reveal li { margin: 0; }
.reveal table { font-size: inherit; }
.reveal strong, .reveal b { color: inherit; }
.reveal code {
  font-family: var(--t-mono);
  background: rgba(255,255,255,0.07);
  padding: 3px 10px;
  border-radius: 7px;
  color: var(--t-ink);
  font-size: 0.94em;
}

/* 발표자 노트는 화면에 숨김 (S 키 발표자 모드에서만) */
.reveal aside.notes { display: none; }

/* 슬라이드 번호 배지 */
.reveal .slides > section.slide > .slide-no {
  position: absolute;
  top: 18px; right: 24px;
  z-index: 20;
  font-family: var(--t-mono);
  font-size: 20px; font-weight: 700;
  line-height: 1;
  padding: 6px 12px;
  border-radius: 8px;
  background: rgba(255,255,255,0.06);
  color: rgba(230,237,243,0.45);
  pointer-events: none;
}

/* fragment */
.reveal .fragment { transition: opacity 0.18s ease; }

/* 배경(레터박스) */
html, body { background: #05080b; }
.reveal-viewport { background-color: #05080b; }

/* 진행바 · 컨트롤 · 페이지번호 */
.reveal .progress { color: var(--t-coral); height: 4px; }
.reveal .controls { color: var(--t-coral); }
.reveal .slide-number { background: rgba(0,0,0,0.45); color: var(--t-muted); font-size: 14px; }

/* 인쇄(PDF) 시 배경색 강제 */
@media print {
  .reveal .slides > section.slide { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}