.forecastAccuracyPanel {
  box-sizing: border-box;
  width: 100%;
  max-width: 760px;
  margin: 24px 0;
  padding: 18px;
  border: 1px solid #b9c9d4;
  border-radius: 10px;
  background: #f5f9fb;
  color: #172b36;
}

.forecastAccuracyHeading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.forecastAccuracyEyebrow {
  margin: 0 0 3px;
  color: #476474;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#main-copy .forecastAccuracyPanel h2 { margin: 0; }

.forecastAccuracyConfidence {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 6px;
  background: #e1edf3;
  font-size: .85rem;
}

.forecastAccuracyConfidence strong { display: block; text-align: center; }
.forecastAccuracyTableWrap { overflow-x: auto; }

.forecastAccuracyTable {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  font-variant-numeric: tabular-nums;
}

.forecastAccuracyTable th,
.forecastAccuracyTable td {
  padding: 8px 9px;
  border-bottom: 1px solid #d8e1e6;
  text-align: right;
  white-space: nowrap;
}

.forecastAccuracyTable th:first-child { text-align: left; }
.forecastAccuracyTable thead th { background: #e7f0f5; font-size: .8rem; }
.forecastAccuracyMeta { margin-bottom: 0; color: #52646e; font-size: .8rem; }
.forecastTrend { font-weight: 700; }
.forecastTrend-improving { color: #1f6b3a; }
.forecastTrend-worsening { color: #a12d2d; }
.forecastTrend-stable, .forecastTrend-collecting { color: #52646e; }

.warningFeedHealth {
  box-sizing: border-box;
  width: 100%;
  max-width: 760px;
  margin: 20px 0;
  padding: 14px 18px;
  border: 1px solid #c8d4db;
  border-radius: 9px;
  background: #f8fafb;
}

#main-copy .warningFeedHealth h2 { margin: 0 0 8px; }
.warningFeedHealth p { margin: 0; }
.statusPill { display: inline-block; margin-right: 7px; padding: 3px 8px; border-radius: 999px; font-size: .78rem; font-weight: 800; }
.statusPill-ok { background: #dcefe1; color: #1f5f34; }
.statusPill-fail { background: #f8dddd; color: #922b2b; }
.statusPill-wait { background: #fff0c7; color: #745000; }
.forecastDiagnostics { box-sizing:border-box;width:100%;max-width:760px;margin:20px 0;padding:14px 18px;border:1px solid #c8d4db;border-radius:9px;background:#f8fafb; }
#main-copy .forecastDiagnostics h2 { margin:0 0 8px; }
.modelHistoryList { display:grid;gap:6px;font-size:.82rem; }
.modelHistoryList div { padding:7px 9px;border-radius:5px;background:#fff;border:1px solid #d8e1e6; }
.historyPromoted { color:#1f6b3a;font-weight:800; }
.historyHeld { color:#8a5620;font-weight:800; }

@media (max-width: 600px) {
  .forecastAccuracyPanel { padding: 14px; }
  .forecastAccuracyHeading { flex-direction: column; }
  .forecastAccuracyConfidence strong { display: inline; }
}