/* mec-print.css - the print sheet (piece 2). Load it after mec-base.css. All of it is @media print.
   Ink on paper whatever the screen scheme (the print tokens at the end of mec-look.css do the colours; nothing is written here).
   "Download PDF" is <button data-mec-print>: mec-ui.js calls window.print(), and the DEVICE saves the PDF.
   Nothing is sent and no server makes anything. The reading face is --font-serif (Literata in Calm and Full; Simple keeps
   the phone's own serif, because Simple never asks for a font file).
   Never edit a copy: Shared-Svcs/Look-Kit is the one source (check-kit.sh). */
@page{size:A4;margin:20mm 18mm 22mm}
@media print{
  :root,:root[data-text]{font-size:100%}                       /* the text-size word is for the screen */
  html,body{background:var(--bg);color:var(--text)}
  body{font-family:var(--font-serif);font-size:11pt;line-height:1.5}
  /* nothing to tap on paper */
  nav,.rail,.tabs,.tabs-narrow,.mec-picker,.mec-pop,.bottombar,.mec-toasts,.sheet,.scrim,.skip,.no-print,button,.btn,[data-mec-print],.mec-err-actions,.mec-err-copied{display:none!important}
  .shell-rail{display:block}
  .paper,.reading{max-width:none;font-size:11pt;line-height:1.5}
  /* headings stay with what follows; a figure, table or quote is not cut */
  h1,h2,h3,.h1,.h2,.h3,.band,.kicker{break-after:avoid;page-break-after:avoid}
  figure,table,img,svg,.pull,blockquote,tr{break-inside:avoid;page-break-inside:avoid}
  p{orphans:3;widows:3}
  .band{background:transparent}
  .msg,.card,.rows{box-shadow:none;animation:none}
  *{animation:none!important;transition:none!important}
  /* the address after an OUTSIDE link only; a link inside the app prints as plain text */
  a[href^="http://"]::after,a[href^="https://"]::after{content:" (" attr(href) ")";overflow-wrap:anywhere;font-weight:400}
}