/* Word scramble pages (/<subject>/word-scramble/…). Loaded after
   worksheet-print.css, worksheet-night.css, print-names.css and
   definitions-page.css (whose .dfn-controls / .dfn-pill / term-panel rules the
   controls here reuse) on those pages only. The sheet is paper (screen and
   print, and the page boxes content/print-names.js lays copies into). */

/* One row per term: number · scramble (clue under it) · ruled writing line.
   Ruled lines are 8 mm apart. A row is never split across pages (it is atomic
   to the page layout too: .scr-row in print-names.js ATOMIC). The sheet runs
   across pages; only a row is kept whole. */
.ws-section.scr-sheet { page-break-inside: auto; break-inside: auto; }
.scr-rows { display: block; }
.scr-row {
    display: grid;
    grid-template-columns: 7mm minmax(0, 46%) minmax(0, 1fr);
    column-gap: 3mm;
    align-items: start;
    padding: 2.5mm 0 0;
    break-inside: avoid;
    page-break-inside: avoid;
}
.scr-num {
    font-size: 9pt;
    font-weight: 700;
    color: var(--ws-muted, #6b7280);
    padding-top: 1.6mm;
}
.scr-letters {
    /* Monospace, so a student's own scramble is exactly as wide as the default
       one: pages are laid out once and every copy has to fit the same. */
    font-family: ui-monospace, 'Courier New', monospace;
    font-size: 13pt;
    font-weight: 800;
    letter-spacing: 0.32em;
    word-spacing: 0.9em;
    line-height: 1.3;
    padding-top: 0.8mm;
    overflow-wrap: anywhere;
    color: var(--ws-text, #111827);
}
.scr-clue {
    margin-top: 0.8mm;
    font-size: 8.5pt;
    line-height: 1.3;
    color: var(--ws-muted, #4b5563);
    overflow-wrap: anywhere;
}
.scr-write { display: flex; align-items: flex-end; height: 8mm; }
.scr-first { font-weight: 800; font-size: 11pt; margin-right: 1mm; line-height: 1; padding-bottom: 0.6mm; }
.scr-line { flex: 1; display: block; height: 8mm; border-bottom: 1px solid #9ca3af; }
.ws-half .scr-letters { font-size: 12pt; }
.ws-half .scr-clue { font-size: 8pt; }
.scr-key-scr { font-family: ui-monospace, 'Courier New', monospace; letter-spacing: 0.12em; color: #6b7280; }
.scr-key-alt { font-style: italic; color: #6b7280; }
/* A different scramble on every copy: the key can't show one. */
.ws-named[data-option="1"] .scr-key-scr { display: none; }

@media screen {
.ws-night .scr-term-off span { text-decoration: line-through; opacity: 0.55; }
.ws-night .scr-check { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; cursor: pointer; }
.ws-night .scr-check input { width: 18px; height: 18px; accent-color: #FBBF24; }
}