/* fast-es-module-lexer page: the stop-point view and the small tables around it */

.sub { font-family: var(--ui); font-size: 14px; font-weight: 700; color: var(--ink-2); margin: 26px 0 8px; letter-spacing: 0; }
.sub:first-of-type { margin-top: 22px; }

.stops { max-height: 340px; }
.stops mark.cand { background: var(--fast-soft); color: var(--fast); box-shadow: inset 0 -2px 0 var(--fast); }
.key .k-mark { background: var(--fast); border-color: var(--fast); }
.key .k-cand { background: var(--fast-soft); border-color: var(--fast); }
.key code { font-size: 0.9em; }

#s-text { min-height: 120px; }
#s-counts { max-width: 80ch; }
#s-meter .meter-row .val { white-space: nowrap; }

.results td code, .results td .cell { font-size: 12.5px; overflow-wrap: anywhere; }
.results td.wrap { min-width: 180px; max-width: 360px; line-height: 1.45; }
.results td.stmt { max-width: 340px; }
.results td.differs { font-weight: 700; color: var(--warn); }
.results td.same { font-weight: 700; color: var(--ok); }
.results td.bad { font-weight: 700; color: var(--bad); }

@media (max-width: 640px) {
  .stops { font-size: 12px; }
  .results td.wrap { min-width: 150px; }
  .results td.stmt { max-width: 230px; }
}