feat(table): 표 레벨 글꼴 자동 — 레벨 크기 · 묶음 굵게 · 설계내역서 · 보기 전용 표 같은 규칙(228-1)

- 공용 표 level 옵션: 레벨 칸 class is-lv1~5 · 묶음 줄 is-node(group 지정 · 안 주면 바로 아래 줄이 더 깊은 줄)
- 크기 Lv1 16 · Lv2 15 · Lv3 14 · Lv4 13 · Lv5 12(토큰) · 굵게 = 묶음 · 항목 줄은 14 이하
- 들여쓰기 한 단 = 표 기본 1em 토큰(레벨 글자 크기와 무관 · 끌기 한 단과 같음)
- 설계내역서 group = 항목 아닌 줄(빈 공종도 묶음) · 들여 · 내어쓰기는 셈 다시 → 레벨 · 글꼴 바로
- 새 시험 test_228_1 · test_200_2 · 201_1 · 185_1 기대값 고침

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01SE9MxeXTu2uaDZ55BJowAY

ui_template/ui_template_data_table.css

@@ -10,6 +10,13 @@
   --dt-head: color-mix(in srgb, var(--color-accent) 6%, var(--color-surface));
   --dt-line: var(--color-border);
   --dt-edge: color-mix(in srgb, var(--color-text-secondary) 45%, var(--color-border));
+  /* 들여쓰기 한 단 = 표 기본 글자 1em(레벨 글자 크기와 무관 · 끌기 한 단과 같음) */
+  --dt-indent: var(--text-body-sm);
+  /* 레벨 글자 크기(PLAN 228-1) — 줄 높이 28px 안 · Lv3 = 표 기본(14px) */
+  --dt-lv1-size: var(--text-body);
+  --dt-lv2-size: 15px;
+  --dt-lv4-size: 13px;
+  --dt-lv5-size: var(--text-caption);
   width: fit-content; /* 표가 좁으면 틀도 표만큼 */
   max-width: 100%;
   max-height: calc(100vh - 260px);
@@ -173,9 +180,9 @@
   outline-offset: -2px;
 }
 
-/* 레벨(PLAN 201-1 · level 옵션 · 보기 전용) — 레벨 열 왼쪽 맞춤 · 레벨마다 1em 들여쓰기(글 상자도) */
+/* 레벨(PLAN 201-1 · level 옵션 · 보기 전용) — 레벨 열 왼쪽 맞춤 · 레벨마다 1em(표 기본) 들여쓰기(글 상자도) */
 .ui-data-table__table td.ui-data-table__lv {
-  padding-left: calc(var(--spacing-8) + var(--dt-lv, 0) * 1em);
+  padding-left: calc(var(--spacing-8) + var(--dt-lv, 0) * var(--dt-indent));
   text-align: left;
 }
 
@@ -184,10 +191,31 @@
 }
 
 .ui-data-table__table td.ui-data-table__lv .ui-data-table__input {
-  padding-left: calc(var(--spacing-8) + var(--dt-lv, 0) * 1em);
+  padding-left: calc(var(--spacing-8) + var(--dt-lv, 0) * var(--dt-indent));
   text-align: left;
 }
 
+/* 레벨 글꼴(PLAN 228-1) — 묶음 줄(is-node) 굵게 · 크기는 레벨 · 항목 줄은 14px 보다 크지 않게(Lv1 · 2 항목 = 기본) */
+.ui-data-table__table td.ui-data-table__lv.is-node {
+  font-weight: var(--font-weight-bold);
+}
+
+.ui-data-table__table td.ui-data-table__lv.is-lv1.is-node {
+  font-size: var(--dt-lv1-size);
+}
+
+.ui-data-table__table td.ui-data-table__lv.is-lv2.is-node {
+  font-size: var(--dt-lv2-size);
+}
+
+.ui-data-table__table td.ui-data-table__lv.is-lv4 {
+  font-size: var(--dt-lv4-size);
+}
+
+.ui-data-table__table td.ui-data-table__lv.is-lv5 {
+  font-size: var(--dt-lv5-size);
+}
+
 /* 같은 값 세로 병합(PLAN 201-1 · mergeSame) — 한 칸 글은 위에 */
 .ui-data-table__table td.is-merged {
   vertical-align: top;