/* 5-letter-words/page.css — all of what /5-letter-words/ adds to this site's
   CSS, route-local for solvers.js's reason: a rule in sieve.css is paid for by
   eight routes to serve one. No new token. */
.filter-input { width: 8ch; font-size: 1rem; }

/* A3.11 — six variable boxes, each sized to its widest POSSIBLE content with
   the fact that bounds it, since a box sized to today's value is a reservation
   that moves the day the value grows. #r-listed is bounded by the whole
   five-letter shard (a filter only lowers a count) and #r-shown by
   WordSolvers.RENDER_MAX, which the engine slices to before this page sees a
   word — 1,500, so both are 5 characters; #r-sections is one per initial letter
   holding a match, 26 at most; a chip is at most a 5-character run, a longer
   one being refused BY NAME (browseFilterTooLong) and never echoed, though the
   inputs take 8 to keep that refusal reachable by typing, and the chip padding
   applies in BOTH states so the pill costs no geometry. Nothing else is
   reserved, on measured counts: disclosure 241 idle / 246 filled against the
   unscrambler's 215 / 245, the tallest note browseNone at 197 against the
   218-character noWords the 288 px panel was measured with, and the results
   panel scrolls internally, so 1 word or 1,500 is one geometry. */
#r-listed, #r-shown { display: inline-block; min-width: 5ch; }
#r-sections { display: inline-block; min-width: 2ch; }
#r-starts, #r-contains, #r-ends {
  display: inline-block;
  min-width: calc(5ch + 0.7rem);
  padding: 0 0.35rem;
  border-radius: 2px;
}
.chip { background: var(--readout-dim); color: var(--readout-bg); }
.readout .r-value.off { color: var(--readout-dim); font-weight: 400; }