/* Print sheets. Page size is chosen by the PDF builder (A4 or Letter);
   margins live here so both sizes share them. Greyscale by construction. */
@page { margin: 16mm 16mm 18mm 16mm; }
html { font-size: 11pt; }
html, body { background: #fff !important; }   /* pure white on paper. The web paper tint is set on html in global.css, which the bundler may place after this file; Chromium paints the root background over the page area, and print_check's fill metric counts non-white pixels, so a tinted root would read as a full page. */
main.sheet { max-width: none; margin: 0; padding: 0; }
.sheet-head { display: flex; justify-content: space-between; font-size: 9pt; color: #4a4a4a; border-bottom: 1px solid #9a9a9a; padding-bottom: 2mm; margin-bottom: 4mm; }
h1 { font-size: 18pt; }
h2 { font-size: 13pt; margin-top: 6mm; }
.drill { border-color: #9a9a9a; break-inside: avoid; margin: 4mm 0; padding: 3mm 4mm; }
.page-break { break-before: page; page-break-before: always; height: 0; }
.status-sketch, .goal, h1 { overflow: hidden; }   /* flow beside the floated QR instead of running under it */
.sheet-qr { display: block; float: right; width: 22mm; margin: 0 0 3mm 5mm; text-align: center; font-size: 7pt; line-height: 1.2; color: #4a4a4a; }
.sheet-qr svg { display: block; width: 18mm; height: 18mm; margin: 0 auto 1mm; }
.qr-placeholder { width: 18mm; height: 18mm; margin: 0 auto 1mm; border: 1px dashed #4a4a4a; display: grid; place-items: center; font-size: 6.5pt; color: #1a1a1a; padding: 1mm; box-sizing: border-box; }
.answer-key h3 { margin: 3mm 0 1mm; font-size: 10.5pt; }
.answer-key ol { margin: 0; }
.blank { border-bottom: 1px solid #1a1a1a; }
.trace-box { width: 14mm; height: 14mm; }
a { color: inherit; text-decoration: none; }
.tip { border-color: #4a4a4a; padding: 2.5mm 3mm; margin: 3mm 0; gap: 3mm; }
/* a shade darker on paper, which prints lighter than a screen shows */
.tip > svg { --changnoi-ink: #6f6b7d; --changnoi-fill: #fff; --changnoi-blush: #e8a3b4; }

/* A dark colour scheme is handled in src/styles/global.css (`body.print`), not here:
   the bundler links this file before global.css, so an override in this file never wins. */