/* Print-only stylesheet. Linked from layout.tsx with media="print" so
 * the browser only fetches it when actually printing. Same intent as
 * the @media print rules in colors_and_type.css; this file exists to
 * give Cloudflare / acceptance scripts a discrete print stylesheet
 * they can detect from the HTML (media="print" on the <link>). */

@media print {
  html, body {
    background: #ffffff !important;
    color: #000000 !important;
  }

  header,
  footer,
  nav,
  canvas,
  [data-print-hide] {
    display: none !important;
  }

  body, body * {
    color: #000000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  article, main, p, pre, code {
    max-width: none !important;
  }

  a {
    color: #000000 !important;
    text-decoration: underline;
  }
  a[href^="http"]::after,
  a[href^="/"]::after {
    content: " (" attr(href) ")";
    font-size: 0.85em;
    color: #444;
  }
  a[href^="#"]::after { content: ""; }

  pre {
    background: #f6f6f6 !important;
    border-left: 1px solid #999 !important;
    page-break-inside: avoid;
  }

  h1, h2, h3 { page-break-after: avoid; }
}