.stats-summary {
  border-block: 1px solid var(--line);
  padding: 13px 0;
  margin: 22px 0 12px;
}
.stats-summary p {
  margin: 0;
  color: var(--muted);
  font: 10px monospace;
}
.stats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}
.stat-card {
  border: 1px solid var(--line);
  background: #efede7;
  padding: 14px;
  min-height: 78px;
}
.stat-card small {
  display: block;
  color: var(--muted);
  font-size: 10px;
}
.stat-card strong {
  display: block;
  font-size: 25px;
  margin-top: 9px;
  letter-spacing: -1px;
}
html[data-theme="dark"] .stat-card {
  background: #242823;
  border-color: #3b4239;
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .stat-card {
    background: #242823;
    border-color: #3b4239;
  }
}