.download-history {
  width: var(--shell);
  max-width: 860px;
  margin: 48px auto 64px;
  padding: 24px;
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: 14px;
}
@media (max-width: 480px) { .download-history { padding: 16px; } }
.download-history h2 { margin: 0 0 18px; text-align: center; }
.download-history-method { margin: 0 0 14px; color: var(--muted); text-align: center; }
.download-history-plot svg { display: block; width: 100%; overflow: visible; }
.download-history-plot .history-axis { stroke: var(--line); stroke-width: 1; }
.download-history-plot .history-line {
  fill: none;
  stroke: var(--navy);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.download-history-plot .history-end { fill: var(--navy); }
.download-history-plot text { fill: var(--ink); }
.download-history-plot .history-total { font-weight: 700; }
.download-history-status { color: var(--muted); text-align: center; margin: 8px 0 0; }