From 5fdfc64d108cd3abb5179c6bace19ab49ea949e7 Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Sun, 11 Oct 2026 16:33:24 +0900
Subject: [PATCH] =?UTF-8?q?fix(B06):=20=ED=9A=A1=EB=8B=A8=EB=8F=84=20?=
 =?UTF-8?q?=EA=B4=80=EB=A7=A4=EC=84=A4=20=C2=B7=20=EC=84=B8=EC=9B=94?=
 =?UTF-8?q?=EA=B5=90=20=EC=A0=95=EB=B3=B4=20=EA=B8=80=20=ED=81=AC=EA=B8=B0?=
 =?UTF-8?q?=20=3D=20=EB=85=B8=ED=8F=AD=20=EB=9D=BC=EB=B2=A8=20=EA=B8=80=20?=
 =?UTF-8?q?=ED=81=AC=EA=B8=B0(267-1)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_015sDZSjFvoiDjdGpgj3muc3
---
 .../B06_Section_UI_Style_Cross_Areas.css      |  5 +++
 resources/tester/test_267_1_pipe_info_font.py | 44 +++++++++++++++++++
 2 files changed, 49 insertions(+)
 create mode 100644 resources/tester/test_267_1_pipe_info_font.py

diff --git a/B06_Section/B06_Section_UI_Style_Cross_Areas.css b/B06_Section/B06_Section_UI_Style_Cross_Areas.css
index 0b21a02b5..a724bc1cc 100644
--- a/B06_Section/B06_Section_UI_Style_Cross_Areas.css
+++ b/B06_Section/B06_Section_UI_Style_Cross_Areas.css
@@ -360,6 +360,11 @@
   fill: var(--color-text-secondary);
 }
 
+/* 관 정보 글(관매설 · 세월교 · 267-1) — 노폭 라벨(`.b06-chart__carriageway-label`)과 같은 글 크기 */
+.b06-chart__culvert-label.b06-chart__pipe-info {
+  font-size: 11px;
+}
+
 /* 유입 보호공 공간 확보 절토선 — 말단에서 표준단면 절토경사로 지반까지 */
 .b06-chart__culvert-cut {
   stroke: var(--color-warning);
diff --git a/resources/tester/test_267_1_pipe_info_font.py b/resources/tester/test_267_1_pipe_info_font.py
new file mode 100644
index 000000000..d819bb537
--- /dev/null
+++ b/resources/tester/test_267_1_pipe_info_font.py
@@ -0,0 +1,44 @@
+# -*- coding: utf-8 -*-
+"""PLAN 267-1 — B06 횡단 카드 「관매설 …」 글 크기 = 「노폭 …」 글 크기 · 줄 겹침 없음.
+
+./venv/Scripts/python.exe -m pytest resources/tester/test_267_1_pipe_info_font.py -q -p no:cacheprovider --basetemp=tmp/pt
+"""
+
+import re
+from pathlib import Path
+
+ROOT = Path(__file__).resolve().parents[2]
+CSS = (ROOT / "B06_Section" / "B06_Section_UI_Style_Cross_Areas.css").read_text(encoding="utf-8")
+TYPES = (ROOT / "B06_Section" / "B06_Section_UI_Cross_Culvert_Types.ts").read_text(encoding="utf-8")
+
+
+def _font_px(selector: str) -> float:
+    """셀렉터 블록의 마지막 font-size(px) — 뒤에 오는 규칙이 이긴다."""
+    blocks = re.findall(re.escape(selector) + r"\s*\{([^}]*)\}", CSS)
+    sizes = [float(m) for b in blocks for m in re.findall(r"font-size:\s*([\d.]+)px", b)]
+    assert sizes, selector
+    return sizes[-1]
+
+
+def test_관_정보_글_크기가_노폭_라벨과_같다() -> None:
+    road = _font_px(".b06-chart__carriageway-label")
+    info = _font_px(".b06-chart__culvert-label.b06-chart__pipe-info")
+    assert road == info == 11.0
+    # 다른 culvert-label(집수정 · 박스 이름)은 그대로 9px
+    assert _font_px(".b06-chart__culvert-label") == 9.0
+
+
+def test_관_정보_글_줄이_노폭_라벨과_겹치지_않는다() -> None:
+    step = float(re.search(r"- (\d+) \* \(stacked \+ 1\)", TYPES).group(1))
+    font = _font_px(".b06-chart__culvert-label.b06-chart__pipe-info")
+    road_font = _font_px(".b06-chart__carriageway-label")
+    asc, desc = 0.8, 0.2  # 글자 상자 근사 — 기준선 위 80% · 아래 20%
+    road_top = 0 - asc * road_font  # 노폭 라벨 기준선 y=0
+    for n in (1, 2, 3):  # 관 정보 글이 쌓인 줄 수
+        info_y = -step * n
+        info_bottom = info_y + desc * font
+        assert info_bottom < road_top, (n, info_bottom, road_top)
+        if n > 1:  # 윗줄 바닥 < 아랫줄 윗면
+            upper_bottom = -step * n + desc * font
+            lower_top = -step * (n - 1) - asc * font
+            assert upper_bottom < lower_top, n