feat(b06): 횡단 카드 — 단추 줄 빈자리 누름 = 카드 고름 · 중심고 = Y축 라벨 둥근 상자(눈금과 같은 글자 · 소수 첫째 자리 · 축선 앞에서 멈춤 · 카드 · 상세 모달) · 아래 띠 중심고 글 뺌 · 암 경계 왼쪽 · 카드 = 내용 높이(아래 여유 없앰 · 빈 띠 높이 그대로) (318-1~3 · 요구 215 · 216)

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

B06_Section/B06_Section_UI_Style_Cross.css

@@ -121,6 +121,8 @@
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(min(480px, 100%), 1fr));
   gap: var(--spacing-16);
+  /* 카드 = 내용 높이만큼 — 같은 줄 큰 카드에 맞춰 늘어나 아래 띠 밑이 비던 것(318-3 · 띠 높이 그대로) */
+  align-items: start;
 }
 
 /* 알림 줄(138-3) — 카드 칸 맨 위 고정 · 알림 없어도 줄 유지 · 오른쪽 끝 열 수 칸.
@@ -344,6 +346,11 @@ html.is-bm-route .b06-section__notice-bar {
   border-top: 1px solid var(--color-border);
 }
 
+/* 빈 띠(토사 측점 · 중심고는 Y축으로 옮김 318-2)도 글 한 줄 높이 그대로 */
+.b06-cross-card > footer:empty::before {
+  content: "\200b";
+}
+
 .b06-section__empty {
   display: flex;
   min-height: 180px;
@@ -388,6 +395,18 @@ html.is-bm-route .b06-section__notice-bar {
   font-size: 10px;
 }
 
+/* 중심고 Y축 라벨(318-2) — 눈금과 같은 10px · 둥근 상자 · 테마 강조색 · 축선 앞에서 멈춤 */
+.b06-chart__center-box {
+  fill: color-mix(in srgb, var(--color-accent) 14%, var(--color-surface-raised));
+  stroke: var(--color-accent);
+  stroke-width: 1;
+}
+
+.b06-chart__center-text {
+  fill: var(--color-accent);
+  font-weight: var(--font-weight-medium);
+}
+
 /* 구조물(비정규) 측점 이름 — 종단면도 측점선 상단 표기. */
 .b06-chart__structure-label {
   font-size: 9px;
@@ -607,24 +626,14 @@ html.is-bm-route .b06-section__notice-bar {
   font-family: var(--font-mono);
 }
 
-/* 암 경계선 제어(E-7) — 하단 정보 행 **가운데 맞춤**(2026-08-06 사용자 지시).
-   방위각 삭제로 space-between 3분할 배치가 깨져 좌측에 붙었다 — 절대 배치로
-   행 중앙에 고정한다(중심고·반폭 버튼과 겹치지 않는 폭). */
-.b06-cross-card > footer {
-  position: relative;
-}
-
+/* 암 경계선 제어(E-7) — 하단 정보 행 **왼쪽 맞춤**(318-2 · 중심고는 그래프 Y축 라벨 상자로 옮김). */
 .b06-cross-card__rockb {
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
   flex: 0 0 auto;
   border-radius: var(--radius-inputs);
   padding: 1px 4px;
 }
 
-/* 측점별 암 절토 경사(2026-09-07) — 암 경계선이 행 가운데를 절대 배치로 쓰므로
-   이 칸은 행의 **오른쪽 끝**에 둔다. 중심고(왼쪽)와 겹치지 않는다. */
+/* 측점별 암 절토 경사(2026-09-07) — 행의 **오른쪽 끝**(암 경계 = 왼쪽). */
 .b06-cross-card__cutslope {
   margin-left: auto;
   flex: 0 0 auto;