GhiVideo 소스 복제 — v4 작업 시작 기준

기존 GhiVideo 저장소 HEAD의 트래킹 소스 362개 파일을 복제.
(node_modules·storage·빌드 산출물·대용량 미디어는 .gitignore 규칙대로 제외)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

docs/assets/report-hwp.css

@@ -0,0 +1,55 @@
+/* 한맥 기술개발센터 회의자료(HWP) 양식 모사 — md→html→pdf 공용 */
+@page {
+  size: A4;
+  margin: 22mm 18mm 18mm 18mm;
+  @top-left  { content: "한맥 기술개발센터"; font-family: "Malgun Gothic"; font-size: 8.5pt; color: #555; }
+  @top-right { content: "대외비 / 회의자료"; font-family: "Malgun Gothic"; font-size: 8.5pt; color: #a33; }
+  @bottom-center { content: "기술로 사람과 자연이 함께하는 세상을 만들어 갑니다."; font-family: "Malgun Gothic"; font-size: 8.5pt; color: #999; }
+  @bottom-right  { content: counter(page); font-family: "Malgun Gothic"; font-size: 8.5pt; color: #999; }
+}
+
+html { font-size: 10.5pt; }
+body {
+  font-family: "Malgun Gothic", "Hancom Gothic", sans-serif;
+  color: #1a1a1a; line-height: 1.55; margin: 0 auto; max-width: 900px; padding: 8px 10px;
+}
+
+/* 제목 */
+h1 {
+  text-align: center; font-size: 17pt; font-weight: 800; color: #111;
+  margin: 2px 0 4px; padding-bottom: 8px; border-bottom: 2.5px solid #333;
+}
+.subhead { text-align: center; color: #666; font-size: 9.5pt; margin: 0 0 18px; }
+
+/* □ 절 제목 (## 으로 작성, 텍스트에 □ 포함) */
+h2 {
+  font-size: 13pt; font-weight: 800; color: #14305e;
+  margin: 18px 0 8px; padding: 0; border: none;
+}
+/* ▷ 소제목 (### 으로 작성) */
+h3 { font-size: 11pt; font-weight: 700; color: #333; margin: 12px 0 5px; }
+
+ul { margin: 4px 0 8px; padding-left: 18px; }
+li { margin: 2px 0; }
+strong { color: #111; }
+a { color: #14305e; text-decoration: none; }
+
+/* 표 — HWP 느낌(전 테두리, 헤더 회색) */
+table { border-collapse: collapse; width: 100%; margin: 8px 0 12px; font-size: 9.5pt; }
+th, td { border: 1px solid #555; padding: 5px 8px; vertical-align: top; text-align: left; }
+th { background: #e9edf3; color: #14305e; font-weight: 700; text-align: center; }
+td.c, th.c { text-align: center; }
+
+/* ☞ 제언 박스 */
+blockquote {
+  border: 1px solid #c9b27a; background: #fffbf0; border-radius: 4px;
+  margin: 10px 0; padding: 8px 12px; color: #5a4626; font-size: 9.8pt;
+}
+
+figure { margin: 10px 0; text-align: center; page-break-inside: avoid; break-inside: avoid; }
+figure svg { width: 100%; max-width: 720px; height: auto; }
+figure figcaption { font-size: 8.8pt; color: #777; margin-top: 4px; }
+text { font-family: "Malgun Gothic", sans-serif; }
+
+h1, h2, h3 { break-after: avoid; }
+table, figure { break-inside: avoid; }