.statistics-body .logic-page-header h1 { max-width: 24ch; }
.statistics-body .logic-copy p { max-width: 70ch; }
.statistics-body .logic-worked ol { padding-inline-start: 22px; }
.statistics-body .logic-worked li { margin-block: 9px; }
.statistics-body .logic-exercise h3 { max-width: 62ch; }
.statistics-body .logic-count-inputs label { min-width: 0; }
.statistics-body .logic-count-inputs label > span { margin-bottom: 8px; }
.statistics-body .logic-count-inputs input { margin-top: auto; }
.statistics-body .stats-figure { margin: 20px 0 24px; padding: 0; min-width: 0; }
.statistics-body .stats-figure figcaption { color: #b6c2be; font-size: 13px; line-height: 1.6; margin-top: 12px; }
.statistics-body .stats-tokens { display: flex; flex-wrap: wrap; gap: 12px; padding: 8px 0; }
.statistics-body .stats-tokens > span { display: grid; place-items: center; width: 54px; aspect-ratio: 1; flex: 0 0 54px; background: #28322f; border: 1px solid #71857c; border-radius: 6px; color: #dce5e1; font: 600 26px/1 ui-monospace, monospace; }
.statistics-body .stats-tokens > span[data-marked="true"] { background: #e6bd70; color: #17201b; border-color: #e6bd70; }
.statistics-body .stats-bars { display: grid; gap: 12px; }
.statistics-body .stats-bars > div { display: grid; grid-template-columns: minmax(90px, 1fr) minmax(80px, 3fr) minmax(68px, auto); align-items: center; gap: 12px; font-size: 14px; }
.statistics-body .stats-bars strong { color: #eff5f1; font-size: 14px; text-align: end; font-variant-numeric: tabular-nums; }
.statistics-body .stats-bar-track { height: 18px; background: #28322f; border-left: 1px solid #708278; min-width: 0; }
.statistics-body .stats-bar-track i { display: block; height: 100%; background: #8bcab8; }
.statistics-body .stats-bars > div:nth-child(even) .stats-bar-track i { background: #e6bd70; }
.statistics-body .stats-intervals { display: grid; gap: 16px; }
.statistics-body .stats-intervals > div { display: grid; gap: 8px; font-size: 14px; }
.statistics-body .stats-interval-track { position: relative; display: block; height: 18px; background: #28322f; border-inline: 1px solid #708278; }
.statistics-body .stats-interval-track i { position: absolute; display: block; height: 100%; background: #8bcab8; border-inline: 2px solid #dff3eb; }
.statistics-body .stats-intervals > div:nth-child(even) .stats-interval-track i { background: #e6bd70; }
.statistics-body .stats-intervals .stats-interval-axis { display: flex; justify-content: space-between; color: #b6c2be; font-size: 12px; }

@media (max-width: 480px) {
  .statistics-body .stats-tokens { gap: 10px; }
  .statistics-body .stats-tokens > span { width: 44px; flex-basis: 44px; }
  .statistics-body .stats-bars > div { grid-template-columns: minmax(66px, 1fr) minmax(48px, 2fr) minmax(50px, auto); gap: 8px; font-size: 12px; }
  .statistics-body .stats-bars strong { font-size: 12px; }
  .statistics-body .logic-count-inputs { grid-template-columns: minmax(0, 1fr); }
}

@media print {
  .statistics-body .stats-figure figcaption { color: #333; }
  .statistics-body .stats-bars strong { color: #111; }
}