/* ISEF 赛道页 — 在 tian2.css / site.css / analysis.css 之上的少量补充 */

.tk-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.75rem 2.25rem;
  margin-block: 1.5rem;
}

.tk-two {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem 2.5rem;
  margin-block: 1.5rem;
}

.tk-box {
  border-top: 2.5px solid var(--ink);
  padding-top: .75rem;
}

.tk-lab {
  font-family: var(--font-label);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--fg-2);
  margin: 0 0 .6rem;
}

.tk-sub {
  font-size: var(--fs-small);
  color: var(--fg-2);
  line-height: var(--lh-body);
  margin: .7rem 0 0;
}

.spark { width: 100%; height: auto; max-width: 260px; display: block; }

/* 大奖率刻度：灰线=全赛道基准，粗段=Wilson 95% 区间，实心点=本赛道 */
.cibar { position: relative; height: 34px; margin: 1.1rem 0 .3rem; }
.cibar-track {
  position: absolute; left: 0; right: 0; top: 15px; height: 4px;
  background: var(--cream-2); border-radius: 2px;
}
.cibar-range {
  position: absolute; top: 13px; height: 8px;
  background: #F0B2A6; border-radius: 4px;
}
.cibar-dot {
  position: absolute; top: 9px; width: 16px; height: 16px; margin-left: -8px;
  background: var(--coral); border: 2px solid var(--cream); border-radius: 50%;
}
.cibar-glob {
  position: absolute; top: 4px; width: 2px; height: 26px; margin-left: -1px;
  background: var(--fg-3, #7A6B53);
}
.cibar::after {
  content: "0%                                    30%                                   60%";
  position: absolute; left: 0; right: 0; bottom: -4px;
  font-size: 9px; color: var(--fg-3, #7A6B53);
  white-space: pre; overflow: hidden;
}

.tk-tiers td { padding-block: .3rem; }

/* 官方子类别 */
.sublist { list-style: none; margin: 1.25rem 0 0; padding: 0; }
.sublist li {
  border-top: 1px solid var(--stroke-color, #D8CBB0);
  padding: .85rem 0;
  display: grid;
  grid-template-columns: 3.4rem 1fr;
  column-gap: .9rem;
}
.sub-code {
  grid-row: span 4;
  font-family: var(--font-label);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-label);
  color: var(--coral);
  padding-top: .15rem;
}
.sublist li > :not(.sub-code) { grid-column: 2; }
.sublist li:last-child { border-bottom: 1px solid var(--stroke-color, #D8CBB0); }
.sub-zh {
  display: block;
  font-family: var(--font-serif-zh);
  font-size: 1.05rem;
  color: var(--ink);
}
.sub-en {
  display: block;
  font-family: var(--font-label);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--fg-3, #7A6B53);
  margin-top: .15rem;
}
.sub-d {
  display: block;
  font-size: var(--fs-small);
  color: var(--fg-2);
  line-height: var(--lh-body);
  margin-top: .4rem;
  max-width: 62ch;
}
html[lang="en"] .sub-zh { display: none; }
html[lang="en"] .sub-en {
  font-family: var(--font-body-en);
  font-size: 1.02rem;
  letter-spacing: normal;
  text-transform: none;
  color: var(--ink);
}

/* 获奖作品 */
.win-h {
  font-family: var(--font-label);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--ink);
  border-bottom: 2.5px solid var(--ink);
  padding-bottom: .4rem;
  margin: 2rem 0 0;
  display: flex; align-items: baseline; gap: .6rem;
}
.win-n {
  font-family: var(--font-display-en);
  font-size: 1.1rem;
  color: var(--coral);
}
.win-note { font-size: 10px; color: var(--fg-3, #7A6B53); letter-spacing: 0; text-transform: none; }

.winlist { list-style: none; margin: 0; padding: 0; }
.win {
  display: grid;
  grid-template-columns: 3.4rem 7.5rem 1fr;
  gap: .2rem .9rem;
  padding: .8rem 0;
  border-bottom: 1px solid var(--stroke-color, #D8CBB0);
}
.win-y {
  font-family: var(--font-display-en);
  font-size: 1.05rem;
  color: var(--coral);
  grid-row: span 2;
}
.win-c { font-size: var(--fs-small); color: var(--fg-2); }
.win-t { font-size: .97rem; color: var(--ink); line-height: 1.45; }
.win-m {
  grid-column: 2 / -1;
  font-size: var(--fs-small);
  color: var(--fg-3, #7A6B53);
}
.win-m:empty { display: none; }

@media (max-width: 620px) {
  .win { grid-template-columns: 3.2rem 1fr; }
  .win-y { grid-row: span 3; }
  .win-t, .win-m { grid-column: 2 / -1; }
}

/* 总览卡片上的一行数字 */
.tk-card-n {
  font-size: var(--fs-small);
  color: var(--fg-2);
  margin: .4rem 0 0;
}

.data-table td.nm {
  max-width: 22ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 官方口径校勘（注意：analysis.css 的 .a-tip 是图表 tooltip，不能复用） */
.tk-errata {
  font-size: .8rem;
  color: var(--ink-3, #7A6B53);
  line-height: 1.7;
  margin-top: .9rem;
  padding-left: .9rem;
  border-left: 2.5px solid var(--mustard, #C89B3C);
  max-width: 78ch;
}
.tk-errata strong { color: var(--ink); }