.stats-section {
  margin-block: 1.5rem;
  min-width: 0;
}
.stats-section h2 {
  margin-block: 0 0.5rem;
}
.stats-scroll {
  max-width: 100%;
  overflow-x: auto;
  margin-block: 0.8rem;
}
.stats-scroll table {
  border-collapse: collapse;
  width: 100%;
  text-align: start;
  font-variant-numeric: tabular-nums;
}
.stats-scroll th,
.stats-scroll td {
  border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent);
  padding: 0.65rem 0.7rem;
  text-align: start;
  vertical-align: top;
}
.stats-scroll th {
  font-size: 0.85em;
}
.stats-section summary,
.stats-section dt {
  font-weight: 650;
}
.stats-section summary {
  cursor: pointer;
}
.stats-section dd {
  margin: 0.2rem 0 1rem;
}
.stats-games,
.stats-day {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.stats-day strong {
  padding-inline: 0.3rem;
}
.stats-games button[aria-pressed='true'],
.stiftfarben button[aria-pressed='true'] {
  outline: 2px solid currentColor;
  outline-offset: -4px;
}
.stats-survey {
  display: grid;
  gap: 0.8rem;
  max-width: 42rem;
}
.stats-survey label,
.stats-survey textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.stats-survey button {
  justify-self: start;
}