/* Scoped to the count-model lesson. */
[data-module="ngram-counts"] .ngram-convention { border-left: 3px solid #3156b8; padding: .6rem 1rem; margin-bottom: 1.5rem; }
[data-module="ngram-counts"] .workbench { margin-top: 1.25rem; }
[data-module="ngram-counts"] .workbench-grid { align-items: start; gap: 1.5rem; }
[data-module="ngram-counts"] .controls { display: flex; flex-direction: column; gap: .55rem; }
[data-module="ngram-counts"] textarea { min-height: 10rem; resize: vertical; font: 1rem/1.65 ui-monospace, SFMono-Regular, Consolas, monospace; width: 100%; }
[data-module="ngram-counts"] input, [data-module="ngram-counts"] select { font-size: 1rem; max-width: 100%; }
[data-module="ngram-counts"] .ngram-details { margin: 1.25rem 0; padding: .9rem 1rem; border: 1px solid #ccd3e0; border-radius: .6rem; background: #f6f8fc; }
[data-module="ngram-counts"] .ngram-details summary { cursor: pointer; font-size: 1rem; font-weight: 650; color: #243d83; }
[data-module="ngram-counts"] .ngram-details p { margin: .8rem 0; }
[data-module="ngram-counts"] .ngram-top { font-weight: 650; margin-top: 1rem; }
[data-module="ngram-counts"] .table-wrap { overflow-x: auto; max-width: 100%; }
[data-module="ngram-counts"] th, [data-module="ngram-counts"] td { font-size: 1rem; }
[data-module="ngram-counts"] .ngram-output { font-size: 1.2rem; border-left: 3px solid #3156b8; padding: .65rem 1rem; overflow-wrap: anywhere; }
[data-module="ngram-counts"] .formula-line { white-space: normal; overflow-wrap: anywhere; font-size: 1rem; }
[data-module="ngram-counts"] code { overflow-wrap: anywhere; }
[data-module="ngram-counts"] .tokenizer-example { margin: 1rem 0 0; }
[data-module="ngram-counts"] .tokenizer-example img { display: block; width: 100%; max-width: 712px; height: auto; border-radius: .5rem; }
[data-module="ngram-counts"] .tokenizer-example figcaption { margin-top: .7rem; font-size: .95rem; line-height: 1.5; }
[data-module="ngram-counts"] .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 700px) {
  [data-module="ngram-counts"] .workbench-grid { grid-template-columns: minmax(0, 1fr); }
  [data-module="ngram-counts"] .button-row { flex-wrap: wrap; }
  [data-module="ngram-counts"] .workbench { padding: 1rem; }
  [data-module="ngram-counts"] th, [data-module="ngram-counts"] td { padding: .65rem .5rem; }
}