refactor(M02): 흐린 글 span · div · p 26 곳을 보조 글 부품으로 (PLAN 553-8 ①)

- DataFlow 입력 · 출력 · 검증 패널의 옛 __muted 셋(dfip 21 · dfout 2 · dfver 3) = ui-text ui-text--muted (입력 쪽은 글 14)
- 죽은 CSS 셋 걷음 · 지킴 시험 test_553_5 에 한 건 더함

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

M02_MasterTemplete/DataFlow/M02_DF_InputPanel_Logic.ts

@@ -152,7 +152,7 @@ export function renderLogicInput(
       chapter,
     );
   const list = el("div", { className: "m02-dfip__list" });
-  const info = el("span", { className: "m02-dfip__muted" });
+  const info = el("span", { className: "ui-text ui-text--muted", attrs: { "data-text": "14" } });
   const prev = createButton({
     label: t("Prev"),
     variant: "ghost",
@@ -197,10 +197,15 @@ export function renderLogicInput(
                   className: "m02-dfip__name",
                   children: [
                     el("strong", { text: i.이름 }),
-                    el("span", { className: "m02-dfip__muted", text: ` ${i.원문번호}` }),
+                    el("span", {
+                      className: "ui-text ui-text--muted",
+                      attrs: { "data-text": "14" },
+                      text: ` ${i.원문번호}`,
+                    }),
                     // 별칭으로 맞았으면 그 별칭을 작게(208-1)
                     el("span", {
-                      className: "m02-dfip__muted",
+                      className: "ui-text ui-text--muted",
+                      attrs: { "data-text": "14" },
                       text: ` ${aliasNote(matchLogic(q.input.value, i).alias)}`,
                     }),
                     el("span", {
@@ -210,7 +215,11 @@ export function renderLogicInput(
                     }),
                   ],
                 }),
-                el("span", { className: "m02-dfip__muted", text: i.결과단위 }),
+                el("span", {
+                  className: "ui-text ui-text--muted",
+                  attrs: { "data-text": "14" },
+                  text: i.결과단위,
+                }),
               ],
             });
             b.addEventListener("click", () => void pick(i));
@@ -299,9 +308,19 @@ function showChosen(
         ...(valueNode
           ? [valueNode]
           : extra
-            ? [el("span", { className: "m02-dfip__muted", text: extra })]
+            ? [
+                el("span", {
+                  className: "ui-text ui-text--muted",
+                  attrs: { "data-text": "14" },
+                  text: extra,
+                }),
+              ]
             : []),
-        el("span", { className: "m02-dfip__muted", text: unit || "-" }),
+        el("span", {
+          className: "ui-text ui-text--muted",
+          attrs: { "data-text": "14" },
+          text: unit || "-",
+        }),
       ],
     });
   host.replaceChildren(