From fd10ecbcf4cf3923347eb801bf652af621a51911 Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Tue, 6 Oct 2026 23:50:10 +0900
Subject: [PATCH] =?UTF-8?q?style(B08):=20=EC=88=98=EB=A6=AC=EC=A7=91?=
 =?UTF-8?q?=EC=88=98=EB=A9=B4=EC=A0=81=ED=91=9C=20=EB=B3=B4=EC=A1=B0=20?=
 =?UTF-8?q?=ED=83=AD=20=EC=A4=84=20=C2=B7=20=EA=B8=80=EC=9E=90=20=EA=B3=B5?=
 =?UTF-8?q?=EC=9A=A9=20=EC=96=91=EC=8B=9D=EC=9C=BC=EB=A1=9C(71)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 보조 탭 줄 = .b08-quantity__tabs(다른 B08 보조 탭과 같은 높이 · 간격 · 밑줄)
- 식 · 관 그림 글자 px · 글꼴 이름 고정 → --font-body · --text-body-sm · --text-caption(위첨자 그대로)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MgChuAcyBqUkhHMTXomQC7
---
 B08_Quantity/B08_Quantity_UI_Hydro.css | 14 +++++++-------
 B08_Quantity/B08_Quantity_UI_Hydro.ts  |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/B08_Quantity/B08_Quantity_UI_Hydro.css b/B08_Quantity/B08_Quantity_UI_Hydro.css
index 9d1b50e5f..30cb173d2 100644
--- a/B08_Quantity/B08_Quantity_UI_Hydro.css
+++ b/B08_Quantity/B08_Quantity_UI_Hydro.css
@@ -16,10 +16,10 @@
   margin-bottom: var(--spacing-16);
 }
 
+/* 보조 탭 줄 = 다른 B08 보조 탭(.b08-quantity__tabs) 양식 · [저장] 옆까지 줄을 늘림 */
 .b08-hydro__tabs {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--spacing-4);
+  flex: 1 1 auto;
+  min-width: 0;
 }
 
 .b08-hydro__toolbar > .ui-btn {
@@ -63,8 +63,8 @@
 
 .b08-hydro__formula {
   margin: 0 0 0 var(--spacing-8);
-  font-family: "Cambria Math", "Times New Roman", serif;
-  font-size: 15px;
+  font-family: var(--font-body);
+  font-size: var(--text-body-sm);
   color: var(--color-text-secondary);
 }
 
@@ -93,7 +93,7 @@
 
 .b08-hydro__row .b08-hydro__formula {
   margin: 0;
-  font-size: 13px;
+  font-size: var(--text-caption);
 }
 
 .b08-hydro__hint {
@@ -163,7 +163,7 @@
 }
 
 .b08-hydro__pipe text {
-  font-size: 12px;
+  font-size: var(--text-caption);
   fill: var(--color-text-secondary);
 }
 
diff --git a/B08_Quantity/B08_Quantity_UI_Hydro.ts b/B08_Quantity/B08_Quantity_UI_Hydro.ts
index 07367b58b..15880b1bf 100644
--- a/B08_Quantity/B08_Quantity_UI_Hydro.ts
+++ b/B08_Quantity/B08_Quantity_UI_Hydro.ts
@@ -86,7 +86,7 @@ export async function renderHydro(host: HTMLElement, projectId: string): Promise
     }) as HydroInputs;
 
   const tabs = document.createElement("div");
-  tabs.className = "b08-hydro__tabs";
+  tabs.className = "b08-quantity__tabs b08-hydro__tabs";
   tabs.setAttribute("role", "tablist");
   const save = createButton({
     label: "저장",