/* ============================================================
   StayIn Worksheet — print / PDF (A4, single page)
   ------------------------------------------------------------
   Loaded with media="print" (and also unconditionally so the
   @page rule applies when the user hits "Download PDF").
   Goal: one clean A4 page that prints identically in color and
   in black-and-white. Backgrounds are preserved so the writing
   surface and QR frame stay intact on color printers, but no
   structure depends on those backgrounds in grayscale.
   ============================================================ */

@page{ size:A4 portrait; margin:0; }

@media print{
  html,body{ background:#fff; padding:0; }
  .sheet{
    width:210mm; min-height:297mm;
    box-shadow:none; border-radius:0;
    margin:0;
    padding:15mm 17mm 11mm;
  }
  .dl-btn, .screen-hint{ display:none !important; }

  /* Force the A4 two-column layout regardless of the print viewport
     width (printers add margins that can shrink it under any screen
     breakpoint). Belt-and-suspenders with the screen-scoped mobile rule. */
  .sheet-body{ grid-template-columns:1fr 1fr !important; column-gap:14mm !important; }
  .wk-foot{ flex-direction:row !important; align-items:center !important; }
  .wk-title{ font-size:27pt !important; }

  /* Force backgrounds/borders to print (Chrome/Edge/Safari/Firefox). */
  *{ -webkit-print-color-adjust:exact; print-color-adjust:exact; }

  /* Keep every section whole — never split a heading from its lines. */
  .sec, .wk-foot{ break-inside:avoid; }

  /* Hyperlinks shouldn't grow blue underlines in print. */
  a{ color:inherit; text-decoration:none; }
}