/* =========================================
   size.css — 規模排行頁(size.html)
   複用 dividend-map.css 的 dm-table / dm-chip / dm-up/down 與 rankings.css 的排行樣式;
   此檔只補規模頁專屬的:市場總覽卡、類型佔比條、兩行欄頭
   ========================================= */

.sz-table { min-width: 900px; }
/* 欄頭兩行:上行是量的名稱,下行是期別與單位 —— 「資金淨流入・近一月・億元」擠成一行會換行換得很醜 */
.sz-th-sub {
  display: block;
  font-size: var(--font-size-xs); font-weight: 500;
  color: var(--color-text-light); white-space: nowrap;
}
.dm-flat { color: var(--color-text-light); }

/* 快照落後的殘列:來源已不再更新這一檔,標一下免得被當成今天的數字 */
.sz-stale {
  margin-left: var(--space-1);
  padding: 0 0.3rem; border-radius: var(--radius-sm);
  font-size: var(--font-size-xs); font-weight: 600;
  color: var(--color-text-light); background: var(--color-surface-container-high);
}

/* ── 市場總覽 ───────────────────────────── */
.sz-stats {
  display: grid; gap: var(--space-3);
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  margin-top: var(--space-6);
}
.sz-stat {
  padding: var(--space-4);
  background: var(--color-surface-container); border-radius: var(--radius-lg);
}
.sz-stat__label { font-size: var(--font-size-sm); color: var(--color-text-light); margin: 0; }
.sz-stat__value {
  margin: var(--space-1) 0 0;
  font-size: var(--font-size-2xl); font-weight: 700;
  font-variant-numeric: tabular-nums; color: var(--color-on-surface);
}
.sz-stat__unit { margin-left: 0.25rem; font-size: var(--font-size-sm); font-weight: 500; color: var(--color-text-light); }
.sz-stat__note { margin: var(--space-1) 0 0; font-size: var(--font-size-xs); color: var(--color-text-light); }

/* ── 類型佔比 ───────────────────────────── */
.sz-share { margin-top: var(--space-5); }
.sz-share__title { margin: 0 0 var(--space-2); font-size: var(--font-size-sm); color: var(--color-text-light); }
.sz-share__bar {
  display: flex; overflow: hidden;
  height: 0.75rem; border-radius: 999px; background: var(--color-surface-container);
}
.sz-share__seg { display: block; height: 100%; }
.sz-share__legend {
  display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4);
  margin-top: var(--space-2);
  font-size: var(--font-size-xs); color: var(--color-text-light);
}
.sz-share__item { display: inline-flex; align-items: center; gap: 0.35rem; }