:root {
  --card: #ffffff;
  --number: #969696;
  --title: #d5d5d5;
  --row-gap: clamp(4px, 1.2vw, 10px);
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--card); }
body {
  color: var(--number);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  font-weight: 400;
}
main { max-width: 900px; margin: 0 auto; padding: 12px 10px 24px; }
header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 8px 14px; }
h1 { margin: 0; color: var(--title); font-size: clamp(23px, 6vw, 42px); line-height: 1.35; font-weight: 400; }
header img { display: block; width: 64px; height: 64px; flex: 0 0 64px; }
.numbers { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: var(--row-gap) 0; }
.numbers span {
  display: block;
  text-align: center;
  font-size: clamp(20px, 6.4vw, 52px);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  line-height: 1.5;
  white-space: nowrap;
}
#more-numbers:not(:empty) { margin-top: var(--row-gap); }
p { margin: 16px 8px; font-size: 14px; line-height: 1.6; }