/* 응답 화면 아래의 추천 칸(B38c): [이송 결정]·[직접 전화]가 갈 병원 한 곳. 글은 slot.js가 정한다.
   위에서부터: 표("추천"·"선택한 병원"·"이송 확정")와 그 병원의 답(배지) · 병원 이름 24px · 도착 분 40px과 거리 · 기준 ·
   더 가까운 병원이 아직 울린다는 경고. 표는 색 없는 회색 글자다 — 초록은 병원이 한 말(수용)에만 쓴다(v10, 추천 ≠ 수용). */

.target {
  position: relative;
  isolation: isolate;
  padding-bottom: var(--space-2);
}

.target-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0 var(--space-1);
  margin: 0;
  color: var(--color-text-secondary);
}

.target-name {
  margin: calc(var(--space-1) / 2) 0 0;
  font-size: var(--type-size-lg);
  line-height: var(--type-lineHeight-lg);
  font-weight: var(--type-weight-heading);
  letter-spacing: var(--type-tracking-recommendation);
}

/* 도착 분(왼쪽, 이 칸에서 가장 큰 글자)과 거리(오른쪽). 글자를 키워 한 줄에 안 들어가면 거리가 아래로 내려간다. */
.target-far {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0 var(--space-2);
  margin: var(--space-1) 0 0;
  font-variant-numeric: tabular-nums lining-nums;
}

.target-minutes {
  font-size: var(--type-size-xxl);
  line-height: var(--type-lineHeight-xxl);
  font-weight: var(--type-weight-strong);
  letter-spacing: var(--type-tracking-display);
}

.target-unit {
  margin-left: calc(var(--space-1) / 2);
  font-size: var(--type-size-lg);
  line-height: var(--type-lineHeight-lg);
  font-weight: var(--type-weight-control);
}

.target-distance {
  font-size: var(--type-size-md);
  line-height: var(--type-lineHeight-md);
  font-weight: var(--type-weight-control);
}

.target-context {
  margin: var(--space-1) 0 0;
  color: var(--color-text-secondary);
}

.target-context:empty {
  display: none;
}

/* 추천보다 가까운 병원이 아직 울리고 있다 — 지금 떠나면 더 빠른 병원을 놓칠 수 있다. 회색 기준 줄에 묻히지 않게 흰 굵은 글자. */
.target-ahead {
  margin: var(--space-1) 0 0;
  font-weight: var(--type-weight-control);
}

.target-ahead:empty {
  display: none;
}

/* 낮은 화면: 도착 분을 한 단계 줄인다(40 → 32). 이름·버튼 크기는 그대로다. */
@media (max-height: 699px) {
  .target-minutes {
    font-size: var(--type-size-xl);
    line-height: var(--type-lineHeight-xl);
  }
}