/* crossword-solver/page.css — all of what /crossword-solver/ adds to this
   site's CSS, route-local for solvers.js's budget reason: a rule in sieve.css
   is paid for by every page to serve one route. No new tokens; everything
   reusable is reused — .rack-*, .notes, .results, .working, .disclosure,
   .len-*, .word-*, .more, with sieve.css's A3.11 reservations. */

/* SPECIFICITY, NOT ORDER. kit/base.css styles input[type="text"] at (0,1,1)
   with `font: inherit`, out-specifying sieve.css's .rack-input (0,1,0), so the
   squares box loses the mono face however late sieve.css loads — and a pattern
   is the one thing that must read as separable squares. Matching the element
   ties it, page.css loads last. Route-local; the same cascade de-monos stage
   1's rack today, first recorded by /wordle-solver/. */
input.rack-input { font-family: var(--mono); font-size: 1.05rem; }

/* A3.11 — ZERO CLS ACROSS A FIT. sieve.css reserves the results panel, the
   notes overlay, the working line and the disclosure band; it cannot reserve
   THIS readout, whose widths are per-id. Each box ↔ the fact that bounds it:
     Pattern 20ch  maxlength=20 and the reader drops separators, so the echo is
                   at most 20 characters — 20 not MAX_LEN's 15, because an
                   over-long pattern is ECHOED as it is refused, which is the
                   point of it. Idle "none typed" is 10.
     Squares 2ch   the same 20, at two digits.
     Known 2ch     squares decomposed — known + blank = squares — so neither
     Blank 2ch     can exceed 20 either.
     Fit 6ch       the length is locked, so the answer cannot exceed ONE
                   length's words, and the largest shard holds 28,420 eight-
                   letter ones: "28,420", six characters. RENDER_MAX (1,500) is
                   what gets PAINTED, never what this box counts.
     Read 6ch      same bound, same shard: that shard's whole word count.
   drive.js recomputes both maxima off wordlist/ rather than trusting this. */
#r-pattern, #r-squares, #r-known, #r-blank, #r-fit, #r-read { display: inline-block; }
#r-pattern { min-width: 20ch; }
#r-squares, #r-known, #r-blank { min-width: 2ch; }
#r-fit, #r-read { min-width: 6ch; }

/* Nothing else needs a reservation, and the figures are measured. Disclosure:
   232 characters idle, at most 243 pulled (widest at shard-10, 440,088 bytes),
   inside the 245 stage 1 sized that band for. Overlay: the widest sentence this
   page can show is patternNotLetters naming 20 unreadable characters back — 294
   against the 218 that measured 159 px in the 288 px panel, so ~215 px, inside
   it. drive.js recomputes all three off the engine. */