/* 실전 신호 탭(D-105)의 좁은 화면 규칙 — 기능 시트(`signals.css`)에는 `@media` 를 두지 않는다(검사 규칙).
   `mobile-table.css` 가 600px 에서 표를 카드로 접는데, `td::before { flex: none }` 이 긴 머리글(«산업 순위(3·6·12개월)»)을
   줄바꿈 못 하게 해서 카드가 옆으로 벗어나 가로 스크롤바가 생겼다(2026-09-11 사용자 보고). 이 칸은 머리글이 한 줄을 다 쓰고
   값이 다음 줄에 온다. 나머지 머리글도 필요하면 줄바꿈한다. */
@media (max-width: 600px) {
  .screen-table tbody td.col-rank { flex-wrap: wrap; justify-content: flex-start; }
  .screen-table tbody td.col-rank::before { flex-basis: 100%; white-space: normal; }
  .sg-live-table tbody td::before, .sg-eod-table tbody td::before, .sg-watch-table tbody td::before {
    white-space: normal; overflow-wrap: anywhere;
  }
  .sg-table-wrap { overflow-x: hidden; }
}