/* «High Tight Flag 패턴» 탭(`js/htf/pane.js`). 표는 `table.css` 의 `table.screen` 을 그대로 쓴다 —
   여기는 이 탭에만 있는 것(가로 스크롤 틀·SCTR 칸 강조·탈락 단계 표)뿐이다. */

.htf-root { display: grid; gap: var(--gap); }
.htf-count, .htf-msg, .htf-foot { margin: 0; color: var(--ink-soft); font-size: 12.5px; line-height: 1.55; }
.htf-foot { color: var(--ink-faint); padding-left: 18px; }
.htf-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg); }
table.htf-table { min-width: 900px; }
table.htf-table td.rank { color: var(--ink-faint); }
table.htf-table td.sctr { font-weight: 700; color: var(--ink); }
table.htf-table .up { color: var(--up); }
table.htf-table td.name { min-width: 140px; white-space: nowrap; }
.htf-sub { display: block; font-size: 11px; color: var(--ink-faint); }
.htf-sub-inline { font-size: 11px; color: var(--ink-faint); }
.htf-stages summary { cursor: pointer; font-size: 12.5px; color: var(--ink-soft); }
table.htf-stage-table { margin-top: 6px; max-width: 560px; }
table.htf-stage-table tr.htf-pop td { border-bottom: 2px solid var(--line); }
.htf-near-title { margin: 4px 0 0; font-size: 14px; color: var(--ink); }
table.htf-near td.htf-failed { white-space: nowrap; color: var(--ink-soft); font-size: 12px; }
table.htf-near { min-width: 1060px; }