body {
  color: #171717;
  font: 15px/1.45 system-ui, sans-serif;
  margin: 0;
}

main {
  margin: 40px auto;
  max-width: 960px;
  padding: 0 18px;
}

h1, h2 { font-weight: 600; }
h1 { margin-bottom: 0; }
h2 { margin-top: 40px; }
#updated, .muted { color: #666; }
.legend { display: flex; flex-wrap: wrap; gap: 16px; }
.real { color: #287a44; }
.bot { color: #bc3f32; }
.trend { color: #333; }
svg { display: block; height: auto; overflow: visible; width: 100%; }
.chart-label { fill: #666; font-size: 11px; }
.grid { stroke: #ddd; stroke-width: 1; }
.day { border-top: 1px solid #ddd; padding: 14px 0; }
.day h3 { font-size: 15px; margin: 0 0 4px; }
.day p { margin: 0; }