/* ==========================================================================
   指标说明页 · 复用全站 research-tokens.css / research-dashboard.css 组件
   本文件只补充本页特有的排版，不定义任何新的设计变量。
   ========================================================================== */

.mth-lede {
  margin: 0 0 16px;
  max-width: 920px;
  font-size: var(--dash-font-body);
  line-height: 1.75;
  color: var(--dash-text-main);
}

.mth-sub {
  margin: 0 0 12px;
  font-size: var(--dash-font-caption);
  line-height: 1.7;
  color: var(--dash-text-muted);
}

/* ---- 锚点导航 ---- */
.mth-toc {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 4px;
}

.mth-toc a {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border: 1px solid var(--dash-border);
  border-radius: var(--dash-radius-pill);
  background: var(--dash-surface-soft);
  color: var(--dash-text-main);
  font-size: 12.5px;
  font-weight: 700;
}

.mth-toc a:hover {
  border-color: var(--dash-primary);
  background: var(--dash-primary-soft);
  color: var(--dash-primary-dark);
}

/* ---- 双列卡 ---- */
.mth-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--dash-gap);
}

.mth-card {
  padding: 16px 18px;
  border: 1px solid var(--dash-border);
  border-left: 4px solid var(--dash-primary);
  border-radius: var(--dash-radius-sm);
  background: var(--dash-surface-soft);
  min-width: 0;
}

.mth-card.mth-card-internal { border-left-color: var(--dash-text-faint); }

.mth-card h3 {
  margin: 0 0 8px;
  font-size: var(--dash-font-card-title);
  color: var(--dash-text);
}

.mth-card ul { margin: 0; padding-left: 18px; }
.mth-card li { margin: 5px 0; font-size: var(--dash-font-caption); line-height: 1.7; color: var(--dash-text-main); }

/* ---- 说明条 ---- */
.mth-note {
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid var(--dash-border);
  border-radius: var(--dash-radius-sm);
  background: var(--dash-surface-soft);
  font-size: var(--dash-font-caption);
  line-height: 1.75;
  color: var(--dash-text-main);
}

.mth-note-warn {
  border-color: #fde68a;
  border-left: 4px solid var(--dash-warning);
  background: #fffbeb;
  color: #92400e;
}

/* ---- 表格（对齐母版 table 密度：padding 9px 10px） ---- */
.mth-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--dash-font-caption);
  min-width: 620px;
}

.mth-table th,
.mth-table td {
  padding: 9px 10px;
  border-bottom: 1px solid var(--dash-border);
  text-align: left;
  vertical-align: top;
  line-height: 1.7;
}

.mth-table th {
  color: var(--dash-text-muted);
  font-weight: 700;
  background: var(--dash-surface-soft);
  white-space: nowrap;
}

.mth-table td:first-child { color: var(--dash-text); font-weight: 650; white-space: nowrap; }
.mth-table td b { color: var(--dash-text); }

.mth-table code,
.mth-card code,
.mth-note code {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 5px;
  background: var(--dash-primary-soft);
  color: var(--dash-primary-dark);
  font-family: Consolas, "SFMono-Regular", monospace;
  font-size: 11.5px;
  font-weight: 700;
}

.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ---- 色彩图例 ---- */
.mth-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  font-size: var(--dash-font-caption);
  color: var(--dash-text-main);
}

.mth-legend i {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  margin-right: 6px;
  vertical-align: -2px;
}

/* ---- 正文段落 ---- */
#m-disclaimer p {
  margin: 0 0 10px;
  max-width: 980px;
  font-size: var(--dash-font-caption);
  line-height: 1.8;
  color: var(--dash-text-main);
}

/* ---- 响应式 ---- */
@media (max-width: 900px) {
  .mth-grid-2 { grid-template-columns: 1fr; }
}