/* Shared print stylesheet for static HTML pages.
   Mirrors the React app's @media print block so /about.html,
   case studies, and field notes print as clean leave-behinds. */
@media print {
  :root {
    --paper: #fff;
    --ink: #000;
    --muted: #333;
    --accent: #000;
    --primary: #000;
    --border: #999;
  }
  html { font-size: 11pt; }
  body { background: #fff !important; color: #000 !important; }

  /* Hide site chrome and decorative surfaces */
  #a11y-toolbar-root,
  .skip,
  nav.crumbs,
  [aria-label="Accessibility tools"],
  [aria-label="Accessibility tools"] * { display: none !important; }

  /* Force readable colors on prose */
  main, article, section, p, li, h1, h2, h3, h4, h5, h6, blockquote {
    color: #000 !important;
    background: transparent !important;
    border-color: #999 !important;
  }
  a { color: #000 !important; text-decoration: underline !important; }

  /* Expand link URLs after external anchors */
  a[href^="http"]::after,
  a[href^="mailto:"]::after,
  a[href^="tel:"]::after {
    content: " (" attr(href) ")";
    font-size: 9pt;
    color: #444;
    word-break: break-all;
  }
  a[href^="#"]::after,
  a[href^="/"]::after { content: ""; }

  /* Sensible page breaks */
  h1, h2, h3, h4, h5, h6 { page-break-after: avoid; break-after: avoid; }
  p, li, blockquote { orphans: 3; widows: 3; }
  article, section, figure, blockquote { break-inside: avoid; page-break-inside: avoid; }
  img { max-width: 40% !important; height: auto !important; box-shadow: none !important; }
}