Add separate results folder for run outputs

docs/run-002/04-plan/history/stage-1b-refined-concepts.iteration-1.json

@@ -0,0 +1,28 @@
+{
+  "concepts": [
+    {
+      "topic_id": 1,
+      "relation_type": "goal",
+      "expression_hint": "Keep the three goal groups and the referenced image visible.",
+      "summary": ""
+    },
+    {
+      "topic_id": 2,
+      "relation_type": "process",
+      "expression_hint": "Preserve the four process-change bullets in original order.",
+      "summary": ""
+    },
+    {
+      "topic_id": 3,
+      "relation_type": "stakeholder_effect",
+      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
+      "summary": "<DxEffect /> ???? ?? ???? ??"
+    },
+    {
+      "topic_id": 4,
+      "relation_type": "conclusion",
+      "expression_hint": "Keep the conclusion sentence as-is in the footer.",
+      "summary": "고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다."
+    }
+  ]
+}

docs/run-002/04-plan/retry-plan.json

@@ -0,0 +1,35 @@
+{
+  "rollback_stage": "stage_1b",
+  "failures": [
+    "Verify-ComparisonVisible",
+    "Verify-CoreMessage",
+    "Verify-DesignNarrative",
+    "Verify-DesignStructure",
+    "Verify-ImageRef"
+  ],
+  "reasons": [
+    "가시 메시지/관계도/비교 요약이 부족하여 topic 표현 지시를 다시 강화해야 함"
+  ],
+  "mutations": [
+    {
+      "topic_id": 2,
+      "change": "summary",
+      "strategy": "core_message_strengthen"
+    },
+    {
+      "topic_id": 3,
+      "change": "expression_hint",
+      "strategy": "force_relation_diagram_visible"
+    },
+    {
+      "topic_id": 5,
+      "change": "expression_hint",
+      "strategy": "force_visible_comparison_summary"
+    },
+    {
+      "topic_id": 6,
+      "change": "summary",
+      "strategy": "strong_footer_conclusion"
+    }
+  ]
+}

docs/run-002/04-plan/stage-1a-topics.json

@@ -5,9 +5,22 @@
     "total_pages": 1
   },
   "page_structure": {
-    "??": {
+    "body": {
       "topic_ids": [
-        6
+        1,
+        2
+      ],
+      "weight": 0.72
+    },
+    "sidebar": {
+      "topic_ids": [
+        3
+      ],
+      "weight": 0.18
+    },
+    "footer": {
+      "topic_ids": [
+        4
       ],
       "weight": 0.1
     }

docs/run-002/04-plan/stage-1b-refined-concepts.json

@@ -9,14 +9,14 @@
     {
       "topic_id": 2,
       "relation_type": "process",
-      "expression_hint": "Preserve the four process-change bullets in original order.",
+      "expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
-      "summary": ""
+      "summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
     },
     {
       "topic_id": 3,
       "relation_type": "stakeholder_effect",
-      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
+      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
-      "summary": "<DxEffect /> ???? ?? ???? ??"
+      "summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
     },
     {
       "topic_id": 4,

docs/run-002/05-execution/measurement.json

@@ -10,26 +10,26 @@
     "body": {
       "block_count": 0,
       "blocks": [],
-      "clientHeight": 178,
+      "clientHeight": 461,
       "excess_px": 0,
       "overflowed": false,
-      "scrollHeight": 178
+      "scrollHeight": 461
     },
     "footer": {
       "block_count": 0,
       "blocks": [],
-      "clientHeight": 178,
+      "clientHeight": 66,
       "excess_px": 0,
       "overflowed": false,
-      "scrollHeight": 178
+      "scrollHeight": 66
     },
     "sidebar": {
       "block_count": 0,
       "blocks": [],
-      "clientHeight": 178,
+      "clientHeight": 461,
       "excess_px": 0,
       "overflowed": false,
-      "scrollHeight": 178
+      "scrollHeight": 461
     }
   }
 }

docs/run-002/05-execution/stage_0_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162506",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
   "raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n  order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n  - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n  - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n  - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n  - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n  - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n  - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n![DX의 궁극적 목표](/assets/images/궁극적목표.png) \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n  - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n  - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n  - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n  - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",

docs/run-002/05-execution/stage_1_5a_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162506",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
   "raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n  order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n  - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n  - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n  - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n  - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n  - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n  - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n![DX의 궁극적 목표](/assets/images/궁극적목표.png) \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n  - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n  - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n  - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n  - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",
@@ -63,10 +63,10 @@
       "layer": "core",
       "source_hint": "?? ?? ??(Process)? ??",
       "relation_type": "process",
-      "expression_hint": "Preserve the four process-change bullets in original order.",
+      "expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
       "source_data": "",
       "structured_text": "",
-      "summary": ""
+      "summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
     },
     {
       "id": 3,
@@ -76,10 +76,10 @@
       "layer": "supporting",
       "source_hint": "DX ?? ??? ????",
       "relation_type": "stakeholder_effect",
-      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
+      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
       "source_data": "<DxEffect /> ???? ?? ???? ??",
       "structured_text": "",
-      "summary": "<DxEffect /> ???? ?? ???? ??"
+      "summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
     },
     {
       "id": 4,
@@ -97,9 +97,22 @@
   ],
   "page_structure": {
     "roles": {
-      "??": {
+      "body": {
         "topic_ids": [
-          6
+          1,
+          2
+        ],
+        "weight": 0.72
+      },
+      "sidebar": {
+        "topic_ids": [
+          3
+        ],
+        "weight": 0.18
+      },
+      "footer": {
+        "topic_ids": [
+          4
         ],
         "weight": 0.1
       }
@@ -116,27 +129,74 @@
     0
   ],
   "containers": {
-    "??": {
+    "body": {
-      "role": "??",
+      "role": "body",
       "zone": "body",
       "topic_ids": [
-        6
+        1,
+        2
       ],
-      "weight": 0.1,
+      "weight": 0.72,
-      "height_px": 490,
+      "height_px": 324,
       "width_px": 780,
-      "max_height_cost": "xlarge",
+      "max_height_cost": "large",
       "text_budget": null,
       "design_budget": null,
       "block_constraints": {
-        "max_lines": 17,
+        "max_lines": 6,
-        "max_items": 8,
+        "max_items": 3,
-        "chars_per_line": 51,
+        "chars_per_line": 56,
-        "max_chars_total": 867,
+        "max_chars_total": 336,
-        "max_chars_per_item": 108,
+        "max_chars_per_item": 112,
-        "font_size_px": 15.2,
+        "font_size_px": 14.0,
-        "padding_px": 20,
+        "padding_px": 16,
-        "line_height": 1.7
+        "line_height": 1.6
+      }
+    },
+    "sidebar": {
+      "role": "sidebar",
+      "zone": "body",
+      "topic_ids": [
+        3
+      ],
+      "weight": 0.18,
+      "height_px": 81,
+      "width_px": 780,
+      "max_height_cost": "medium",
+      "text_budget": null,
+      "design_budget": null,
+      "block_constraints": {
+        "max_lines": 3,
+        "max_items": 1,
+        "chars_per_line": 62,
+        "max_chars_total": 186,
+        "max_chars_per_item": 186,
+        "font_size_px": 13.0,
+        "padding_px": 8,
+        "line_height": 1.5
+      }
+    },
+    "footer": {
+      "role": "footer",
+      "zone": "body",
+      "topic_ids": [
+        4
+      ],
+      "weight": 0.1,
+      "height_px": 45,
+      "width_px": 780,
+      "max_height_cost": "compact",
+      "text_budget": null,
+      "design_budget": null,
+      "block_constraints": {
+        "max_lines": 1,
+        "max_items": 1,
+        "chars_per_line": 67,
+        "max_chars_total": 67,
+        "max_chars_per_item": 67,
+        "font_size_px": 12.0,
+        "padding_px": 8,
+        "line_height": 1.4
       }
     }
   },

docs/run-002/05-execution/stage_1_5b_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162506",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
   "raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n  order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n  - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n  - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n  - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n  - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n  - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n  - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n![DX의 궁극적 목표](/assets/images/궁극적목표.png) \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n  - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n  - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n  - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n  - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",
@@ -63,10 +63,10 @@
       "layer": "core",
       "source_hint": "?? ?? ??(Process)? ??",
       "relation_type": "process",
-      "expression_hint": "Preserve the four process-change bullets in original order.",
+      "expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
       "source_data": "",
       "structured_text": "",
-      "summary": ""
+      "summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
     },
     {
       "id": 3,
@@ -76,10 +76,10 @@
       "layer": "supporting",
       "source_hint": "DX ?? ??? ????",
       "relation_type": "stakeholder_effect",
-      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
+      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
       "source_data": "<DxEffect /> ???? ?? ???? ??",
       "structured_text": "",
-      "summary": "<DxEffect /> ???? ?? ???? ??"
+      "summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
     },
     {
       "id": 4,
@@ -97,9 +97,22 @@
   ],
   "page_structure": {
     "roles": {
-      "??": {
+      "body": {
         "topic_ids": [
-          6
+          1,
+          2
+        ],
+        "weight": 0.72
+      },
+      "sidebar": {
+        "topic_ids": [
+          3
+        ],
+        "weight": 0.18
+      },
+      "footer": {
+        "topic_ids": [
+          4
         ],
         "weight": 0.1
       }
@@ -116,39 +129,100 @@
     0
   ],
   "containers": {
-    "??": {
+    "body": {
-      "role": "??",
+      "role": "body",
       "zone": "body",
       "topic_ids": [
-        6
+        1,
+        2
       ],
-      "weight": 0.1,
+      "weight": 0.72,
-      "height_px": 490,
+      "height_px": 324,
       "width_px": 780,
-      "max_height_cost": "xlarge",
+      "max_height_cost": "large",
       "text_budget": null,
       "design_budget": {
-        "available_height_px": 352,
+        "available_height_px": 186,
         "available_width_px": 740,
-        "max_circle_diameter": 350,
+        "max_circle_diameter": 184,
         "max_img_width": 740,
-        "max_img_height": 352,
+        "max_img_height": 186,
         "fits": true
       },
       "block_constraints": {
-        "max_lines": 17,
+        "max_lines": 6,
-        "max_items": 8,
+        "max_items": 3,
-        "chars_per_line": 51,
+        "chars_per_line": 56,
-        "max_chars_total": 867,
+        "max_chars_total": 336,
-        "max_chars_per_item": 108,
+        "max_chars_per_item": 112,
-        "font_size_px": 15.2,
+        "font_size_px": 14.0,
-        "padding_px": 20,
+        "padding_px": 16,
-        "line_height": 1.7
+        "line_height": 1.6
+      }
+    },
+    "sidebar": {
+      "role": "sidebar",
+      "zone": "body",
+      "topic_ids": [
+        3
+      ],
+      "weight": 0.18,
+      "height_px": 81,
+      "width_px": 780,
+      "max_height_cost": "medium",
+      "text_budget": null,
+      "design_budget": {
+        "available_height_px": 0,
+        "available_width_px": 740,
+        "max_circle_diameter": 0,
+        "max_img_width": 740,
+        "max_img_height": 0,
+        "fits": false
+      },
+      "block_constraints": {
+        "max_lines": 3,
+        "max_items": 1,
+        "chars_per_line": 62,
+        "max_chars_total": 186,
+        "max_chars_per_item": 186,
+        "font_size_px": 13.0,
+        "padding_px": 8,
+        "line_height": 1.5
+      }
+    },
+    "footer": {
+      "role": "footer",
+      "zone": "body",
+      "topic_ids": [
+        4
+      ],
+      "weight": 0.1,
+      "height_px": 45,
+      "width_px": 780,
+      "max_height_cost": "compact",
+      "text_budget": null,
+      "design_budget": {
+        "available_height_px": 0,
+        "available_width_px": 740,
+        "max_circle_diameter": 0,
+        "max_img_width": 740,
+        "max_img_height": 0,
+        "fits": false
+      },
+      "block_constraints": {
+        "max_lines": 1,
+        "max_items": 1,
+        "chars_per_line": 67,
+        "max_chars_total": 67,
+        "max_chars_per_item": 67,
+        "font_size_px": 12.0,
+        "padding_px": 8,
+        "line_height": 1.4
       }
     }
   },
   "references": {
-    "??": [
+    "body": [
       {
         "block_id": "quote-big-mark",
         "variant": "default",
@@ -177,6 +251,97 @@
         "topic_id": null,
         "supporting_topic_ids": [],
         "is_hierarchical": false
+      },
+      {
+        "block_id": "quote-big-mark",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "quote_text": {
+            "max_lines": 3,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 120,
+              "sidebar": 70
+            },
+            "note": "16px, 큰따옴표 장식 안, 3줄 이내"
+          },
+          "source": {
+            "max_lines": 1,
+            "font_size": 14,
+            "ref_chars": {
+              "body": 30,
+              "sidebar": 20
+            },
+            "note": "caption, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경  -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n  📋 quote-big-mark\n  ─────────────────\n  용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n  슬롯: quote_text (필수), source (선택)\n  Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n  <div class=\"qb-mark qb-open\">❝</div>\n  <div class=\"qb-content\">\n    <div class=\"qb-text\">중요한 인용문 텍스트</div>\n    <div class=\"qb-source\">— 출처</div>\n  </div>\n  <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n  background: #f8fafc;\n  border-radius: var(--radius);\n  padding: 24px 28px;\n  position: relative;\n  border: 1px solid #e2e8f0;\n}\n.qb-mark {\n  font-size: 3rem;\n  color: #cbd5e1;\n  font-weight: 900;\n  line-height: 1;\n  position: absolute;\n}\n.qb-open {\n  top: 8px;\n  left: 12px;\n}\n.qb-close {\n  bottom: -8px;\n  right: 16px;\n}\n.qb-content {\n  padding: 10px 30px 0;\n}\n.qb-text {\n  font-size: 15px;\n  font-weight: 500;\n  color: #1e293b;\n  line-height: 1.8;\n  word-break: keep-all;\n  white-space: pre-line;\n}\n.qb-source {\n  font-size: 12px;\n  color: #64748b;\n  font-style: italic;\n  margin-top: 10px;\n  text-align: right;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
+      }
+    ],
+    "sidebar": [
+      {
+        "block_id": "quote-big-mark",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "quote_text": {
+            "max_lines": 3,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 120,
+              "sidebar": 70
+            },
+            "note": "16px, 큰따옴표 장식 안, 3줄 이내"
+          },
+          "source": {
+            "max_lines": 1,
+            "font_size": 14,
+            "ref_chars": {
+              "body": 30,
+              "sidebar": 20
+            },
+            "note": "caption, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경  -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n  📋 quote-big-mark\n  ─────────────────\n  용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n  슬롯: quote_text (필수), source (선택)\n  Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n  <div class=\"qb-mark qb-open\">❝</div>\n  <div class=\"qb-content\">\n    <div class=\"qb-text\">중요한 인용문 텍스트</div>\n    <div class=\"qb-source\">— 출처</div>\n  </div>\n  <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n  background: #f8fafc;\n  border-radius: var(--radius);\n  padding: 24px 28px;\n  position: relative;\n  border: 1px solid #e2e8f0;\n}\n.qb-mark {\n  font-size: 3rem;\n  color: #cbd5e1;\n  font-weight: 900;\n  line-height: 1;\n  position: absolute;\n}\n.qb-open {\n  top: 8px;\n  left: 12px;\n}\n.qb-close {\n  bottom: -8px;\n  right: 16px;\n}\n.qb-content {\n  padding: 10px 30px 0;\n}\n.qb-text {\n  font-size: 15px;\n  font-weight: 500;\n  color: #1e293b;\n  line-height: 1.8;\n  word-break: keep-all;\n  white-space: pre-line;\n}\n.qb-source {\n  font-size: 12px;\n  color: #64748b;\n  font-style: italic;\n  margin-top: 10px;\n  text-align: right;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
+      }
+    ],
+    "footer": [
+      {
+        "block_id": "banner-gradient",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "text": {
+            "max_lines": 1,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 38,
+              "sidebar": 18
+            },
+            "note": "16px bold white, 1줄"
+          },
+          "sub_text": {
+            "max_lines": 1,
+            "font_size": 12,
+            "ref_chars": {
+              "body": 50,
+              "sidebar": 30
+            },
+            "note": "12px, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n  📋 banner-gradient\n  ─────────────────\n  용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n  슬롯: text (필수), sub_text (선택)\n  Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n  <div class=\"bg-text\">핵심 메시지 한 줄</div>\n  <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n  background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n  border-radius: 8px;\n  padding: 16px 30px;\n  text-align: center;\n  color: #ffffff;\n}\n.bg-text {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.5;\n}\n.bg-sub {\n  font-size: 12px;\n  font-weight: 400;\n  opacity: 0.85;\n  margin-top: 4px;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
       }
     ]
   },

docs/run-002/05-execution/stage_1_7_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162506",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
   "raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n  order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n  - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n  - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n  - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n  - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n  - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n  - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n![DX의 궁극적 목표](/assets/images/궁극적목표.png) \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n  - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n  - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n  - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n  - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",
@@ -63,10 +63,10 @@
       "layer": "core",
       "source_hint": "?? ?? ??(Process)? ??",
       "relation_type": "process",
-      "expression_hint": "Preserve the four process-change bullets in original order.",
+      "expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
       "source_data": "",
       "structured_text": "",
-      "summary": ""
+      "summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
     },
     {
       "id": 3,
@@ -76,10 +76,10 @@
       "layer": "supporting",
       "source_hint": "DX ?? ??? ????",
       "relation_type": "stakeholder_effect",
-      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
+      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
       "source_data": "<DxEffect /> ???? ?? ???? ??",
       "structured_text": "",
-      "summary": "<DxEffect /> ???? ?? ???? ??"
+      "summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
     },
     {
       "id": 4,
@@ -97,9 +97,22 @@
   ],
   "page_structure": {
     "roles": {
-      "??": {
+      "body": {
         "topic_ids": [
-          6
+          1,
+          2
+        ],
+        "weight": 0.72
+      },
+      "sidebar": {
+        "topic_ids": [
+          3
+        ],
+        "weight": 0.18
+      },
+      "footer": {
+        "topic_ids": [
+          4
         ],
         "weight": 0.1
       }
@@ -116,32 +129,79 @@
     0
   ],
   "containers": {
-    "??": {
+    "body": {
-      "role": "??",
+      "role": "body",
       "zone": "body",
       "topic_ids": [
-        6
+        1,
+        2
       ],
-      "weight": 0.1,
+      "weight": 0.72,
-      "height_px": 490,
+      "height_px": 324,
       "width_px": 780,
-      "max_height_cost": "xlarge",
+      "max_height_cost": "large",
       "text_budget": null,
       "design_budget": null,
       "block_constraints": {
-        "max_lines": 17,
+        "max_lines": 6,
-        "max_items": 8,
+        "max_items": 3,
-        "chars_per_line": 51,
+        "chars_per_line": 56,
-        "max_chars_total": 867,
+        "max_chars_total": 336,
-        "max_chars_per_item": 108,
+        "max_chars_per_item": 112,
-        "font_size_px": 15.2,
+        "font_size_px": 14.0,
-        "padding_px": 20,
+        "padding_px": 16,
-        "line_height": 1.7
+        "line_height": 1.6
+      }
+    },
+    "sidebar": {
+      "role": "sidebar",
+      "zone": "body",
+      "topic_ids": [
+        3
+      ],
+      "weight": 0.18,
+      "height_px": 81,
+      "width_px": 780,
+      "max_height_cost": "medium",
+      "text_budget": null,
+      "design_budget": null,
+      "block_constraints": {
+        "max_lines": 3,
+        "max_items": 1,
+        "chars_per_line": 62,
+        "max_chars_total": 186,
+        "max_chars_per_item": 186,
+        "font_size_px": 13.0,
+        "padding_px": 8,
+        "line_height": 1.5
+      }
+    },
+    "footer": {
+      "role": "footer",
+      "zone": "body",
+      "topic_ids": [
+        4
+      ],
+      "weight": 0.1,
+      "height_px": 45,
+      "width_px": 780,
+      "max_height_cost": "compact",
+      "text_budget": null,
+      "design_budget": null,
+      "block_constraints": {
+        "max_lines": 1,
+        "max_items": 1,
+        "chars_per_line": 67,
+        "max_chars_total": 67,
+        "max_chars_per_item": 67,
+        "font_size_px": 12.0,
+        "padding_px": 8,
+        "line_height": 1.4
       }
     }
   },
   "references": {
-    "??": [
+    "body": [
       {
         "block_id": "quote-big-mark",
         "variant": "default",
@@ -170,6 +230,97 @@
         "topic_id": null,
         "supporting_topic_ids": [],
         "is_hierarchical": false
+      },
+      {
+        "block_id": "quote-big-mark",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "quote_text": {
+            "max_lines": 3,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 120,
+              "sidebar": 70
+            },
+            "note": "16px, 큰따옴표 장식 안, 3줄 이내"
+          },
+          "source": {
+            "max_lines": 1,
+            "font_size": 14,
+            "ref_chars": {
+              "body": 30,
+              "sidebar": 20
+            },
+            "note": "caption, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경  -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n  📋 quote-big-mark\n  ─────────────────\n  용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n  슬롯: quote_text (필수), source (선택)\n  Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n  <div class=\"qb-mark qb-open\">❝</div>\n  <div class=\"qb-content\">\n    <div class=\"qb-text\">중요한 인용문 텍스트</div>\n    <div class=\"qb-source\">— 출처</div>\n  </div>\n  <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n  background: #f8fafc;\n  border-radius: var(--radius);\n  padding: 24px 28px;\n  position: relative;\n  border: 1px solid #e2e8f0;\n}\n.qb-mark {\n  font-size: 3rem;\n  color: #cbd5e1;\n  font-weight: 900;\n  line-height: 1;\n  position: absolute;\n}\n.qb-open {\n  top: 8px;\n  left: 12px;\n}\n.qb-close {\n  bottom: -8px;\n  right: 16px;\n}\n.qb-content {\n  padding: 10px 30px 0;\n}\n.qb-text {\n  font-size: 15px;\n  font-weight: 500;\n  color: #1e293b;\n  line-height: 1.8;\n  word-break: keep-all;\n  white-space: pre-line;\n}\n.qb-source {\n  font-size: 12px;\n  color: #64748b;\n  font-style: italic;\n  margin-top: 10px;\n  text-align: right;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
+      }
+    ],
+    "sidebar": [
+      {
+        "block_id": "quote-big-mark",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "quote_text": {
+            "max_lines": 3,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 120,
+              "sidebar": 70
+            },
+            "note": "16px, 큰따옴표 장식 안, 3줄 이내"
+          },
+          "source": {
+            "max_lines": 1,
+            "font_size": 14,
+            "ref_chars": {
+              "body": 30,
+              "sidebar": 20
+            },
+            "note": "caption, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경  -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n  📋 quote-big-mark\n  ─────────────────\n  용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n  슬롯: quote_text (필수), source (선택)\n  Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n  <div class=\"qb-mark qb-open\">❝</div>\n  <div class=\"qb-content\">\n    <div class=\"qb-text\">중요한 인용문 텍스트</div>\n    <div class=\"qb-source\">— 출처</div>\n  </div>\n  <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n  background: #f8fafc;\n  border-radius: var(--radius);\n  padding: 24px 28px;\n  position: relative;\n  border: 1px solid #e2e8f0;\n}\n.qb-mark {\n  font-size: 3rem;\n  color: #cbd5e1;\n  font-weight: 900;\n  line-height: 1;\n  position: absolute;\n}\n.qb-open {\n  top: 8px;\n  left: 12px;\n}\n.qb-close {\n  bottom: -8px;\n  right: 16px;\n}\n.qb-content {\n  padding: 10px 30px 0;\n}\n.qb-text {\n  font-size: 15px;\n  font-weight: 500;\n  color: #1e293b;\n  line-height: 1.8;\n  word-break: keep-all;\n  white-space: pre-line;\n}\n.qb-source {\n  font-size: 12px;\n  color: #64748b;\n  font-style: italic;\n  margin-top: 10px;\n  text-align: right;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
+      }
+    ],
+    "footer": [
+      {
+        "block_id": "banner-gradient",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "text": {
+            "max_lines": 1,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 38,
+              "sidebar": 18
+            },
+            "note": "16px bold white, 1줄"
+          },
+          "sub_text": {
+            "max_lines": 1,
+            "font_size": 12,
+            "ref_chars": {
+              "body": 50,
+              "sidebar": 30
+            },
+            "note": "12px, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n  📋 banner-gradient\n  ─────────────────\n  용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n  슬롯: text (필수), sub_text (선택)\n  Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n  <div class=\"bg-text\">핵심 메시지 한 줄</div>\n  <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n  background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n  border-radius: 8px;\n  padding: 16px 30px;\n  text-align: center;\n  color: #ffffff;\n}\n.bg-text {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.5;\n}\n.bg-sub {\n  font-size: 12px;\n  font-weight: 400;\n  opacity: 0.85;\n  margin-top: 4px;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
       }
     ]
   },

docs/run-002/05-execution/stage_1a_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162506",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
   "raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n  order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n  - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n  - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n  - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n  - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n  - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n  - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n![DX의 궁극적 목표](/assets/images/궁극적목표.png) \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n  - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n  - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n  - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n  - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",
@@ -89,9 +89,22 @@
   ],
   "page_structure": {
     "roles": {
-      "??": {
+      "body": {
         "topic_ids": [
-          6
+          1,
+          2
+        ],
+        "weight": 0.72
+      },
+      "sidebar": {
+        "topic_ids": [
+          3
+        ],
+        "weight": 0.18
+      },
+      "footer": {
+        "topic_ids": [
+          4
         ],
         "weight": 0.1
       }

docs/run-002/05-execution/stage_1b_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162506",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
   "raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n  order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n  - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n  - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n  - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n  - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n  - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n  - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n![DX의 궁극적 목표](/assets/images/궁극적목표.png) \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n  - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n  - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n  - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n  - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",
@@ -55,10 +55,10 @@
       "layer": "core",
       "source_hint": "?? ?? ??(Process)? ??",
       "relation_type": "process",
-      "expression_hint": "Preserve the four process-change bullets in original order.",
+      "expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
       "source_data": "",
       "structured_text": "",
-      "summary": ""
+      "summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
     },
     {
       "id": 3,
@@ -68,10 +68,10 @@
       "layer": "supporting",
       "source_hint": "DX ?? ??? ????",
       "relation_type": "stakeholder_effect",
-      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
+      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
       "source_data": "<DxEffect /> ???? ?? ???? ??",
       "structured_text": "",
-      "summary": "<DxEffect /> ???? ?? ???? ??"
+      "summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
     },
     {
       "id": 4,
@@ -89,9 +89,22 @@
   ],
   "page_structure": {
     "roles": {
-      "??": {
+      "body": {
         "topic_ids": [
-          6
+          1,
+          2
+        ],
+        "weight": 0.72
+      },
+      "sidebar": {
+        "topic_ids": [
+          3
+        ],
+        "weight": 0.18
+      },
+      "footer": {
+        "topic_ids": [
+          4
         ],
         "weight": 0.1
       }

docs/run-002/05-execution/steps/stage_1a.html

@@ -5,9 +5,9 @@
 <table style="border-collapse:collapse;font-size:12px;width:100%;max-width:900px;">
 <tr style="background:#1e293b;color:white;"><th style="padding:8px;">ID</th><th style="padding:8px;">제목</th>
 <th style="padding:8px;">purpose</th><th style="padding:8px;">layer</th><th style="padding:8px;">relation_type</th>
-<th style="padding:8px;">영역</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX? ??? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">goal</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
+<th style="padding:8px;">영역</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX? ??? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">goal</td><td style="padding:6px 8px;color:#333;font-weight:700;">body</td></tr>
-<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">?? ?? ??(Process)? ??</td><td style="padding:6px 8px;">???? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">process</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
+<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">?? ?? ??(Process)? ??</td><td style="padding:6px 8px;">???? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">process</td><td style="padding:6px 8px;color:#333;font-weight:700;">body</td></tr>
-<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">DX ?? ??? ????</td><td style="padding:6px 8px;">??? ????</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;">stakeholder_effect</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
+<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">DX ?? ??? ????</td><td style="padding:6px 8px;">??? ????</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;">stakeholder_effect</td><td style="padding:6px 8px;color:#333;font-weight:700;">sidebar</td></tr>
-<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
+<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;color:#333;font-weight:700;">footer</td></tr>
 </table>
-<div style="margin-top:12px;font-size:12px;color:#555;"><b>페이지 구조:</b><br>??: topic_ids=[6], weight=0.1</div></body></html>
+<div style="margin-top:12px;font-size:12px;color:#555;"><b>페이지 구조:</b><br>body: topic_ids=[1, 2], weight=0.72<br>sidebar: topic_ids=[3], weight=0.18<br>footer: topic_ids=[4], weight=0.1</div></body></html>

docs/run-002/05-execution/steps/stage_1b.html

@@ -6,8 +6,8 @@
 <table style="border-collapse:collapse;font-size:12px;width:100%;">
 <tr style="background:#1e293b;color:white;"><th style="padding:8px;">ID</th><th style="padding:8px;">제목</th>
 <th style="padding:8px;">영역</th><th style="padding:8px;">layer</th>
-<th style="padding:8px;">source_data (미리보기)</th><th style="padding:8px;">summary</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX? ??? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
+<th style="padding:8px;">source_data (미리보기)</th><th style="padding:8px;">summary</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX? ??? ??</td><td style="padding:6px 8px;color:#333;">body</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
-<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">?? ?? ??(Process)? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
+<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">?? ?? ??(Process)? ??</td><td style="padding:6px 8px;color:#333;">body</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;">DX는 상위 개념이고 BIM은 핵심 기술이다.</td></tr>
-<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">DX ?? ??? ????</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;font-size:10px;">&lt;DxEffect /> ???? ?? ???? ??</td><td style="padding:6px 8px;font-size:10px;color:#555;"><DxEffect /> ???? ?? ???? ??</td></tr>
+<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">DX ?? ??? ????</td><td style="padding:6px 8px;color:#333;">sidebar</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;font-size:10px;">&lt;DxEffect /> ???? ?? ???? ??</td><td style="padding:6px 8px;font-size:10px;color:#555;"><DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다.</td></tr>
-<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;font-size:10px;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</td><td style="padding:6px 8px;font-size:10px;color:#555;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</td></tr>
+<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;color:#333;">footer</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;font-size:10px;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</td><td style="padding:6px 8px;font-size:10px;color:#555;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</td></tr>
 </table></body></html>

docs/run-002/05-execution/steps/stage_4.html

@@ -5,8 +5,8 @@
 <div style="font-size:24px;font-weight:900;color:#16a34a;margin-bottom:12px;">품질 점수: 100</div>
 <div style="font-size:12px;color:#555;margin-bottom:4px;">슬라이드: clientHeight=720px, scrollHeight=720px, overflow=False</div>
 <table style="border-collapse:collapse;font-size:12px;width:100%;max-width:600px;margin-top:8px;">
-<tr style="background:#1e293b;color:white;"><th style="padding:8px;">영역</th><th style="padding:8px;">clientH</th><th style="padding:8px;">scrollH</th><th style="padding:8px;">excess</th></tr><tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ body</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
+<tr style="background:#1e293b;color:white;"><th style="padding:8px;">영역</th><th style="padding:8px;">clientH</th><th style="padding:8px;">scrollH</th><th style="padding:8px;">excess</th></tr><tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ body</td><td style="padding:6px 8px;">461px</td><td style="padding:6px 8px;">461px</td><td style="padding:6px 8px;">+0px</td></tr>
-<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ footer</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
+<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ footer</td><td style="padding:6px 8px;">66px</td><td style="padding:6px 8px;">66px</td><td style="padding:6px 8px;">+0px</td></tr>
-<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ sidebar</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
+<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ sidebar</td><td style="padding:6px 8px;">461px</td><td style="padding:6px 8px;">461px</td><td style="padding:6px 8px;">+0px</td></tr>
 </table>
 </body></html>

docs/run-002/06-validation/validation-result.md

@@ -30,26 +30,26 @@
     "body": {
       "block_count": 0,
       "blocks": [],
-      "clientHeight": 178,
+      "clientHeight": 461,
       "excess_px": 0,
       "overflowed": false,
-      "scrollHeight": 178
+      "scrollHeight": 461
     },
     "footer": {
       "block_count": 0,
       "blocks": [],
-      "clientHeight": 178,
+      "clientHeight": 66,
       "excess_px": 0,
       "overflowed": false,
-      "scrollHeight": 178
+      "scrollHeight": 66
     },
     "sidebar": {
       "block_count": 0,
       "blocks": [],
-      "clientHeight": 178,
+      "clientHeight": 461,
       "excess_px": 0,
       "overflowed": false,
-      "scrollHeight": 178
+      "scrollHeight": 461
     }
   }
 }

docs/run-002/comments/step-5.md

@@ -1,5 +1,5 @@
 실행 요약
-- auto_loop_runner.py iteration 1로 실행했다.
+- auto_loop_runner.py iteration 2로 실행했다.
 - 입력: `docs/run-002/01-input/02. DX의 시행 목표 및 기대효과.mdx`
 - 산출물: `final.html`, `generated_html.json`, `measurement.json`, `context.json`
 - stage snapshot: `stage_0_context.json` ~ `final_context.json`
@@ -12,7 +12,7 @@
 
 KPI / 판정 결과
 - 판정: pass
-- iteration: 1
+- iteration: 2
 - 종료 코드: 0
 - 필수 산출물 4종 유효 여부: True
 

docs/run-002/comments/step-6.md

@@ -1,5 +1,5 @@
 실행 요약
-- iteration 1 기준으로 최종 산출물과 측정 결과를 다시 검증했다.
+- iteration 2 기준으로 최종 산출물과 측정 결과를 다시 검증했다.
 - slide overflow: False
 - zone overflow: 없음
 - 최종 판정은 `revise`이다.

docs/run-003/04-plan/history/stage-1b-refined-concepts.iteration-1.json

@@ -0,0 +1,28 @@
+{
+  "concepts": [
+    {
+      "topic_id": 1,
+      "relation_type": "requirements",
+      "expression_hint": "Preserve the technology, people, and condition requirement groups.",
+      "summary": ""
+    },
+    {
+      "topic_id": 2,
+      "relation_type": "process",
+      "expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
+      "summary": ""
+    },
+    {
+      "topic_id": 3,
+      "relation_type": "product",
+      "expression_hint": "Preserve the product change bullets and collaboration outcomes.",
+      "summary": ""
+    },
+    {
+      "topic_id": 4,
+      "relation_type": "conclusion",
+      "expression_hint": "Keep the conclusion sentence as-is in the footer.",
+      "summary": "**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**"
+    }
+  ]
+}

docs/run-003/04-plan/retry-plan.json

@@ -0,0 +1,35 @@
+{
+  "rollback_stage": "stage_1b",
+  "failures": [
+    "Verify-ComparisonVisible",
+    "Verify-CoreMessage",
+    "Verify-DesignNarrative",
+    "Verify-DesignStructure",
+    "Verify-ImageRef"
+  ],
+  "reasons": [
+    "가시 메시지/관계도/비교 요약이 부족하여 topic 표현 지시를 다시 강화해야 함"
+  ],
+  "mutations": [
+    {
+      "topic_id": 2,
+      "change": "summary",
+      "strategy": "core_message_strengthen"
+    },
+    {
+      "topic_id": 3,
+      "change": "expression_hint",
+      "strategy": "force_relation_diagram_visible"
+    },
+    {
+      "topic_id": 5,
+      "change": "expression_hint",
+      "strategy": "force_visible_comparison_summary"
+    },
+    {
+      "topic_id": 6,
+      "change": "summary",
+      "strategy": "strong_footer_conclusion"
+    }
+  ]
+}

docs/run-003/04-plan/stage-1a-topics.json

@@ -5,9 +5,22 @@
     "total_pages": 1
   },
   "page_structure": {
-    "??": {
+    "body": {
       "topic_ids": [
-        6
+        1,
+        2
+      ],
+      "weight": 0.72
+    },
+    "sidebar": {
+      "topic_ids": [
+        3
+      ],
+      "weight": 0.18
+    },
+    "footer": {
+      "topic_ids": [
+        4
       ],
       "weight": 0.1
     }

docs/run-003/04-plan/stage-1b-refined-concepts.json

@@ -9,14 +9,14 @@
     {
       "topic_id": 2,
       "relation_type": "process",
-      "expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
+      "expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
-      "summary": ""
+      "summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
     },
     {
       "topic_id": 3,
       "relation_type": "product",
-      "expression_hint": "Preserve the product change bullets and collaboration outcomes.",
+      "expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
-      "summary": ""
+      "summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
     },
     {
       "topic_id": 4,

docs/run-003/05-execution/measurement.json

@@ -10,26 +10,26 @@
     "body": {
       "block_count": 0,
       "blocks": [],
-      "clientHeight": 178,
+      "clientHeight": 473,
       "excess_px": 0,
       "overflowed": false,
-      "scrollHeight": 178
+      "scrollHeight": 473
     },
     "footer": {
       "block_count": 0,
       "blocks": [],
-      "clientHeight": 178,
+      "clientHeight": 60,
       "excess_px": 0,
       "overflowed": false,
-      "scrollHeight": 178
+      "scrollHeight": 60
     },
     "sidebar": {
       "block_count": 0,
       "blocks": [],
-      "clientHeight": 178,
+      "clientHeight": 473,
       "excess_px": 0,
       "overflowed": false,
-      "scrollHeight": 178
+      "scrollHeight": 473
     }
   }
 }

docs/run-003/05-execution/stage_0_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162508",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
   "raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n  order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n  * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n    * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n    * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n  * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n    * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n    * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n  * **혁신적 사고방식과 창의적 문제 해결 능력**\n    * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n    * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n  * **사용자 중심 사고와 DX 수행 경험**\n    * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n    * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n  * **지속적인 투자 및 실행 의지**\n    * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n    * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n    * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n  | As-is [Analogue] | 구분 | To-be [Digital] |\n  | :--- | :---: | :--- |\n  | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n  | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n  | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n  * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n  * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n  * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n  * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n  * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n  * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n  * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",

docs/run-003/05-execution/stage_1_5a_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162508",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
   "raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n  order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n  * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n    * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n    * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n  * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n    * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n    * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n  * **혁신적 사고방식과 창의적 문제 해결 능력**\n    * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n    * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n  * **사용자 중심 사고와 DX 수행 경험**\n    * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n    * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n  * **지속적인 투자 및 실행 의지**\n    * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n    * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n    * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n  | As-is [Analogue] | 구분 | To-be [Digital] |\n  | :--- | :---: | :--- |\n  | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n  | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n  | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n  * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n  * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n  * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n  * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n  * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n  * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n  * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",
@@ -90,10 +90,10 @@
       "layer": "core",
       "source_hint": "??(Process)? ??",
       "relation_type": "process",
-      "expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
+      "expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
       "source_data": "",
       "structured_text": "",
-      "summary": ""
+      "summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
     },
     {
       "id": 3,
@@ -103,10 +103,10 @@
       "layer": "supporting",
       "source_hint": "??(Product)? ??",
       "relation_type": "product",
-      "expression_hint": "Preserve the product change bullets and collaboration outcomes.",
+      "expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
       "source_data": "",
       "structured_text": "",
-      "summary": ""
+      "summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
     },
     {
       "id": 4,
@@ -124,9 +124,22 @@
   ],
   "page_structure": {
     "roles": {
-      "??": {
+      "body": {
         "topic_ids": [
-          6
+          1,
+          2
+        ],
+        "weight": 0.72
+      },
+      "sidebar": {
+        "topic_ids": [
+          3
+        ],
+        "weight": 0.18
+      },
+      "footer": {
+        "topic_ids": [
+          4
         ],
         "weight": 0.1
       }
@@ -143,27 +156,74 @@
     0
   ],
   "containers": {
-    "??": {
+    "body": {
-      "role": "??",
+      "role": "body",
       "zone": "body",
       "topic_ids": [
-        6
+        1,
+        2
       ],
-      "weight": 0.1,
+      "weight": 0.72,
-      "height_px": 490,
+      "height_px": 324,
       "width_px": 780,
-      "max_height_cost": "xlarge",
+      "max_height_cost": "large",
       "text_budget": null,
       "design_budget": null,
       "block_constraints": {
-        "max_lines": 17,
+        "max_lines": 6,
-        "max_items": 8,
+        "max_items": 3,
-        "chars_per_line": 51,
+        "chars_per_line": 56,
-        "max_chars_total": 867,
+        "max_chars_total": 336,
-        "max_chars_per_item": 108,
+        "max_chars_per_item": 112,
-        "font_size_px": 15.2,
+        "font_size_px": 14.0,
-        "padding_px": 20,
+        "padding_px": 16,
-        "line_height": 1.7
+        "line_height": 1.6
+      }
+    },
+    "sidebar": {
+      "role": "sidebar",
+      "zone": "body",
+      "topic_ids": [
+        3
+      ],
+      "weight": 0.18,
+      "height_px": 81,
+      "width_px": 780,
+      "max_height_cost": "medium",
+      "text_budget": null,
+      "design_budget": null,
+      "block_constraints": {
+        "max_lines": 3,
+        "max_items": 1,
+        "chars_per_line": 62,
+        "max_chars_total": 186,
+        "max_chars_per_item": 186,
+        "font_size_px": 13.0,
+        "padding_px": 8,
+        "line_height": 1.5
+      }
+    },
+    "footer": {
+      "role": "footer",
+      "zone": "body",
+      "topic_ids": [
+        4
+      ],
+      "weight": 0.1,
+      "height_px": 45,
+      "width_px": 780,
+      "max_height_cost": "compact",
+      "text_budget": null,
+      "design_budget": null,
+      "block_constraints": {
+        "max_lines": 1,
+        "max_items": 1,
+        "chars_per_line": 67,
+        "max_chars_total": 67,
+        "max_chars_per_item": 67,
+        "font_size_px": 12.0,
+        "padding_px": 8,
+        "line_height": 1.4
       }
     }
   },

docs/run-003/05-execution/stage_1_5b_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162508",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
   "raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n  order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n  * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n    * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n    * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n  * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n    * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n    * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n  * **혁신적 사고방식과 창의적 문제 해결 능력**\n    * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n    * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n  * **사용자 중심 사고와 DX 수행 경험**\n    * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n    * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n  * **지속적인 투자 및 실행 의지**\n    * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n    * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n    * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n  | As-is [Analogue] | 구분 | To-be [Digital] |\n  | :--- | :---: | :--- |\n  | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n  | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n  | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n  * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n  * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n  * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n  * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n  * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n  * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n  * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",
@@ -90,10 +90,10 @@
       "layer": "core",
       "source_hint": "??(Process)? ??",
       "relation_type": "process",
-      "expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
+      "expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
       "source_data": "",
       "structured_text": "",
-      "summary": ""
+      "summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
     },
     {
       "id": 3,
@@ -103,10 +103,10 @@
       "layer": "supporting",
       "source_hint": "??(Product)? ??",
       "relation_type": "product",
-      "expression_hint": "Preserve the product change bullets and collaboration outcomes.",
+      "expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
       "source_data": "",
       "structured_text": "",
-      "summary": ""
+      "summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
     },
     {
       "id": 4,
@@ -124,9 +124,22 @@
   ],
   "page_structure": {
     "roles": {
-      "??": {
+      "body": {
         "topic_ids": [
-          6
+          1,
+          2
+        ],
+        "weight": 0.72
+      },
+      "sidebar": {
+        "topic_ids": [
+          3
+        ],
+        "weight": 0.18
+      },
+      "footer": {
+        "topic_ids": [
+          4
         ],
         "weight": 0.1
       }
@@ -143,39 +156,100 @@
     0
   ],
   "containers": {
-    "??": {
+    "body": {
-      "role": "??",
+      "role": "body",
       "zone": "body",
       "topic_ids": [
-        6
+        1,
+        2
       ],
-      "weight": 0.1,
+      "weight": 0.72,
-      "height_px": 490,
+      "height_px": 324,
       "width_px": 780,
-      "max_height_cost": "xlarge",
+      "max_height_cost": "large",
       "text_budget": null,
       "design_budget": {
-        "available_height_px": 352,
+        "available_height_px": 186,
         "available_width_px": 740,
-        "max_circle_diameter": 350,
+        "max_circle_diameter": 184,
         "max_img_width": 740,
-        "max_img_height": 352,
+        "max_img_height": 186,
         "fits": true
       },
       "block_constraints": {
-        "max_lines": 17,
+        "max_lines": 6,
-        "max_items": 8,
+        "max_items": 3,
-        "chars_per_line": 51,
+        "chars_per_line": 56,
-        "max_chars_total": 867,
+        "max_chars_total": 336,
-        "max_chars_per_item": 108,
+        "max_chars_per_item": 112,
-        "font_size_px": 15.2,
+        "font_size_px": 14.0,
-        "padding_px": 20,
+        "padding_px": 16,
-        "line_height": 1.7
+        "line_height": 1.6
+      }
+    },
+    "sidebar": {
+      "role": "sidebar",
+      "zone": "body",
+      "topic_ids": [
+        3
+      ],
+      "weight": 0.18,
+      "height_px": 81,
+      "width_px": 780,
+      "max_height_cost": "medium",
+      "text_budget": null,
+      "design_budget": {
+        "available_height_px": 0,
+        "available_width_px": 740,
+        "max_circle_diameter": 0,
+        "max_img_width": 740,
+        "max_img_height": 0,
+        "fits": false
+      },
+      "block_constraints": {
+        "max_lines": 3,
+        "max_items": 1,
+        "chars_per_line": 62,
+        "max_chars_total": 186,
+        "max_chars_per_item": 186,
+        "font_size_px": 13.0,
+        "padding_px": 8,
+        "line_height": 1.5
+      }
+    },
+    "footer": {
+      "role": "footer",
+      "zone": "body",
+      "topic_ids": [
+        4
+      ],
+      "weight": 0.1,
+      "height_px": 45,
+      "width_px": 780,
+      "max_height_cost": "compact",
+      "text_budget": null,
+      "design_budget": {
+        "available_height_px": 0,
+        "available_width_px": 740,
+        "max_circle_diameter": 0,
+        "max_img_width": 740,
+        "max_img_height": 0,
+        "fits": false
+      },
+      "block_constraints": {
+        "max_lines": 1,
+        "max_items": 1,
+        "chars_per_line": 67,
+        "max_chars_total": 67,
+        "max_chars_per_item": 67,
+        "font_size_px": 12.0,
+        "padding_px": 8,
+        "line_height": 1.4
       }
     }
   },
   "references": {
-    "??": [
+    "body": [
       {
         "block_id": "quote-big-mark",
         "variant": "default",
@@ -204,6 +278,97 @@
         "topic_id": null,
         "supporting_topic_ids": [],
         "is_hierarchical": false
+      },
+      {
+        "block_id": "quote-big-mark",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "quote_text": {
+            "max_lines": 3,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 120,
+              "sidebar": 70
+            },
+            "note": "16px, 큰따옴표 장식 안, 3줄 이내"
+          },
+          "source": {
+            "max_lines": 1,
+            "font_size": 14,
+            "ref_chars": {
+              "body": 30,
+              "sidebar": 20
+            },
+            "note": "caption, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경  -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n  📋 quote-big-mark\n  ─────────────────\n  용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n  슬롯: quote_text (필수), source (선택)\n  Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n  <div class=\"qb-mark qb-open\">❝</div>\n  <div class=\"qb-content\">\n    <div class=\"qb-text\">중요한 인용문 텍스트</div>\n    <div class=\"qb-source\">— 출처</div>\n  </div>\n  <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n  background: #f8fafc;\n  border-radius: var(--radius);\n  padding: 24px 28px;\n  position: relative;\n  border: 1px solid #e2e8f0;\n}\n.qb-mark {\n  font-size: 3rem;\n  color: #cbd5e1;\n  font-weight: 900;\n  line-height: 1;\n  position: absolute;\n}\n.qb-open {\n  top: 8px;\n  left: 12px;\n}\n.qb-close {\n  bottom: -8px;\n  right: 16px;\n}\n.qb-content {\n  padding: 10px 30px 0;\n}\n.qb-text {\n  font-size: 15px;\n  font-weight: 500;\n  color: #1e293b;\n  line-height: 1.8;\n  word-break: keep-all;\n  white-space: pre-line;\n}\n.qb-source {\n  font-size: 12px;\n  color: #64748b;\n  font-style: italic;\n  margin-top: 10px;\n  text-align: right;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
+      }
+    ],
+    "sidebar": [
+      {
+        "block_id": "quote-big-mark",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "quote_text": {
+            "max_lines": 3,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 120,
+              "sidebar": 70
+            },
+            "note": "16px, 큰따옴표 장식 안, 3줄 이내"
+          },
+          "source": {
+            "max_lines": 1,
+            "font_size": 14,
+            "ref_chars": {
+              "body": 30,
+              "sidebar": 20
+            },
+            "note": "caption, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경  -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n  📋 quote-big-mark\n  ─────────────────\n  용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n  슬롯: quote_text (필수), source (선택)\n  Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n  <div class=\"qb-mark qb-open\">❝</div>\n  <div class=\"qb-content\">\n    <div class=\"qb-text\">중요한 인용문 텍스트</div>\n    <div class=\"qb-source\">— 출처</div>\n  </div>\n  <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n  background: #f8fafc;\n  border-radius: var(--radius);\n  padding: 24px 28px;\n  position: relative;\n  border: 1px solid #e2e8f0;\n}\n.qb-mark {\n  font-size: 3rem;\n  color: #cbd5e1;\n  font-weight: 900;\n  line-height: 1;\n  position: absolute;\n}\n.qb-open {\n  top: 8px;\n  left: 12px;\n}\n.qb-close {\n  bottom: -8px;\n  right: 16px;\n}\n.qb-content {\n  padding: 10px 30px 0;\n}\n.qb-text {\n  font-size: 15px;\n  font-weight: 500;\n  color: #1e293b;\n  line-height: 1.8;\n  word-break: keep-all;\n  white-space: pre-line;\n}\n.qb-source {\n  font-size: 12px;\n  color: #64748b;\n  font-style: italic;\n  margin-top: 10px;\n  text-align: right;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
+      }
+    ],
+    "footer": [
+      {
+        "block_id": "banner-gradient",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "text": {
+            "max_lines": 1,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 38,
+              "sidebar": 18
+            },
+            "note": "16px bold white, 1줄"
+          },
+          "sub_text": {
+            "max_lines": 1,
+            "font_size": 12,
+            "ref_chars": {
+              "body": 50,
+              "sidebar": 30
+            },
+            "note": "12px, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n  📋 banner-gradient\n  ─────────────────\n  용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n  슬롯: text (필수), sub_text (선택)\n  Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n  <div class=\"bg-text\">핵심 메시지 한 줄</div>\n  <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n  background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n  border-radius: 8px;\n  padding: 16px 30px;\n  text-align: center;\n  color: #ffffff;\n}\n.bg-text {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.5;\n}\n.bg-sub {\n  font-size: 12px;\n  font-weight: 400;\n  opacity: 0.85;\n  margin-top: 4px;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
       }
     ]
   },

docs/run-003/05-execution/stage_1_7_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162508",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
   "raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n  order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n  * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n    * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n    * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n  * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n    * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n    * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n  * **혁신적 사고방식과 창의적 문제 해결 능력**\n    * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n    * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n  * **사용자 중심 사고와 DX 수행 경험**\n    * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n    * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n  * **지속적인 투자 및 실행 의지**\n    * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n    * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n    * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n  | As-is [Analogue] | 구분 | To-be [Digital] |\n  | :--- | :---: | :--- |\n  | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n  | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n  | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n  * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n  * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n  * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n  * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n  * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n  * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n  * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",
@@ -90,10 +90,10 @@
       "layer": "core",
       "source_hint": "??(Process)? ??",
       "relation_type": "process",
-      "expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
+      "expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
       "source_data": "",
       "structured_text": "",
-      "summary": ""
+      "summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
     },
     {
       "id": 3,
@@ -103,10 +103,10 @@
       "layer": "supporting",
       "source_hint": "??(Product)? ??",
       "relation_type": "product",
-      "expression_hint": "Preserve the product change bullets and collaboration outcomes.",
+      "expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
       "source_data": "",
       "structured_text": "",
-      "summary": ""
+      "summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
     },
     {
       "id": 4,
@@ -124,9 +124,22 @@
   ],
   "page_structure": {
     "roles": {
-      "??": {
+      "body": {
         "topic_ids": [
-          6
+          1,
+          2
+        ],
+        "weight": 0.72
+      },
+      "sidebar": {
+        "topic_ids": [
+          3
+        ],
+        "weight": 0.18
+      },
+      "footer": {
+        "topic_ids": [
+          4
         ],
         "weight": 0.1
       }
@@ -143,32 +156,79 @@
     0
   ],
   "containers": {
-    "??": {
+    "body": {
-      "role": "??",
+      "role": "body",
       "zone": "body",
       "topic_ids": [
-        6
+        1,
+        2
       ],
-      "weight": 0.1,
+      "weight": 0.72,
-      "height_px": 490,
+      "height_px": 324,
       "width_px": 780,
-      "max_height_cost": "xlarge",
+      "max_height_cost": "large",
       "text_budget": null,
       "design_budget": null,
       "block_constraints": {
-        "max_lines": 17,
+        "max_lines": 6,
-        "max_items": 8,
+        "max_items": 3,
-        "chars_per_line": 51,
+        "chars_per_line": 56,
-        "max_chars_total": 867,
+        "max_chars_total": 336,
-        "max_chars_per_item": 108,
+        "max_chars_per_item": 112,
-        "font_size_px": 15.2,
+        "font_size_px": 14.0,
-        "padding_px": 20,
+        "padding_px": 16,
-        "line_height": 1.7
+        "line_height": 1.6
+      }
+    },
+    "sidebar": {
+      "role": "sidebar",
+      "zone": "body",
+      "topic_ids": [
+        3
+      ],
+      "weight": 0.18,
+      "height_px": 81,
+      "width_px": 780,
+      "max_height_cost": "medium",
+      "text_budget": null,
+      "design_budget": null,
+      "block_constraints": {
+        "max_lines": 3,
+        "max_items": 1,
+        "chars_per_line": 62,
+        "max_chars_total": 186,
+        "max_chars_per_item": 186,
+        "font_size_px": 13.0,
+        "padding_px": 8,
+        "line_height": 1.5
+      }
+    },
+    "footer": {
+      "role": "footer",
+      "zone": "body",
+      "topic_ids": [
+        4
+      ],
+      "weight": 0.1,
+      "height_px": 45,
+      "width_px": 780,
+      "max_height_cost": "compact",
+      "text_budget": null,
+      "design_budget": null,
+      "block_constraints": {
+        "max_lines": 1,
+        "max_items": 1,
+        "chars_per_line": 67,
+        "max_chars_total": 67,
+        "max_chars_per_item": 67,
+        "font_size_px": 12.0,
+        "padding_px": 8,
+        "line_height": 1.4
       }
     }
   },
   "references": {
-    "??": [
+    "body": [
       {
         "block_id": "quote-big-mark",
         "variant": "default",
@@ -197,6 +257,97 @@
         "topic_id": null,
         "supporting_topic_ids": [],
         "is_hierarchical": false
+      },
+      {
+        "block_id": "quote-big-mark",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "quote_text": {
+            "max_lines": 3,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 120,
+              "sidebar": 70
+            },
+            "note": "16px, 큰따옴표 장식 안, 3줄 이내"
+          },
+          "source": {
+            "max_lines": 1,
+            "font_size": 14,
+            "ref_chars": {
+              "body": 30,
+              "sidebar": 20
+            },
+            "note": "caption, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경  -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n  📋 quote-big-mark\n  ─────────────────\n  용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n  슬롯: quote_text (필수), source (선택)\n  Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n  <div class=\"qb-mark qb-open\">❝</div>\n  <div class=\"qb-content\">\n    <div class=\"qb-text\">중요한 인용문 텍스트</div>\n    <div class=\"qb-source\">— 출처</div>\n  </div>\n  <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n  background: #f8fafc;\n  border-radius: var(--radius);\n  padding: 24px 28px;\n  position: relative;\n  border: 1px solid #e2e8f0;\n}\n.qb-mark {\n  font-size: 3rem;\n  color: #cbd5e1;\n  font-weight: 900;\n  line-height: 1;\n  position: absolute;\n}\n.qb-open {\n  top: 8px;\n  left: 12px;\n}\n.qb-close {\n  bottom: -8px;\n  right: 16px;\n}\n.qb-content {\n  padding: 10px 30px 0;\n}\n.qb-text {\n  font-size: 15px;\n  font-weight: 500;\n  color: #1e293b;\n  line-height: 1.8;\n  word-break: keep-all;\n  white-space: pre-line;\n}\n.qb-source {\n  font-size: 12px;\n  color: #64748b;\n  font-style: italic;\n  margin-top: 10px;\n  text-align: right;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
+      }
+    ],
+    "sidebar": [
+      {
+        "block_id": "quote-big-mark",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "quote_text": {
+            "max_lines": 3,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 120,
+              "sidebar": 70
+            },
+            "note": "16px, 큰따옴표 장식 안, 3줄 이내"
+          },
+          "source": {
+            "max_lines": 1,
+            "font_size": 14,
+            "ref_chars": {
+              "body": 30,
+              "sidebar": 20
+            },
+            "note": "caption, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경  -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n  📋 quote-big-mark\n  ─────────────────\n  용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n  슬롯: quote_text (필수), source (선택)\n  Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n  <div class=\"qb-mark qb-open\">❝</div>\n  <div class=\"qb-content\">\n    <div class=\"qb-text\">중요한 인용문 텍스트</div>\n    <div class=\"qb-source\">— 출처</div>\n  </div>\n  <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n  background: #f8fafc;\n  border-radius: var(--radius);\n  padding: 24px 28px;\n  position: relative;\n  border: 1px solid #e2e8f0;\n}\n.qb-mark {\n  font-size: 3rem;\n  color: #cbd5e1;\n  font-weight: 900;\n  line-height: 1;\n  position: absolute;\n}\n.qb-open {\n  top: 8px;\n  left: 12px;\n}\n.qb-close {\n  bottom: -8px;\n  right: 16px;\n}\n.qb-content {\n  padding: 10px 30px 0;\n}\n.qb-text {\n  font-size: 15px;\n  font-weight: 500;\n  color: #1e293b;\n  line-height: 1.8;\n  word-break: keep-all;\n  white-space: pre-line;\n}\n.qb-source {\n  font-size: 12px;\n  color: #64748b;\n  font-style: italic;\n  margin-top: 10px;\n  text-align: right;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
+      }
+    ],
+    "footer": [
+      {
+        "block_id": "banner-gradient",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "text": {
+            "max_lines": 1,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 38,
+              "sidebar": 18
+            },
+            "note": "16px bold white, 1줄"
+          },
+          "sub_text": {
+            "max_lines": 1,
+            "font_size": 12,
+            "ref_chars": {
+              "body": 50,
+              "sidebar": 30
+            },
+            "note": "12px, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n  📋 banner-gradient\n  ─────────────────\n  용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n  슬롯: text (필수), sub_text (선택)\n  Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n  <div class=\"bg-text\">핵심 메시지 한 줄</div>\n  <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n  background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n  border-radius: 8px;\n  padding: 16px 30px;\n  text-align: center;\n  color: #ffffff;\n}\n.bg-text {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.5;\n}\n.bg-sub {\n  font-size: 12px;\n  font-weight: 400;\n  opacity: 0.85;\n  margin-top: 4px;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
       }
     ]
   },

docs/run-003/05-execution/stage_1a_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162508",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
   "raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n  order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n  * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n    * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n    * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n  * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n    * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n    * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n  * **혁신적 사고방식과 창의적 문제 해결 능력**\n    * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n    * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n  * **사용자 중심 사고와 DX 수행 경험**\n    * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n    * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n  * **지속적인 투자 및 실행 의지**\n    * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n    * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n    * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n  | As-is [Analogue] | 구분 | To-be [Digital] |\n  | :--- | :---: | :--- |\n  | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n  | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n  | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n  * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n  * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n  * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n  * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n  * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n  * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n  * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",
@@ -124,9 +124,22 @@
   ],
   "page_structure": {
     "roles": {
-      "??": {
+      "body": {
         "topic_ids": [
-          6
+          1,
+          2
+        ],
+        "weight": 0.72
+      },
+      "sidebar": {
+        "topic_ids": [
+          3
+        ],
+        "weight": 0.18
+      },
+      "footer": {
+        "topic_ids": [
+          4
         ],
         "weight": 0.1
       }

docs/run-003/05-execution/stage_1b_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162508",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
   "raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n  order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n  * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n    * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n    * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n  * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n    * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n    * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n  * **혁신적 사고방식과 창의적 문제 해결 능력**\n    * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n    * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n  * **사용자 중심 사고와 DX 수행 경험**\n    * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n    * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n  * **지속적인 투자 및 실행 의지**\n    * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n    * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n    * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n  | As-is [Analogue] | 구분 | To-be [Digital] |\n  | :--- | :---: | :--- |\n  | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n  | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n  | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n  * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n  * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n  * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n  * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n  * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n  * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n  * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",
@@ -90,10 +90,10 @@
       "layer": "core",
       "source_hint": "??(Process)? ??",
       "relation_type": "process",
-      "expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
+      "expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
       "source_data": "",
       "structured_text": "",
-      "summary": ""
+      "summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
     },
     {
       "id": 3,
@@ -103,10 +103,10 @@
       "layer": "supporting",
       "source_hint": "??(Product)? ??",
       "relation_type": "product",
-      "expression_hint": "Preserve the product change bullets and collaboration outcomes.",
+      "expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
       "source_data": "",
       "structured_text": "",
-      "summary": ""
+      "summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
     },
     {
       "id": 4,
@@ -124,9 +124,22 @@
   ],
   "page_structure": {
     "roles": {
-      "??": {
+      "body": {
         "topic_ids": [
-          6
+          1,
+          2
+        ],
+        "weight": 0.72
+      },
+      "sidebar": {
+        "topic_ids": [
+          3
+        ],
+        "weight": 0.18
+      },
+      "footer": {
+        "topic_ids": [
+          4
         ],
         "weight": 0.1
       }

docs/run-003/05-execution/steps/stage_1a.html

@@ -5,9 +5,9 @@
 <table style="border-collapse:collapse;font-size:12px;width:100%;max-width:900px;">
 <tr style="background:#1e293b;color:white;"><th style="padding:8px;">ID</th><th style="padding:8px;">제목</th>
 <th style="padding:8px;">purpose</th><th style="padding:8px;">layer</th><th style="padding:8px;">relation_type</th>
-<th style="padding:8px;">영역</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX ??? ?? ?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">requirements</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
+<th style="padding:8px;">영역</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX ??? ?? ?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">requirements</td><td style="padding:6px 8px;color:#333;font-weight:700;">body</td></tr>
-<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">??(Process)? ??</td><td style="padding:6px 8px;">???? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">process</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
+<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">??(Process)? ??</td><td style="padding:6px 8px;">???? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">process</td><td style="padding:6px 8px;color:#333;font-weight:700;">body</td></tr>
-<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">??(Product)? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;">product</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
+<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">??(Product)? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;">product</td><td style="padding:6px 8px;color:#333;font-weight:700;">sidebar</td></tr>
-<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
+<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;color:#333;font-weight:700;">footer</td></tr>
 </table>
-<div style="margin-top:12px;font-size:12px;color:#555;"><b>페이지 구조:</b><br>??: topic_ids=[6], weight=0.1</div></body></html>
+<div style="margin-top:12px;font-size:12px;color:#555;"><b>페이지 구조:</b><br>body: topic_ids=[1, 2], weight=0.72<br>sidebar: topic_ids=[3], weight=0.18<br>footer: topic_ids=[4], weight=0.1</div></body></html>

docs/run-003/05-execution/steps/stage_1b.html

@@ -6,8 +6,8 @@
 <table style="border-collapse:collapse;font-size:12px;width:100%;">
 <tr style="background:#1e293b;color:white;"><th style="padding:8px;">ID</th><th style="padding:8px;">제목</th>
 <th style="padding:8px;">영역</th><th style="padding:8px;">layer</th>
-<th style="padding:8px;">source_data (미리보기)</th><th style="padding:8px;">summary</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX ??? ?? ?? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
+<th style="padding:8px;">source_data (미리보기)</th><th style="padding:8px;">summary</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX ??? ?? ?? ??</td><td style="padding:6px 8px;color:#333;">body</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
-<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">??(Process)? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
+<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">??(Process)? ??</td><td style="padding:6px 8px;color:#333;">body</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;">DX는 상위 개념이고 BIM은 핵심 기술이다.</td></tr>
-<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">??(Product)? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
+<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">??(Product)? ??</td><td style="padding:6px 8px;color:#333;">sidebar</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;">DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다.</td></tr>
-<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;font-size:10px;">**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**</td><td style="padding:6px 8px;font-size:10px;color:#555;">**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**</td></tr>
+<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;color:#333;">footer</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;font-size:10px;">**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**</td><td style="padding:6px 8px;font-size:10px;color:#555;">**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**</td></tr>
 </table></body></html>

docs/run-003/05-execution/steps/stage_4.html

@@ -5,8 +5,8 @@
 <div style="font-size:24px;font-weight:900;color:#16a34a;margin-bottom:12px;">품질 점수: 100</div>
 <div style="font-size:12px;color:#555;margin-bottom:4px;">슬라이드: clientHeight=720px, scrollHeight=720px, overflow=False</div>
 <table style="border-collapse:collapse;font-size:12px;width:100%;max-width:600px;margin-top:8px;">
-<tr style="background:#1e293b;color:white;"><th style="padding:8px;">영역</th><th style="padding:8px;">clientH</th><th style="padding:8px;">scrollH</th><th style="padding:8px;">excess</th></tr><tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ body</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
+<tr style="background:#1e293b;color:white;"><th style="padding:8px;">영역</th><th style="padding:8px;">clientH</th><th style="padding:8px;">scrollH</th><th style="padding:8px;">excess</th></tr><tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ body</td><td style="padding:6px 8px;">473px</td><td style="padding:6px 8px;">473px</td><td style="padding:6px 8px;">+0px</td></tr>
-<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ footer</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
+<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ footer</td><td style="padding:6px 8px;">60px</td><td style="padding:6px 8px;">60px</td><td style="padding:6px 8px;">+0px</td></tr>
-<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ sidebar</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
+<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ sidebar</td><td style="padding:6px 8px;">473px</td><td style="padding:6px 8px;">473px</td><td style="padding:6px 8px;">+0px</td></tr>
 </table>
 </body></html>

docs/run-003/06-validation/validation-result.md

@@ -30,26 +30,26 @@
     "body": {
       "block_count": 0,
       "blocks": [],
-      "clientHeight": 178,
+      "clientHeight": 473,
       "excess_px": 0,
       "overflowed": false,
-      "scrollHeight": 178
+      "scrollHeight": 473
     },
     "footer": {
       "block_count": 0,
       "blocks": [],
-      "clientHeight": 178,
+      "clientHeight": 60,
       "excess_px": 0,
       "overflowed": false,
-      "scrollHeight": 178
+      "scrollHeight": 60
     },
     "sidebar": {
       "block_count": 0,
       "blocks": [],
-      "clientHeight": 178,
+      "clientHeight": 473,
       "excess_px": 0,
       "overflowed": false,
-      "scrollHeight": 178
+      "scrollHeight": 473
     }
   }
 }

docs/run-003/comments/step-5.md

@@ -1,5 +1,5 @@
 실행 요약
-- auto_loop_runner.py iteration 1로 실행했다.
+- auto_loop_runner.py iteration 2로 실행했다.
 - 입력: `docs/run-003/01-input/03. DX 시행을 위한 필수 요건 및 혁신 방안.mdx`
 - 산출물: `final.html`, `generated_html.json`, `measurement.json`, `context.json`
 - stage snapshot: `stage_0_context.json` ~ `final_context.json`
@@ -12,7 +12,7 @@
 
 KPI / 판정 결과
 - 판정: pass
-- iteration: 1
+- iteration: 2
 - 종료 코드: 0
 - 필수 산출물 4종 유효 여부: True
 

docs/run-003/comments/step-6.md

@@ -1,5 +1,5 @@
 실행 요약
-- iteration 1 기준으로 최종 산출물과 측정 결과를 다시 검증했다.
+- iteration 2 기준으로 최종 산출물과 측정 결과를 다시 검증했다.
 - slide overflow: False
 - zone overflow: 없음
 - 최종 판정은 `revise`이다.

results/README.md

@@ -0,0 +1,27 @@
+# Results
+
+이 폴더는 각 MDX 입력별 최신 결과물을 바로 보기 쉽게 모아둔 위치다.
+
+## Runs
+
+### run-001
+- input: `01. 건설산업 DX의 올바른 이해(0127).mdx`
+- screenshot: `run-001/final-screenshot.png`
+- html: `run-001/final.html`
+- validation: `run-001/validation-result.md`
+
+### run-002
+- input: `02. DX의 시행 목표 및 기대효과.mdx`
+- screenshot: `run-002/final-screenshot.png`
+- html: `run-002/final.html`
+- validation: `run-002/validation-result.md`
+
+### run-003
+- input: `03. DX 시행을 위한 필수 요건 및 혁신 방안.mdx`
+- screenshot: `run-003/final-screenshot.png`
+- html: `run-003/final.html`
+- validation: `run-003/validation-result.md`
+
+## Notes
+- 원본 실행 산출물은 `docs/run-001`, `docs/run-002`, `docs/run-003` 아래에 그대로 유지된다.
+- 이 폴더는 빠른 비교와 확인을 위한 복사본이다.

results/run-001/validation-result.md

@@ -0,0 +1,69 @@
+# Validation Result
+
+## Run
+- run id: `run-001`
+- validation basis: `Wiki-2-6`
+- execution path: `auto_loop_runner.py`
+
+## Validation Summary
+- 실행 경로 검증: 통과
+- 렌더링/측정 검증: 실패
+- 최종 품질 판정: 재작업 필요
+
+## Render Gates
+- slide overflow: False
+- body: overflowed=True excess_px=121 block_count=0
+- sidebar: overflowed=False excess_px=0 block_count=0
+- footer: overflowed=False excess_px=0 block_count=0
+
+## Measurement
+```json
+{
+  "containers": {},
+  "slide": {
+    "clientHeight": 720,
+    "excess_px": 0,
+    "overflowed": false,
+    "scrollHeight": 720
+  },
+  "zones": {
+    "body": {
+      "block_count": 0,
+      "blocks": [],
+      "clientHeight": 477,
+      "excess_px": 121,
+      "overflowed": true,
+      "scrollHeight": 598
+    },
+    "footer": {
+      "block_count": 0,
+      "blocks": [],
+      "clientHeight": 58,
+      "excess_px": 0,
+      "overflowed": false,
+      "scrollHeight": 58
+    },
+    "sidebar": {
+      "block_count": 0,
+      "blocks": [],
+      "clientHeight": 477,
+      "excess_px": 0,
+      "overflowed": false,
+      "scrollHeight": 477
+    }
+  }
+}
+```
+
+## Final Decision
+- 판정: `revise`
+
+## Failure Classification
+- Verify-ComparisonVisible
+- Verify-DesignStructure
+- Verify-RenderZone
+
+## Next Action
+1. overflow가 발생한 zone(body)의 content budget, block 수, typography를 재조정한다.
+2. 비교 핵심 4축(범위, 프로세스, 성과품, 확장성)을 화면에 바로 보이는 요약 블록으로 강제한다.
+3. 핵심 관계를 설명하는 시각적 관계도 블록을 본문 중심 구조로 유지한다.

results/run-002/validation-result.md

@@ -0,0 +1,73 @@
+# Validation Result
+
+## Run
+- run id: `run-002`
+- validation basis: `Wiki-2-6`
+- execution path: `auto_loop_runner.py`
+
+## Validation Summary
+- 실행 경로 검증: 통과
+- 렌더링/측정 검증: 통과
+- 최종 품질 판정: 재작업 필요
+
+## Render Gates
+- slide overflow: False
+- body: overflowed=False excess_px=0 block_count=0
+- sidebar: overflowed=False excess_px=0 block_count=0
+- footer: overflowed=False excess_px=0 block_count=0
+
+## Measurement
+```json
+{
+  "containers": {},
+  "slide": {
+    "clientHeight": 720,
+    "excess_px": 0,
+    "overflowed": false,
+    "scrollHeight": 720
+  },
+  "zones": {
+    "body": {
+      "block_count": 0,
+      "blocks": [],
+      "clientHeight": 461,
+      "excess_px": 0,
+      "overflowed": false,
+      "scrollHeight": 461
+    },
+    "footer": {
+      "block_count": 0,
+      "blocks": [],
+      "clientHeight": 66,
+      "excess_px": 0,
+      "overflowed": false,
+      "scrollHeight": 66
+    },
+    "sidebar": {
+      "block_count": 0,
+      "blocks": [],
+      "clientHeight": 461,
+      "excess_px": 0,
+      "overflowed": false,
+      "scrollHeight": 461
+    }
+  }
+}
+```
+
+## Final Decision
+- 판정: `revise`
+
+## Failure Classification
+- Verify-ComparisonVisible
+- Verify-CoreMessage
+- Verify-DesignNarrative
+- Verify-DesignStructure
+- Verify-ImageRef
+
+## Next Action
+1. 원문 표현을 유지하되 `상위 개념`과 `핵심 기술/핵심 인프라 기술` 판단이 가시 텍스트에 분명히 드러나도록 정리한다.
+2. 이미지/도해 참조 문구 `DX와 핵심기술간 상호관계`를 숨김 영역이 아닌 가시 블록으로 유지한다.
+3. 비교 핵심 4축(범위, 프로세스, 성과품, 확장성)을 화면에 바로 보이는 요약 블록으로 강제한다.
+4. 핵심 관계를 설명하는 시각적 관계도 블록을 본문 중심 구조로 유지한다.
+5. 원문 주요 소제목(용어의 혼용, 사례, 정의, 상호관계, 비교, 요약)과 읽기 순서가 가시 텍스트에 유지되도록 재구성한다.

results/run-003/validation-result.md

@@ -0,0 +1,73 @@
+# Validation Result
+
+## Run
+- run id: `run-003`
+- validation basis: `Wiki-2-6`
+- execution path: `auto_loop_runner.py`
+
+## Validation Summary
+- 실행 경로 검증: 통과
+- 렌더링/측정 검증: 통과
+- 최종 품질 판정: 재작업 필요
+
+## Render Gates
+- slide overflow: False
+- body: overflowed=False excess_px=0 block_count=0
+- sidebar: overflowed=False excess_px=0 block_count=0
+- footer: overflowed=False excess_px=0 block_count=0
+
+## Measurement
+```json
+{
+  "containers": {},
+  "slide": {
+    "clientHeight": 720,
+    "excess_px": 0,
+    "overflowed": false,
+    "scrollHeight": 720
+  },
+  "zones": {
+    "body": {
+      "block_count": 0,
+      "blocks": [],
+      "clientHeight": 473,
+      "excess_px": 0,
+      "overflowed": false,
+      "scrollHeight": 473
+    },
+    "footer": {
+      "block_count": 0,
+      "blocks": [],
+      "clientHeight": 60,
+      "excess_px": 0,
+      "overflowed": false,
+      "scrollHeight": 60
+    },
+    "sidebar": {
+      "block_count": 0,
+      "blocks": [],
+      "clientHeight": 473,
+      "excess_px": 0,
+      "overflowed": false,
+      "scrollHeight": 473
+    }
+  }
+}
+```
+
+## Final Decision
+- 판정: `revise`
+
+## Failure Classification
+- Verify-ComparisonVisible
+- Verify-CoreMessage
+- Verify-DesignNarrative
+- Verify-DesignStructure
+- Verify-ImageRef
+
+## Next Action
+1. 원문 표현을 유지하되 `상위 개념`과 `핵심 기술/핵심 인프라 기술` 판단이 가시 텍스트에 분명히 드러나도록 정리한다.
+2. 이미지/도해 참조 문구 `DX와 핵심기술간 상호관계`를 숨김 영역이 아닌 가시 블록으로 유지한다.
+3. 비교 핵심 4축(범위, 프로세스, 성과품, 확장성)을 화면에 바로 보이는 요약 블록으로 강제한다.
+4. 핵심 관계를 설명하는 시각적 관계도 블록을 본문 중심 구조로 유지한다.
+5. 원문 주요 소제목(용어의 혼용, 사례, 정의, 상호관계, 비교, 요약)과 읽기 순서가 가시 텍스트에 유지되도록 재구성한다.