/* 무단선점 현황(/main/status) — 레거시 blkStatus 구조.
   레이아웃/탭/요약박스/표 + 반응형(.graph_wrap 1500px 세로 스택, .inner_tbl.support.type3 1200px 가로 스크롤)은
   common.css·contents.css 를 그대로 재사용한다. 여기서는 Chart.js 캔버스 박스 높이만 보강한다. */

.status-tab-content {
  margin-top: 4px;
}

/* 국가 탭줄: 대탭(.tab_list_s) 아래 여백 정리 */
.status-country-tabs {
  margin-bottom: 32px;
}

/* graph_area 안 Chart.js 캔버스는 높이가 정의된 컨테이너가 필요하다(maintainAspectRatio:false).
   데스크탑은 명시 높이, 1500px 이하부터는 레거시 .graph_area(height:500px) 를 채운다. */
.status-scope .status-chart-box {
  position: relative;
  width: 100%;
  height: 100%;
}
.status-scope .status-chart-box > canvas {
  display: block;
}

/* 요약 progress 빈 상태 */
.status-progress-empty {
  color: #94a3b8;
  font-size: 14px;
  padding: 8px 0;
  list-style: none;
}

/* 그리드 표 상단 여백 */
.status-grid-area {
  margin-top: 8px;
}

@media screen and (max-width: 1500px) {
  .status-country-tabs {
    margin-bottom: 24px;
  }
  /* 레거시: .graph_wrap 세로 스택 + .graph_area height:500px → 박스는 그 안을 채운다 */
  .status-scope .status-chart-box {
    height: 100%;
  }
}

/* 하단 각주 — 26년 조사 시작 국가 미포함 안내 */
.status-footnote {
  margin-top: 14px;
  font-size: 13px;
  color: #777;
}