.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: #596675; 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: #e9eef5; border: 1px solid #98a5b3; border-radius: 6px; color: #101924; font: 600 26px/1 ui-monospace, monospace; }
.statistics-body .stats-tokens > span[data-marked="true"] { background: #b97416; color: #ffffff; border-color: #b97416; }
.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: #101924; font-size: 14px; text-align: end; font-variant-numeric: tabular-nums; }
.statistics-body .stats-bar-track { height: 18px; background: #e9eef5; border-left: 1px solid #98a5b3; min-width: 0; }
.statistics-body .stats-bar-track i { display: block; height: 100%; background: #3058dc; }
.statistics-body .stats-bars > div:nth-child(even) .stats-bar-track i { background: #b97416; }
.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: #e9eef5; border-inline: 1px solid #98a5b3; }
.statistics-body .stats-interval-track i { position: absolute; display: block; height: 100%; background: #3058dc; border-inline: 2px solid #193ca4; }
.statistics-body .stats-intervals > div:nth-child(even) .stats-interval-track i { background: #b97416; }
.statistics-body .stats-intervals .stats-interval-axis { display: flex; justify-content: space-between; color: #596675; 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; }
}

/* Match the learning topics while keeping the shared course interactions. */
body.logic-body.statistics-body:has(.logic-shell) {
  color-scheme: light;
  background: #fff; color: #101924;
  font-family: 'Avenir Next', 'PingFang SC', sans-serif;
  --logic-text: #101924; --logic-muted: #596675; --logic-line: #e2e7ed;
  --logic-panel: #f7f9fc; --logic-blue: #3058dc;
  --logic-amber: #85510c; --logic-green: #207047;
}
.statistics-body .statistics-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 24px; padding: 10px 0 25px; border-bottom: 1px solid var(--logic-line); }
.statistics-body .statistics-nav a { font-size: 14px; text-decoration: none; }
.statistics-body .statistics-nav .statistics-brand { font-size: 24px; font-weight: 750; color: var(--logic-text); margin-right: auto; }
.statistics-body a:hover { color: #193ca4; }
.statistics-body h1, .statistics-body h2, .statistics-body h3, .statistics-body code { color: var(--logic-text); }
.statistics-body .logic-page-header h1 { font-size: clamp(28px, 3.2vw, 44px); line-height: 1.22; letter-spacing: -1px; }
.statistics-body button { background: #fff; border-color: #98a5b3; border-radius: 6px; }
.statistics-body button:hover { background: #edf2fa; }
.statistics-body .logic-primary { background: #101924; color: #fff; border-color: #101924; border-radius: 24px; }
.statistics-body .logic-primary:hover { background: #3058dc; color: #fff; border-color: #3058dc; }
.statistics-body input, .statistics-body select, .statistics-body textarea { background: #fff; border-color: #98a5b3; }
.statistics-body input[type="checkbox"], .statistics-body input[type="radio"] { accent-color: #3058dc; }
.statistics-body .logic-sidebar { scrollbar-color: #aab6c7 transparent; }
.statistics-body .logic-progress progress { accent-color: #3058dc; background: #e2e7ed; }
.statistics-body .logic-progress progress::-webkit-progress-bar { background: #e2e7ed; }
.statistics-body .logic-progress progress::-webkit-progress-value { background: #3058dc; }
.statistics-body .logic-outline-group a[aria-current="page"] { background: #edf2ff; border-left-color: #3058dc; }
.statistics-body .logic-dot { border-color: #7a8899; }
.statistics-body .logic-dot[data-done="true"] { border-color: var(--logic-green); }
.statistics-body .logic-course-map li + li { border-color: var(--logic-line); }
.statistics-body .logic-course-map li a:hover { background: #f2f5fa; }
.statistics-body .logic-copy blockquote { color: #193ca4; background: #f2f5fa; border-left: 3px solid #3058dc; padding: 18px 22px; }
.statistics-body .logic-caution { border-color: #b97416; }
.statistics-body .logic-exercise { border-color: var(--logic-line); border-radius: 10px; }
.statistics-body .logic-choices > label { background: #fff; border-color: #b6c2d1; }
.statistics-body .logic-choices label:has(input:checked) { background: #edf2ff; border-color: #3058dc; }
.statistics-body .logic-hints, .statistics-body .logic-feedback, .statistics-body .logic-storage[data-error="true"] { color: #85510c; }
.statistics-body .logic-feedback[data-correct="true"] { color: #207047; }
.statistics-body .logic-table th { background: #edf2fa; }
.statistics-body .logic-table td { background: #fff; }
.statistics-body .logic-table th, .statistics-body .logic-table td { border-color: #ced7e3; }
.statistics-body [data-wrong="true"] { border-color: #a35c0c; outline-color: #a35c0c; }
.statistics-body .logic-dialog { background: #fff; border-color: #ced7e3; }
.statistics-body .logic-skip { background: #fff; }
@media (max-width: 480px) {
  .statistics-body .statistics-nav { gap: 12px 16px; }
  .statistics-body .statistics-nav .statistics-brand { flex-basis: 100%; }
  .statistics-body .logic-copy blockquote { padding: 14px 16px; }
}
@media print { .statistics-body .statistics-nav { display: none; } }
.statistics-body .logic-shell summary, .statistics-body .logic-shell strong { color: var(--logic-text); }
.statistics-body .logic-shell .logic-feedback strong { color: inherit; }
.statistics-body .logic-shell .logic-caution strong { color: var(--logic-amber); }
.statistics-body .logic-shell .logic-solution summary { color: var(--logic-muted); }