/* 分析画面 */

.an-lead { margin-bottom: var(--sp-4); }

/* 3モデル的中率・タイミング別の横並びブロック */
.an-models {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-2);
  margin-bottom: var(--sp-2);
}
.an-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: var(--sp-2);
  border-radius: var(--r-s);
  background: var(--c-surface-2);
  text-align: center;
}
.an-stat.champ {
  background: var(--c-main-soft);
  outline: 1.5px solid var(--c-main);
}
.an-stat-name {
  font-size: var(--fs-micro);
  color: var(--c-text-2);
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.an-stat.champ .an-stat-name { color: var(--c-main); font-weight: 600; }
.an-stat-unit { font-size: var(--fs-caption); font-weight: 400; }
.an-legend { margin-top: var(--sp-1); }

.an-display-acc {
  display: flex;
  align-items: baseline;
  gap: var(--sp-2);
  flex-wrap: wrap;
}
.an-display-label { font-size: var(--fs-caption); color: var(--c-text-2); }
.an-display-pct {
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums;
  font-size: var(--fs-num-lg);
  font-weight: 700;
}

.an-sub { font-size: var(--fs-caption); color: var(--c-text-2); margin-bottom: var(--sp-2); font-weight: 600; }

/* 横棒(重み・相関) */
.an-bar-track {
  height: 6px;
  border-radius: var(--r-full);
  background: var(--c-surface-2);
  overflow: hidden;
  flex: 1;
}
.an-bar-fill {
  height: 100%;
  border-radius: var(--r-full);
  background: var(--c-main);
}
.an-bar-fill.neg { background: var(--c-chart-3); }

.an-weight-row {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  margin-bottom: var(--sp-2);
}
.an-weight-label { font-size: var(--fs-caption); width: 7em; flex-shrink: 0; }
.an-weight-value {
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums;
  font-size: var(--fs-micro);
  color: var(--c-text-2);
  width: 2.8em;
  text-align: right;
}

.an-miss-count { margin-bottom: var(--sp-2); }
.an-miss-list { list-style: none; }
.an-miss-list li {
  position: relative;
  padding-left: 1em;
  font-size: var(--fs-caption);
  margin-bottom: var(--sp-1);
}
.an-miss-list li::before { content: '・'; position: absolute; left: 0; }

/* 相関ランキング */
.an-corr-row { margin-bottom: var(--sp-3); }
.an-corr-row.an-hidden { display: none; }
.an-corr-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--sp-2);
  margin-bottom: 4px;
}
.an-corr-pair { font-size: var(--fs-caption); }
.an-corr-meta {
  font-size: var(--fs-micro);
  color: var(--c-text-2);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
.an-more { margin-top: var(--sp-2); min-height: 44px; }
.an-note { margin-top: var(--sp-3); }

/* 表 */
.an-table { width: 100%; border-collapse: collapse; font-size: var(--fs-caption); }
.an-table th {
  text-align: left;
  font-weight: 400;
  font-size: var(--fs-micro);
  color: var(--c-text-2);
  padding: var(--sp-1) var(--sp-1);
  border-bottom: 1px solid var(--c-border);
}
.an-table td {
  padding: var(--sp-2) var(--sp-1);
  border-bottom: 1px solid var(--c-border);
  vertical-align: top;
}
.an-table tr:last-child td { border-bottom: none; }
.an-table .an-num { text-align: right; font-variant-numeric: tabular-nums; font-family: var(--font-num); }
.an-table th.an-num { font-family: var(--font-body); }

/* 曜日別divバー */
.an-week-bars {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: var(--sp-2);
  align-items: end;
}
.an-week-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.an-week-track {
  width: 100%;
  max-width: 28px;
  height: 80px;
  border-radius: var(--r-s);
  background: var(--c-surface-2);
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.an-week-fill {
  width: 100%;
  background: var(--c-chart-1);
  border-radius: var(--r-s) var(--r-s) 0 0;
}
.an-week-val { font-variant-numeric: tabular-nums; }