feat(B05): 노면공 확폭 구간 상자 · 물넘이 겹침 안내 문구 · 화면 시험 맞춤(87-3 · 87-4)

- 상세 내용 아래 「확폭 구간」 상자: 범위 안 확폭 > 0 측점을 이어진 구간으로 묶어 구간마다 켬/끔 단추(기본 켬) · 끈 구간 = options.widening_off "시작-끝,…"(측점 m) · 안 맞는 값 무시 · 횡단 자료 없으면 안내
- 횡단 측점 읽기 손잡이 pipeSections(design_structure_pipe_calc) · 구간 규칙 design_structure_widening(순수)
- 물넘이 겹침 안내 = 시작 · 종료 측점을 고치라는 문구
- 시험: test_87_widening_runs(새) · ui_checks 52-10 · 52-15 시작 · 종료 측점 꼴로 맞춤

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

B05_Profile/B05_Profile_UI_Style_Structures.css

@@ -570,3 +570,25 @@
   font-size: var(--text-caption);
   line-height: 1;
 }
+
+/* 노면공 「확폭 구간」 상자(PLAN 87-3) — 구간마다 단추 한 줄 */
+.b05-structure__widening[hidden] {
+  display: none;
+}
+
+.b05-structure__widening .b05-structure__group-body {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.b05-structure__widening .b05-structure__group-body button {
+  align-self: stretch;
+  text-align: left;
+  white-space: normal;
+}
+
+.b05-structure__widening-note {
+  color: var(--text-muted, inherit);
+  font-size: var(--text-caption);
+}