feat(734-1): 계산식 열 단추 낮은 단(20) · 옵션값 / 요소 연결 갈래 색 · 풍선 글

- 부품 상자 단추에 갈래 색(tone: option · link) 더함 — 공통 값(--color-warning · --color-info) 혼합 · 밝음 4.5 이상 · 어두움 6 이상
- 알약(요소 연결) · 입력 칩(옵션값) 24 → 20 · 마우스 풍선 「요소 연결」 · 「옵션」
- 지킴 시험 test_734_calc_buttons 새로

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

M01_MasterData/M01_MasterData_UI_LogicLab_Pill.ts

@@ -7,6 +7,7 @@
 
 import { el } from "@ui/ui_template_elements";
 import { createButton } from "@ui/ui_template_button";
+import { tl } from "./M01_MasterData_UI_LogicLab_Text";
 
 export interface Pill {
   /** 알약 글 — 보기 「표 QF000421」 */
@@ -17,8 +18,9 @@ export interface Pill {
 
 /** 알약 하나 — 글자 조각 사이에 끼워 쓰는 단추 */
 export function pillButton(p: Pill): HTMLButtonElement {
-  // 알약 = 단추 부품(보조 · 24) — data-pill 은 시험 · 촬영이 잡음
-  const b = createButton({ label: p.label, variant: "ghost", size: 24 });
+  // 알약 = 요소 연결 단추(보조 · 낮은 20 · 정보색 갈래) — data-pill 은 시험 · 촬영이 잡음
+  const b = createButton({ label: p.label, variant: "ghost", size: 20, tone: "link" });
+  b.title = tl("Pill_Tone");
   b.classList.add("m01lab__pill");
   b.dataset.pill = p.label;
   b.addEventListener("click", (ev) => {