/* Model page: the scoreboard and the sentence attribution windows. */
.model-page .board tbody th { width: 22%; }
.model-page .board td { font-variant-numeric: tabular-nums; }
.model-page .read { display: inline-block; margin-left: 4px; padding: 0 6px; border: 1px solid #808080; font-size: 12px; line-height: 1.6; white-space: nowrap; vertical-align: middle; }
.model-page .read-ok { background: #dff5df; color: #064d06; border-color: #2e7d32; }
.model-page .read-miss { background: #ffd9d9; color: #7a0000; border-color: #b00000; }
.model-page .explain-window { margin-top: 18px; }
.model-page .units { list-style: none; margin: 0; padding: 10px 12px; display: grid; gap: 8px; background: #fff; }
.model-page .units li { display: grid; grid-template-columns: 58px 110px minmax(0, 1fr); gap: 10px; align-items: center; }
.model-page .delta { font-family: "Courier New", Courier, monospace; font-size: 14px; font-variant-numeric: tabular-nums; }
.model-page .delta.pos { color: #b00000; }
.model-page .delta.neg { color: #0b6b2b; }
.model-page .bar { display: block; height: 12px; border: 1px solid #808080; background: #f3f3f3; }
.model-page .bar i { display: block; height: 100%; }
.model-page .bar i.pos { background: #b00000; }
.model-page .bar i.neg { background: #2e7d32; }
.model-page .unit { font-size: 14px; line-height: 1.4; }
.model-page .who-window .who-list li { grid-template-columns: auto 1fr; }
.model-page .scroll-hint { display: none; margin: 0 0 6px; font-size: 13px; color: #444; }
@media (max-width: 640px) {
  .model-page .scroll-hint { display: block; }
  .model-page .who-window .who-list li { grid-template-columns: 1fr; }
  .model-page .who-window .who-list li > * { grid-column: 1 / -1; }
  .model-page .units li { grid-template-columns: 58px minmax(0, 1fr); }
  .model-page .units .bar { grid-column: 1 / -1; }
  .model-page .board tbody th { width: auto; }
}