/* ChubWai — shared print-safety rule for exported PDFs.
   Link this from every file that gets printed OR embedded (via <iframe>)
   inside something that gets printed — a print media query does NOT
   cross into an iframe's own document, so each embedded screen/part
   needs this rule loaded directly, not just the page that hosts it.

   THE BUG (confirmed by experiment, see flyer-a5/flyer.css for the
   original proof): Chrome's print-to-PDF rasterises blurred box-shadow
   into soft-mask images. Several PDF viewers — macOS Preview/Quick Look
   among them — paint those soft masks' BOUNDING BOXES, so every
   shadowed card gets an opaque grey RECTANGLE behind it in the exported
   PDF. Screen preview is unaffected; only the exported PDF shows it.

   THE FIX: no blurred shadows on paper. Cards keep their edge with a
   hairline border instead, derived from --navy via tokens.css so it
   never needs a hardcoded hex.

   Do NOT re-add box-shadow inside @media print.
   Do NOT put this hairline on phone mockups — they have a fixed glass
   size, and a border adds height that pushes the 4-tab bar off the
   bottom of the screen (this regression was hit and reverted once
   already — don't repeat it).
   Do NOT put it on small pills, chips, buttons or hint lines — a
   border there reads as a stray box, not an edge. */
@media print {
  * {
    box-shadow: none !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* Only the white content-card containers get the hairline. */
  .card,
  .tcard,
  .contact,
  .wcard,
  .menu,
  .sheet {
    border: 1px solid var(--card-hairline);
  }
}